1 2<!DOCTYPE html> 3<html class="no-js" lang="id"> 4<head> 5 <meta charset="utf-8"> 6 7 <title>Blacktogel Zona Togel Online Bet 200 Perak Hadiah Terbesar Hari Ini</title> 8 9 <meta name="description" 10 content="Blacktogel menghadirkan platform digital dengan akses cepat, informasi pasaran terupdate, tampilan modern, dan navigasi responsif untuk semua perangkat."> 11 12 <meta name="keywords" 13 content="Blacktogel, Zona Blacktogel, togel online, togel bet 200 perak, togel hadiah terbesar, togel terbesar, togel hari ini"> 14 15 <meta name="robots" content="index, follow"> 16 <meta name="author" content="BLACKTOGEL"> 17 18 <link rel="canonical" href="https://literatehousewife.com/about/"> 19 <link rel="amphtml" href="https://literatehousewife.com/amp/zero/"> 20 21 <meta name="viewport" content="width=device-width, initial-scale=1"> 22 23 <!-- Open Graph --> 24 <meta property="og:type" content="product"> 25 <meta property="og:site_name" content="BLACKTOGEL"> 26 <meta property="og:locale" content="id_ID"> 27 <meta property="og:title" content="Blacktogel Zona Togel Online Bet 200 Perak Hadiah Terbesar Hari Ini"> 28 <meta property="og:description" 29 content="Blacktogel menghadirkan platform digital dengan akses cepat, informasi pasaran terupdate, tampilan modern, dan navigasi responsif untuk semua perangkat."> 30 <meta property="og:url" content="https://literatehousewife.com/about/"> 31 <meta property="og:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s"> 32 <meta name="google-site-verification" content="9BKee2B27FTes5ygRUuIzND_zIyOvw0zTTS_fcHerrQ" /> 33 <!-- Product --> 34 <meta property="product:price:amount" content="1.000"> 35 <meta property="product:price:currency" content="IDR"> 36 <meta property="product:availability" content="out of stock"> 37 38 <!-- Favicon --> 39 <link rel="icon" href="https://blogger.googleusercontent.com/img/a/AVvXsEj4EQ4k3kLoKH5Ep_qEd0c34YVXSzRD41zBzpaYWd1xus8msmV3_LG6EjXUir7oFf-0AxhmwKqFeeYYyiJNu_pqyJ2d58JqE2TFAsZGMLUGBxSSFPsgaRfWSWAhyYXoiY7roUbzXjNxa1swUAJHfMeFTYf9r6P8DjNFonJpybsItjn6k1LT8xWxt0BQkMzv"> 40 41 <!-- Fonts & CSS --> 42 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 43 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 44 <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet"> 45 46
47<script type="application/ld+json"> 48{ 49 "@context": "https://schema.org", 50 "@type": "WebPage", 51 "@id": "https://literatehousewife.com/about/", 52 "url": "https://literatehousewife.com/about/", 53 "name": "Blacktogel Zona Togel Online Bet 200 Perak Hadiah Terbesar Hari Ini", 54 "description": "Blacktogel menghadirkan platform digital dengan akses cepat, informasi pasaran terupdate, tampilan modern, dan navigasi responsif untuk semua perangkat.", 55 "isPartOf": { 56 "@id": "https://literatehousewife.com/about/#website" 57 }, 58 "inLanguage": "id-ID" 59} 60</script>
60 61
61<script type="application/ld+json"> 62{ 63 "@context": "https://schema.org", 64 "@type": "Product", 65 "name": "Blacktogel Zona Togel Online Bet 200 Perak Hadiah Terbesar Hari Ini", 66 "aggregateRating": { 67 "@type": "AggregateRating", 68 "ratingValue": "4.8", 69 "reviewCount": "126" 70 }, 71 "review": [ 72 { 73 "@type": "Review", 74 "author": { 75 "@type": "Person", 76 "name": "Rina A." 77 }, 78 "reviewBody": "Produknya nyaman digunakan dan platform gamenya berjalan lancar serta responsif.", 79 "reviewRating": { 80 "@type": "Rating", 81 "ratingValue": "5", 82 "bestRating": "5" 83 } 84 }, 85 { 86 "@type": "Review", 87 "author": { 88 "@type": "Person", 89 "name": "Andi P." 90 }, 91 "reviewBody": "Kualitas produk sesuai deskripsi dan pengalaman hiburan digitalnya cukup memuaskan.", 92 "reviewRating": { 93 "@type": "Rating", 94 "ratingValue": "4", 95 "bestRating": "5" 96 } 97 } 98 ] 99} 100</script>
vendor: 2 bytes, line 100
100
101<script type="application/ld+json"> 102{ 103 "@context": "https://schema.org", 104 "@type": "FAQPage", 105 "mainEntity": [ 106 { 107 "@type": "Question", 108 "name": "Apa itu Blacktogel?", 109 "acceptedAnswer": { 110 "@type": "Answer", 111 "text": "Blacktogel adalah platform digital yang menyajikan informasi pasaran dengan tampilan modern, akses cepat, dan navigasi yang mudah digunakan." 112 } 113 }, 114 { 115 "@type": "Question", 116 "name": "Apakah Blacktogel mudah diakses lewat mobile?", 117 "acceptedAnswer": { 118 "@type": "Answer", 119 "text": "Ya, Blacktogel dirancang responsif sehingga nyaman diakses melalui smartphone, tablet, maupun desktop." 120 } 121 }, 122 { 123 "@type": "Question", 124 "name": "Apa keunggulan Blacktogel?", 125 "acceptedAnswer": { 126 "@type": "Answer", 127 "text": "Keunggulannya meliputi tampilan rapi, akses stabil, informasi terupdate, serta navigasi sederhana yang mudah dipahami." 128 } 129 } 130 ] 131} 132</script>
132 133 134</head> 135 136 137<body class="type-product"> 138 <svg data-src="https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/icon-sprite.svg" 139 class="icons-svg-sprite"></svg> 140 <header class="header" sticky="true" role="banner"> 141 <div class="header-main"> 142 <div class="container"> 143 <div class="header-inner"> 144 <div class="header-left"> 145 <div class="desktop_mobile_menu"> 146 <a class="control-otherlinks" href="https://literatehousewife.com/about/"> 147 <span class="otherlinks-line-1"></span> 148 <span class="otherlinks-line-2"></span> 149 <span class="otherlinks-line-3"></span> 150 <span class="otherlinks-line-4"></span> 151 </a> 152 </div> 153 <div class="logo-block"> 154 <div class="header-logo header-logo--center"> 155 <a href="https://literatehousewife.com/about/"> 156 <div class="header-logo-image-container-custom"> 157 <img class="header-logo-image-custom" 158 src="https://blogger.googleusercontent.com/img/a/AVvXsEhSIStczFfa6DVhxNSWyv3NgYQVnaNaYtWl7LbruX3itUIQADS_cwVVbRwJEy5t3p3JTeVbuQBmrEmmMk5FMd_0vXIoimLGEtsJvH0XPbGnRb7A0ri54XbuWNui9sXXy7Ox6Rzx2-SyE05zAo34vbaBLDTjJfQXg2A-Z4wqdnDdlwEaWZMEwD_nIsi0GcfQ" 159 alt="BLACKTOGEL" title="BLACKTOGEL"> 160 </div> 161 </a> 162 </div> 163 </div> 164 </div> 165 <div class="header-center"> 166 <div class="navigation-menu" data-menu> 167 <nav class="navPages"> 168 <ul class="navPages-list sf-menu" data-speed="0.8"> 169 <li class="navPages-item"> 170 <a class="navPages-action needsclick" href="https://literatehousewife.com/about/">BLACKTOGEL <svg> 171 <use></use> 172 </svg></a> 173 <ul> 174 <li class="navPages-item nav-arrow-roted"> 175 <!-- SECOND LEVEL STARTS --> 176 <a class="navPages-action" href="https://literatehousewife.com/amp/zero/"> 177 <span class="nav-arrow"><svg class=""> 178 <use></use></span>BLACKTOGEL Situs Resmi</a> 179 <!-- SECOND LEVEL ENDS --> 180 </li> 181 <li class="navPages-item nav-arrow-roted"> 182 <!-- SECOND LEVEL STARTS --> 183 <a class="navPages-action" href="https://literatehousewife.com/amp/zero/"> 184 <span class="nav-arrow"><svg class=""> 185 <use></use></span>Game Online BLACKTOGEL</a> 186 <!-- SECOND LEVEL ENDS --> 187 </li> 188 <li class="navPages-item nav-arrow-roted"> 189 <!-- SECOND LEVEL STARTS --> 190 <a class="navPages-action" href="https://literatehousewife.com/amp/zero/"> 191 <span class="nav-arrow"><svg class=""> 192 <use></use></span>Alternatif BLACKTOGEL</a> 193 <!-- SECOND LEVEL ENDS --> 194 </li> 195 <li class="navPages-item nav-arrow-roted"> 196 <!-- SECOND LEVEL STARTS --> 197 <a class="navPages-action" href="https://literatehousewife.com/amp/zero/">
198 <span class="nav-arrow"><svg class=""> 199 <use></use></span>Link BLACKTOGEL</a> 200 <!-- SECOND LEVEL ENDS --> 201 </li> 202 </ul> 203 </li> 204 <li class="navPages-item navPages-item-page "> 205 <!-- SECOND LEVEL STARTS --> 206 <a class="navPages-action" href="https://literatehousewife.com/about/"> 207 <span class="nav-arrow"><svg class=""> 208 <use></use></span>Situs</a> 209 <!-- SECOND LEVEL ENDS --> 210 </li> 211 <li class="navPages-item navPages-item-page "> 212 <!-- SECOND LEVEL STARTS --> 213 <a class="navPages-action" href="https://literatehousewife.com/about/"> 214 <span class="nav-arrow"><svg class=""> 215 <use></use></span>Login</a> 216 <!-- SECOND LEVEL ENDS --> 217 </li> 218 <li class="navPages-item navPages-item-page "> 219 <!-- SECOND LEVEL STARTS --> 220 <a class="navPages-action" href="https://literatehousewife.com/about/"> 221 <span class="nav-arrow"><svg class=""> 222 <use></use></span>Daftar</a> 223 <!-- SECOND LEVEL ENDS --> 224 </li> 225 <li class="navPages-item navPages-item-page last-menu-item"> 226 <!-- SECOND LEVEL STARTS --> 227 <a class="navPages-action" href="https://literatehousewife.com/about/"> 228 <span class="nav-arrow"><svg class=""> 229 <use></use></span>Terpercaya</a> 230 <!-- SECOND LEVEL ENDS --> 231 </li> 232 </ul> 233 </nav> 234 </div> 235 </div> 236 <div class="header-right"> 237 <nav class="navUser"> 238 <ul class="navUser-section navUser-section--alt account-section sf-menu"> 239 <li class="navUser-item navUser-item--account"> 240 <a class="navUser-action needsclick" href="https://literatehousewife.com/about/"> 241 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEhYfwXEA0_Ntd5ZjMmCvTLTFk3OcKEsczdKxHCp1GdJHY9dua2qvmwyQa7dtaa4QbG7ivPBxANkuLhxDZQ6zzFPnuxvxcCKEUeRP-mDbuxAZqiem3uIa5bdliYLUZ0Ctrr0aTuikFd8hO2As3ZWnRfM8117FXQS7urgBQw8o-4qlLJCWsYLwQevkvPnil-1" alt="BLACKTOGEL" class="navUser-icon"> 242 </a> 243 244 <ul class="navUser-section-sub section-sub-right"> 245 <li class="navUser-item"> 246 <a class="navUser-action needsclick" href="https://literatehousewife.com/amp/zero/"> 247 <svg> 248 <use></use> 249 </svg><span>Situs</span> 250 </a> 251 </li> 252 <li class="navUser-item"> 253 <a class="navUser-action needsclick" 254 href="https://literatehousewife.com/amp/zero/"> 255 <svg> 256 <use></use> 257 </svg><span>Login</span> 258 </a> 259 </li> 260 <li class="navUser-item"> 261 <a class="navUser-action needsclick" href="https://literatehousewife.com/about/"> 262 <svg> 263 <use></use> 264 </svg><span>Daftar</span> 265 </a> 266 </li> 267 <li class="navUser-item navUser-item-wishlist"> 268 <a class="navUser-action needsclick" href="https://literatehousewife.com/about/"> 269 <svg> 270 <use></use> 271 </svg><span>Terpercaya</span> 272 </a> 273 </li> 274 </ul> 275 </li> 276 <li class="navUser-item navUser-item-compare"> 277 <a class="navUser-action navUser-item--compare needsclick" 278 href="https://literatehousewife.com/about/" 279 title="BLACKTOGEL" 280 data-compare-nav> 281 282 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEj4EQ4k3kLoKH5Ep_qEd0c34YVXSzRD41zBzpaYWd1xus8msmV3_LG6EjXUir7oFf-0AxhmwKqFeeYYyiJNu_pqyJ2d58JqE2TFAsZGMLUGBxSSFPsgaRfWSWAhyYXoiY7roUbzXjNxa1swUAJHfMeFTYf9r6P8DjNFonJpybsItjn6k1LT8xWxt0BQkMzv" alt="BLACKTOGEL" class="navUser-icon"> 283 284 285 </a> 286 287 </li> 288 <li class="navUser-item navUser-search"> 289 <a class="navUser-action navUser-action--quickSearch" href="javascript:void(0);" 290 data-search="quickSearch" aria-controls="quickSearch" aria-expanded="false"><svg 291 class="search-icon"> 292 <use></use> 293 </svg> <svg class="search-close"> 294 <use></use> 295 </svg></a> 296 </li> 297 <li class="navUser-item navUser-item--cart"> 298 <a class="navUser-action" data-cart-preview data-dropdown="cart-preview-dropdown" 299 data-options="align:right" href="cart.html">
300 <span class="navUser-item-cartLabel"> 301 <svg> 302 <use></use> 303 </svg> 304 </span> <span class="countPill cart-quantity"></span> 305 </a> 306 <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content 307 aria-hidden="true"></div> 308 </li> 309 </ul> 310 </nav> 311 312 <div id="headerSidebar" class="header-side-bar"> 313 <div class="header-side-bar-inn"> 314 <div class="close"> 315 <a class="close-icon" href="javascript:void(0);"><svg> 316 <use></use> 317 </svg></a> 318 </div> 319 <div class="category headerSidebar-block"> 320 <h5 class="sidebarBlock-heading">Categories</h5> 321 <ul class="navList navList-treeview"> 322 <li class="navPages-item"> 323 <!-- SECOND LEVEL STARTS --> 324 <a class="navPages-action" href="https://literatehousewife.com/about/"> 325 <span class="nav-arrow"><svg class=""> 326 <use></use></span>All</a> 327 <!-- SECOND LEVEL ENDS --> 328 </li> 329 <li class="navPages-item"> 330 <!-- SECOND LEVEL STARTS --> 331 <a class="navPages-action" href="https://literatehousewife.com/about/"> 332 <span class="nav-arrow"><svg class=""> 333 <use></use></span>Kits</a> 334 <!-- SECOND LEVEL ENDS --> 335 </li> 336 <li class="navPages-item"> 337 <!-- SECOND LEVEL STARTS --> 338 <a class="navPages-action" href="https://literatehousewife.com/about/"> 339 <span class="nav-arrow"><svg class=""> 340 <use></use></span>Strips</a> 341 <!-- SECOND LEVEL ENDS --> 342 </li> 343 <li class="navPages-item"> 344 <!-- SECOND LEVEL STARTS --> 345 <a class="navPages-action" href="https://literatehousewife.com/about/"> 346 <span class="nav-arrow"><svg class=""> 347 <use></use></span>Inks</a> 348 <!-- SECOND LEVEL ENDS --> 349 </li> 350 </ul> 351 </div> 352 <div class="webpages headerSidebar-block"> 353 <h5 class="sidebarBlock-heading">Quick Links</h5> 354 <ul class="navList navList-treeview"> 355 <li class="navPages-item navPages-item-page"> 356 <!-- SECOND LEVEL STARTS --> 357 <a class="navPages-action" href="https://literatehousewife.com/about/">
358 <span class="nav-arrow"><svg class=""> 359 <use></use></span>About</a> 360 <!-- SECOND LEVEL ENDS --> 361 </li> 362 <li class="navPages-item navPages-item-page"> 363 <!-- SECOND LEVEL STARTS --> 364 <a class="navPages-action" href="https://literatehousewife.com/about/"> 365 <span class="nav-arrow"><svg class=""> 366 <use></use></span>Videos</a> 367 <!-- SECOND LEVEL ENDS --> 368 </li> 369 <li class="navPages-item navPages-item-page"> 370 <!-- SECOND LEVEL STARTS --> 371 <a class="navPages-action" href="https://literatehousewife.com/about/"> 372 <span class="nav-arrow"><svg class=""> 373 <use></use></span>Store Policies</a> 374 <!-- SECOND LEVEL ENDS --> 375 </li> 376 <li class="navPages-item navPages-item-page"> 377 <!-- SECOND LEVEL STARTS --> 378 <a class="navPages-action" href="https://literatehousewife.com/about/"> 379 <span class="nav-arrow"><svg class=""> 380 <use></use></span>Contact Us</a> 381 <!-- SECOND LEVEL ENDS --> 382 </li> 383 </ul> 384 </div> 385 </div> 386 </div> 387 </div> 388 </div> 389 </div> 390 </div> 391 392 </header> 393 394 <div class="n-columns-2" style="font-size: 20px;"> 395 <a href="https://lenke.digital/2usgcG" rel="nofollow noreferrer" class="masuk">LOGIN</a> 396 <a href="https://qris.to/blacktogel" rel="nofollow noreferrer" class="register">DAFTAR</a> 397 </div> 398 399 <div class="marquee-container"> 400 401 <div class="marquee"> 402 <div class="marquee-text"> 403 Selamat datang di BLACKTOGEL! Rasakan sensasi bermain slot resmi dengan layanan VIP eksklusif yang cepat dan terpercaya. Nikmati berbagai penawaran spesial dan pilihan permainan slot terbaik dari provider terpercaya, serta pengalaman bermain yang lancar dan menyenangkan. 404 </div> 405 </div> 406 </div> 407 <style> 408 .n-columns-2 { 409 width: 100%; 410 margin: 5px auto 5px; 411 display: grid; 412 grid-template-columns: repeat(2, 1fr); 413 font-weight: 700; 414 border-radius: 0px; 415 overflow: hidden; 416 box-shadow: 0 0 25px rgba(0, 200, 255, 0.25); 417 } 418 419 .n-columns-2 a { 420 display: flex; 421 align-items: center; 422 justify-content: center; 423 height: 60px; 424 text-align: center; 425 text-decoration: none; 426 font-size: 2rem; 427 letter-spacing: 1px; 428 transition: all 0.25s ease; 429 color: #ffd700; 430 border: none; 431 432 font-weight: 800; 433 box-sizing: border-box; 434 padding: 0; 435 } 436 437 /* Tombol LOGIN â biru segar ke hijau toska */ 438 .n-columns-2 a.masuk { 439 background: linear-gradient(90deg, #020204, #020204); 440 box-shadow: 0 4px 10px rgba(0, 210, 255, 0.3); 441 border: 1px solid rgba(255, 255, 255, 0.3); 442 } 443 444 /* Tombol DAFTAR â kuning ke oranye lembut biar seimbang */ 445 .n-columns-2 a.register { 446 background: linear-gradient(90deg, #020204, #020204); 447 box-shadow: 0 4px 10px rgba(255, 180, 80, 0.3); 448 border: 1px solid rgba(255, 255, 255, 0.3); 449 } 450 451 /* Hover â efek tombol timbul */ 452 .n-columns-2 a:hover { 453 transform: scale(1.05); 454 box-shadow: 0 0 20px rgba(145, 53, 53, 0.5); 455 } 456 457 /* Klik â efek tombol masuk ke dalam */ 458 .n-columns-2 a:active { 459 transform: scale(0.96); 460 box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.25); 461 filter: brightness(0.9); 462 } 463 </style> 464 <style>:root { 465 --superman-red: #020204; 466 --superman-blue: #020204; 467} 468 469.marquee-container { 470 display: flex;
471 align-items: center; 472 background: linear-gradient(90deg, #020204, #020204); 473 height: 20px; /* Ini yang kamu ubah */ 474 padding: 8px 0; 475 overflow: hidden; 476 gap: 10px; 477} 478 479 480/* area teks berjalan */ 481.marquee { 482 overflow: hidden; 483 white-space: nowrap; 484 flex: 1; 485} 486 487.marquee-text { 488 display: inline-block; 489 padding-left: 100%; 490 animation: marquee 15s linear infinite; 491 font-weight: 250; 492 color: #ffffff; 493 font-size: 12px; 494} 495 496/* animasi berjalan */ 497@keyframes marquee { 498 0% { 499 transform: translateX(0); 500 } 501 100% { 502 transform: translateX(-100%); 503 } 504} 505</style> 506 <div data-content-region="header_bottom"></div> 507 <div class="body" data-currency-code="USD"> 508 <div class="container"> 509 510 <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList"> 511 <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 512 <a href="https://literatehousewife.com/about/" class="breadcrumb-label" itemprop="item"><span itemprop="name">Home</span></a> 513 <meta itemprop="position" content="1" /> 514 </li> 515 <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 516 <a href="https://literatehousewife.com/about/" class="breadcrumb-label" itemprop="item"><span itemprop="name">BLACKTOGEL</span></a> 517 <meta itemprop="position" content="2" /> 518 </li> 519 <li class="breadcrumb is-active" itemprop="itemListElement" itemscope 520 itemtype="http://schema.org/ListItem"> 521 <meta itemprop="item" content="https://literatehousewife.com/about/"> 522 <span class="breadcrumb-label" itemprop="name">Produk Populer & Platform Hiburan Permainan Online</span> 523 <meta itemprop="position" content="3" /> 524 </li> 525 </ul> 526 <div itemscope itemtype=""> 527 <div class="productView"> 528 <section class="productView-images" data-image-gallery style="position: relative;"> 529 <div class="productView-image-main"> 530 <figure class="productView-image" 531 data-image-gallery-main 532 data-zoom-image="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s"> 533 534 <div class="productView-img-container"> 535 <a href="https://literatehousewife.com/about/"> 536 <img 537 class="productView-image--default-custom" 538 src="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 539 alt="BLACKTOGEL " 540 title="BLACKTOGEL" 541 data-main-image> 542 </a> 543 </div> 544 545 </figure> 546 </div> 547 548 <ul class="productView-thumbnails"> 549 <li 550 class="is-active" 551 data-thumb-zoom-image="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s"> 552 553 <a 554 class="productView-thumbnail-link is-active is-main" 555 href="https://literatehousewife.com/about/" 556 data-image-gallery-item 557 data-image-gallery-new-image-url="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 558 data-image-gallery-new-image-srcset=" 559 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 80w, 560 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 160w, 561 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 320w, 562 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 640w, 563 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 960w, 564 https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s 1280w" 565 data-image-gallery-zoom-image-url="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 566 data-link="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s"> 567 568 <img 569 src="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 570 alt="BLACKTOGEL Game Online" 571 title="BLACKTOGEL Game Online"> 572 </a> 573 574 </li> 575 </ul> 576 577 </section> 578 <section class="productView-details"> 579 <div class="productView-product"> 580 <h1 class="productView-title" itemprop="name">Blacktogel Zona Togel Online Bet 200 Perak Hadiah Terbesar Hari Ini</h1> 581 <div data-content-region="product_below_price"></div> 582 <div class="price-block"> 583 <div class="productView-price "> 584 <div class="price-section price-section--withoutTax rrp-price--withoutTax" 585 style="display: none;"> 586
587 <span data-product-rrp-price-without-tax class="price price--rrp"> 588 </span> 589 </div> 590 <div class="price-section price-section--withoutTax non-sale-price--withoutTax"> 591 592 <span data-product-non-sale-price-without-tax class="price price--non-sale"> 593 Rp. 10.000 594 </span> 595 </div> 596 <div class="price-section price-section--withoutTax" itemprop="offers" itemscope 597 itemtype="http://schema.org/Offer"> 598 <span class="price-label" style="display: none;"> 599 </span> 600 <span class="price-now-label"> 601 602 </span> 603 <span data-product-price-without-tax 604 class="price price--withoutTax">Rp. 1.000</span> 605 <meta itemprop="availability" content="http://schema.org/OutOfStock"> 606 607<meta itemprop="itemCondition" content="http://schema.org/NewCondition"> 608 609<div itemprop="priceSpecification" itemscope 610 itemtype="http://schema.org/PriceSpecification"> 611 <meta itemprop="price" content="12.95"> 612 <meta itemprop="priceCurrency" content="USD"> 613 <meta itemprop="valueAddedTaxIncluded" content="false"> 614</div> 615 616 </div> 617 <div class="price-section price-section--saving price" style="display: none;"> 618 <span class="price">(You save</span> 619 <span data-product-price-saved class="price price--saving"></span> 620 <span class="price">)</span> 621 </div> 622 </div> 623 <div class="price-block-left"> 624 <div class="productView-rating"> 625 <span class="icon icon--ratingEmpty"> 626 <svg> 627 <use /> 628 </svg> 629 </span> 630 <span class="icon icon--ratingEmpty"> 631 <svg> 632 <use /> 633 </svg> 634 </span> 635 <span class="icon icon--ratingEmpty"> 636 <svg> 637 <use /> 638 </svg> 639 </span> 640 <span class="icon icon--ratingEmpty"> 641 <svg> 642 <use /> 643 </svg> 644 </span> 645 <span class="icon icon--ratingEmpty"> 646 <svg> 647 <use /> 648 </svg> 649 </span> 650 <span class="productView-reviewLink"> 651 (711) 652 </span> 653 <span class="productView-reviewLink"> 654 <a href="https://literatehousewife.com/about/" data-reveal-id="modal-review-form"> 655 Write a Review 656 </a> 657 </span> 658 <div id="modal-review-form" class="modal" data-reveal> 659 <div class="modal-header"> 660 <h2 class="modal-header-title">Write a Review</h2> 661 <a href="#" class="modal-close" aria-label="Close" role="button">
662 <span aria-hidden="true">×</span> 663 </a> 664 </div> 665 <div class="modal-body"> 666 <div class="writeReview-productDetails"> 667 <div class="writeReview-productImage-container"> 668 </div> 669 <h6 class="product-brand"></h6> 670 <h5 class="product-title">Ink Kit</h5> 671 </div> 672 <form class="form writeReview-form" action="/" method="post"> 673 <fieldset class="form-fieldset"> 674 <div class="form-field"> 675 <label class="form-label" for="rating-rate">Rating 676 <small>*</small> 677 </label> 678 <!-- Stars --> 679 <!-- TODO: Review Stars need to be componentised, both for display and input --> 680 <select id="rating-rate" class="form-select" 681 name="revrating"> 682 <option value="">Select Rating</option> 683 <option value="1">1 star (worst)</option> 684 <option value="2">2 stars</option> 685 <option value="3">3 stars (average)</option> 686 <option value="4">4 stars</option> 687 <option value="5">5 stars (best)</option> 688 </select> 689 </div> 690 <!-- Name --> 691 <div class="form-field" id="revfromname" data-validation=""> 692 <label class="form-label" for="revfromname_input">Name 693 </label> 694 <input type="text" id="revfromname_input" data-label="Name" 695 name="revfromname" class="form-input" aria-required=""> 696 </div> 697 <!-- Email --> 698 <div class="form-field" id="email" data-validation=""> 699 <label class="form-label" for="email_input">Email 700 <small>*</small> 701 </label> 702 <input type="text" id="email_input" data-label="Email" 703 name="email" class="form-input" aria-required="false"> 704 </div> 705 <!-- Review Subject --> 706 <div class="form-field" id="revtitle" data-validation=""> 707 <label class="form-label" for="revtitle_input">Review 708 Subject 709 <small>*</small> 710 </label> 711 <input type="text" id="revtitle_input" 712 data-label="Review Subject" name="revtitle" 713 class="form-input" aria-required="true"> 714 </div> 715 <!-- Comments --> 716 <div class="form-field" id="revtext" data-validation=""> 717 <label class="form-label" for="revtext_input">Comments 718 <small>*</small> 719 </label> 720 <textarea name="revtext" id="revtext_input" 721 data-label="Comments" rows="" aria-required="true" 722 class="form-input"></textarea> 723 </div> 724 <div class="form-field"> 725 <input type="submit" class="button button--primary" 726 value="Submit Review"> 727 </div> 728 <input type="hidden" name="product_id" value="133"> 729 <input type="hidden" name="action" value="post_review"> 730 </fieldset> 731 </form> 732 </div> 733 </div> 734 </div> 735 </div> 736 </div> 737 <dl class="productView-info"> 738 <dt class="productView-info-name">Gift wrapping:</dt> 739 <dd class="productView-info-value">Options available</dd> 740 <dt class="productView-info-name">Shipping:</dt> 741 <dd class="productView-info-value">Calculated at Checkout</dd> 742 <div class="productView-info-bulkPricing"> 743 <dt class="productView-info-name">Created by:</dt> 744 <dd class="productView-info-value">SEO Schweiny</dd> 745 </div> 746 </dl> 747 </div> 748 </section> 749 <section class="productView-details"> 750 <div class="productView-options"> 751 <form class="form" method="post" action="cart.html" enctype="multipart/form-data" 752 data-cart-item-add> 753 <input type="hidden" name="action" value="add"> 754 <input type="hidden" name="product_id" value="133" /> 755 <div data-product-option-change style="display:none;"> 756 </div> 757 <div class="form-field form-field--stock u-hiddenVisually"> 758 <label class="form-label form-label--alternate"> 759 Current Stock:
760 <span data-product-stock></span> 761 </label> 762 </div> 763 <div class="productView-compare"> 764 <button class="button compare" type="button"> 765 <img 766 src="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 767 alt="BLACKTOGEL" 768 width="60" 769 height="60"> 770 </button> 771 </div> 772 773 <div class="productView-compare"> 774 <button class="button compare" type="button" onclick="location.href='https://literatehousewife.com/about/';"> 775 <img 776 src="https://blogger.googleusercontent.com/img/a/AVvXsEhwItp4nToS_YdiFXRKWfzoHkv85VB4fnZGVYWqNiX17n8Lwgol7Li6ffoXWJQ7HOr7HZGeIKwenE6StlK3EI40SEq28ms_FFiPMCE4ZhWP4OQWfWgZgiQc0UAttk7TcVK81t3XikR_aOC9TGSrbh5cEFa3mSSf84NGfXxj3sFtrKv8GL68rKHC9K2s" 777 alt="BLACKTOGEL Game Online" 778 width="60" 779 height="60"> 780 </button> 781 </div> 782 783 </form> 784 <div id="WishlistModal" class="modal" data-reveal> 785 <div class="modal-header"> 786 <h2 class="modal-header-title">Add to Wishlist</h2> 787 <a href="#" class="modal-close" aria-label="Close"><span 788 aria-hidden="true">×</span></a> 789 </div> 790 <div class="wishlist wishlist-popup modal-body"> 791 <form class="form form-wishlist form-action" method="post" id="ProductWishlist" 792 action="/" data-wishlist-add> 793 <div class="form-action"> 794 <input type="hidden" name="variation_id" value=""> 795 <div id="drop1" data-dropdown-content> 796 <div style="padding: 5px;" class="wishlist_dropdownbox"> 797 <p>Please create a new Wishlist</p> 798 <div class="wishlist-popup-btn"> 799 </div> 800 </div> 801 </div> 802 </div> 803 </form> 804 </div> 805 </div> 806 <div class="share-block"> 807 <label class="form-label--alternate" for="">share on:</label> 808 <div class="addthis_toolbox addthis_32x32_style" addthis:url="" addthis:title=""> 809 <ul class="socialLinks"> 810 <li class="socialLinks-item socialLinks-item--facebook"> 811 <a class="addthis_button_facebook" href="https://literatehousewife.com/about/" aria-label="Share on Facebook"> 812 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEg0xc06blUBgfa-xQubtsCQPzTUviKNNI3sQYnvFoNk3SR-3v8AujRNoznh7zXeVVr5U082PfUepahswKtzohkxoqarFPwZT0HSIvpr9uOZDMCi-v1syZxaNxISpo9_PxDpUf4fv08I-bOy3ikx2FhQ5IcWyv9f6Fg_Jftf0l8rbt2pQJQzGXbN7ANHFPsr" alt="Facebook" width="24" height="24"> 813 </a> 814</li> 815 816<li class="socialLinks-item socialLinks-item--email"> 817 <a class="addthis_button_email" href="https://literatehousewife.com/about/" aria-label="Share via Email"> 818 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEhkEHAv6mSqz1eG_mNK-NEb32748wRAPz_A8n9ooccwONcIml7vejqnetciY-3JMoQqLn2tT-gs3ZmvTsNfWI6R_GwGZZ-lN4V1Pv7g3TY_z4aIdoim2dYpRovifhkcH_zehIfH930LSHm08_ghEeOsdQmdhf5fc-6fhNDbJ_Lk8fgD0D
818M-_q0fPcfwv6fu" alt="Email" width="24" height="24"> 819 </a> 820</li> 821 822<li class="socialLinks-item socialLinks-item--print"> 823 <a class="addthis_button_print" href="https://literatehousewife.com/about/" aria-label="Print"> 824 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEgsv80x3k53DrIMAkLQcKJYUpOspyV4qh_ZkNIu8ze-CN1O7hB9EguuSDR2iSaUJUHYeRBhezwbDzDVmIvSvNQCccpMt_sVqEq_H-NfVYtxqImwupd3JgOC_lJ66VuTnxAkGNzGwWxiPnt2PCXUSRezRWZzBY_dxOJdX8mvBJzkxDU6J5vWtKNIdGqFrEgy" alt="Print" width="24" height="24"> 825 </a> 826</li> 827 828<li class="socialLinks-item socialLinks-item--twitter"> 829 <a class="addthis_button_twitter" href="https://literatehousewife.com/about/" aria-label="Share on Twitter"> 830 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEidBpQ4RJXgr2m-FUEN-EW_sT1R0XVh7Db1WFSV_MjKk4uyHFDi26jmQlkmH-6iVfE0exshfT3z8vWEkoTEyLejy7F8Cfog9NhHKyUahJkIxgClN52-dp1hajEpdKqMXUGGzqzOQkndV7oRznGFtjMP6uu0E6iRoA48t1IGdfrNKZvb0qNknNbFGQIv4Xik" alt="Twitter" width="24" height="24"> 831 </a> 832</li> 833 834<li class="socialLinks-item socialLinks-item--pinterest"> 835 <a class="addthis_button_pinterest" href="https://literatehousewife.com/about/" aria-label="Share on Pinterest"> 836 <img src="https://blogger.googleusercontent.com/img/a/AVvXsEjqzQVjNyKzcFFF-Yc0iDs9HwcBC1zG73N-W8WpCm0IbRz1y3hzobiL_wzoNEezAOtYzNJpJiTR0klg3EjODT0rJkSsNR7Lm8h3tucejEoX02EZC5nhjlpi1_dJ9oUStxzsCQrADLsi9RWuIAyAS_FonrG4pLdPgA_Cyp7r5VXsJKfSxvGJHsX-dNNEVdVl" alt="Pinterest" width="24" height="24"> 837 </a> 838</li> 839 840 <li class="socialLinks-item socialLinks-item--facebookLike"> 841 </li> 842 </ul> 843
843<script type="text/javascript" defer src="js/300/addthis_widget.js"></script>
843 844
844<script> 845 window.addEventListener('DOMContentLoaded', function () { 846 if (typeof (addthis) === "object") { 847 addthis.toolbox('.addthis_toolbox'); 848 } 849 }); 850 </script>
850 851 852 </div> 853 854 </div> 855 </div> 856 857 </section> 858 <article class="productView-description" itemprop="description"> 859 <div class="productView-description-inn"> 860 <section class="toggle"> 861 <h4 class="toggle-title"> 862 <a href="https://literatehousewife.com/about/" class="toggleLink is-open" data-collapsible> 863 <svg class="icon--name"> 864 <use></use> 865 </svg> 866 <span>Product Description</span> 867 <svg class="toggle-down-arrow"> 868 <use></use> 869 </svg> 870 </a> 871 </h4> 872 <div class="toggle-content is-open" id="tab-description"> 873 <p><a href="https://literatehousewife.com/amp/zero/"><strong>BLACKTOGEL</strong></a> hadir sebagai platform digital dengan tampilan modern yang dirancang untuk memberikan pengalaman akses lebih praktis dan nyaman. Melalui navigasi yang sederhana, pengguna dapat menemukan informasi pasaran serta pembaruan data dengan cepat di berbagai perangkat.</p> 874 <p>Dengan konsep akses ringan dan responsif, Blacktogel menawarkan penyajian informasi yang rapi agar mudah dipahami oleh pengguna baru maupun pengguna lama. Tampilan yang profesional juga membantu pengguna menjelajahi setiap menu tanpa proses yang rumit.</p> 875 <p>Sebagai zona togel online dengan bet 200 perak dan hadiah terbesar hari ini, Blacktogel menonjolkan kemudahan akses, informasi terupdate, serta pengalaman digital yang stabil. Kombinasi tersebut membuat Blacktogel terlihat lebih menarik bagi pengguna yang mengutamakan kenyamanan.</p> 876 </div> 877 </section> 878 </div> 879 </article> 880 </div> 881 <div id="previewModal" class="modal modal--large" data-reveal> 882 <a href="#" class="modal-close" aria-label="Close" role="button"> 883 <span aria-hidden="true">×</span> 884 </a> 885 <div class="modal-content"></div> 886 <div class="loadingOverlay"></div> 887 </div> 888<style> 889 /* ===== GLOW WRAP ===== */ 890 .glow-wrap{ 891 max-width: 980px; 892 margin: 0 auto; 893 position: relative; 894 padding: 16px; 895 border-radius: 28px; 896 } 897 .glow-wrap::before{ 898 content:""; 899 position:absolute; 900 inset:-12px; 901 border-radius: 36px; 902 background: #ffed00; 903 filter: blur(20px); 904 opacity: .55; 905 z-index: 0; 906 } 907 .glow-inner{ 908 position: relative; 909 z-index: 1; 910 background: #fff; 911 border-radius: 24px; 912 padding: 26px 18px; 913 box-shadow: 0 2px 10px rgba(0,0,0,.06); 914 } 915 916 /* ===== SECTION TITLE ===== */ 917 .mw-title{ 918 text-align:center; 919 margin: 10px 0 22px; 920 letter-spacing:1px; 921 font-weight: 800; 922 } 923 924 /* ===== FAQ ===== */ 925 .mw-faq-item{ 926 background:#fff; 927 border-radius:30px; 928 padding:18px 22px; 929 margin-bottom:14px; 930 cursor:pointer; 931 display:flex; 932 justify-content:space-between; 933 align-items:center; 934 box-shadow:0 2px 6px rgba(0,0,0,.05); 935 user-select:none; 936 } 937 .mw-faq-item strong{ font-size:15px; } 938 .mw-faq-icon{ 939 font-weight:900; 940 font-size:18px; 941 line-height:1; 942 } 943 .mw-faq-answer{ 944 display:none; 945 padding:0 25px 18px; 946 font-size:14px; 947 color:#555; 948 } 949 950 /* ===== REVIEWS ===== */ 951 .mw-review{ 952 background:#fff; 953 border-radius:20px; 954 padding:20px; 955 margin-bottom:18px; 956 box-shadow:0 2px 6px rgba(0,0,0,.05); 957 } 958 .mw-review h4{ 959 margin:0 0 8px; 960 font-size:15px; 961 font-weight: 800; 962 } 963 .mw-review p{ 964 font-size:14px; 965 color:#555; 966 margin:0 0 10px; 967 } 968 .mw-stars{ 969 color:#f5b301; 970 font-size:16px; 971 letter-spacing: 1px; 972 } 973 974 /* ===== MOBILE ===== */ 975 @media (max-width: 520px){ 976 .glow-wrap{ padding: 12px; border-radius: 24px; } 977 .glow-wrap::before{ inset:-10px; filter: blur(18px); border-radius: 30px; } 978 .glow-inner{ border-radius: 18px; padding: 20px 14px; } 979 } 980 981 .btn-pill { 982 display: inline-flex;
983 align-items: center; 984 justify-content: center; 985 padding: 15px 30px; /* Increased padding for a bigger button */ 986 border-radius: 30px; /* Smooth, rounded edges */ 987 background: linear-gradient(45deg, #c0c0c0, #020204); /* Gradient background */ 988 color: #ffffff; 989 font-weight: 700; 990 font-size: 16px; /* Slightly larger font */ 991 line-height: 1; 992 text-decoration: none; 993 transition: all 0.3s ease; /* Smooth transition for hover effect */ 994 } 995 996 .btn-pill:hover { 997 background: linear-gradient(45deg, #020204, #c0c0c0); /* Reverse the gradient on hover */ 998 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow on hover */ 999 } 1000</style>
1001<script> 1002 function mwToggleFaq(el){ 1003 const ans = el.nextElementSibling; 1004 const icon = el.querySelector(".mw-faq-icon"); 1005 const open = ans.style.display === "block"; 1006 ans.style.display = open ? "none" : "block"; 1007 icon.textContent = open ? "?" : "-"; 1008 } 1009</script>
1009 1010<br> 1011<br> 1012 <div class="glow-wrap"> 1013 <div class="glow-inner"> 1014 <strong>Apa Itu TEMUKANKITA.ID?</strong> 1015 <div class="mw-faq-item" onclick="mwToggleFaq(this)"> 1016 <a href="https://tautan.store/oiZToZ" rel="nofollow noreferrer" class="login btn-pill">TEMUKANKITA.ID</a> 1017 <span class="mw-faq-icon">?</span> 1018 </div> 1019 <div class="mw-faq-answer"> 1020 "Temukankita.id adalah mesin pencarian canggih yang memberikan hasil lebih lengkap dan akurat, memudahkan kamu menemukan situs yang sulit ditemukan di Google. Gunakan sekarang untuk pengalaman pencarian yang lebih baik!" 1021 </div> 1022 </div> 1023 </div> 1024 <div data-content-region="product_below_content"></div> 1025 <div class="related-product m-t-50"> 1026 <div class="section-title"> 1027 <h2 class="page-heading">Testimoni Dari</h2> 1028 <p class="page-sub-heading">Member BLACKTOGEL</p> 1029 </div> 1030 1031 <figure class="review-box"> 1032 <p class="review-text"> 1033 "Blacktogel terasa mudah digunakan karena tampilannya rapi, aksesnya cepat, dan informasi pasaran tersusun jelas di berbagai perangkat." 1034 </p> 1035 <figcaption class="review-author"> 1036 âââââ Rangga Mahendra 1037 </figcaption> 1038 </figure> 1039 1040 <figure class="review-box"> 1041 <p class="review-text"> 1042 "Saya suka Blacktogel karena navigasinya simpel. Menu mudah ditemukan, tampilan modern, dan pengalaman akses terasa ringan." 1043 </p> 1044 <figcaption class="review-author">âââââ Fikri Ramadhan</figcaption> 1045 </figure> 1046 1047 <figure class="review-box"> 1048 <p class="review-text"> 1049 "Blacktogel punya kesan profesional dengan data yang tertata rapi. Cocok untuk pengguna yang mencari platform praktis dan responsif." 1050 </p> 1051 <figcaption class="review-author">âââââ Danu Prasetya</figcaption> 1052 </figure> 1053 1054 <figure class="review-box"> 1055 <p class="review-text"> 1056 "Akses Blacktogel cukup stabil saat dibuka lewat mobile. Informasi update mudah dilihat tanpa perlu banyak langkah." 1057 </p> 1058 <figcaption class="review-author">âââââ Aldi Saputra</figcaption> 1059 </figure> 1060 1061 <figure class="review-box"> 1062 <p class="review-text"> 1063 "Menurut saya Blacktogel menarik karena desainnya bersih, cepat diakses, dan nyaman digunakan untuk melihat informasi terbaru." 1064 </p> 1065 <figcaption class="review-author">âââââ Yoga Firmansyah</figcaption> 1066</figure> 1067<style>.review-box { 1068 background: #f9fafb; 1069 border-left: 4px solid #dfdfdf; 1070 padding: 16px 20px; 1071 margin: 20px 0; 1072 1073} 1074 1075.review-text { 1076 font-size: 16px; 1077 line-height: 1.6; 1078 font-style: italic; 1079} 1080 1081.review-author { 1082 margin-top: 0px; 1083 font-weight: 600; 1084 font-size: 14px; 1085 color: #020204; 1086} 1087 1088 1089</style> 1090 <section class="productCarousel slick-not-apply-2" data-list-name="" data-slick="{ 1091 "dots": false, 1092 "infinite": false, 1093 "mobileFirst": true, 1094 "slidesToShow": 4, 1095 "slidesToScroll": 3, 1096 "responsive": [ 1097 { 1098 "breakpoint": 1440, 1099 "settings": { 1100 "slidesToScroll": 1, 1101 "slidesToShow": 4 1102 } 1103 }, 1104 { 1105 "breakpoint": 1279, 1106 "settings": { 1107 "slidesToScroll": 1, 1108 "slidesToShow": 4 1109 } 1110 }, 1111 { 1112 "breakpoint": 1023, 1113 "settings": { 1114 "slidesToScroll": 1, 1115 "slidesToShow": 3 1116 } 1117 }, 1118 { 1119 "breakpoint": 769, 1120 "settings": { 1121 "slidesToScroll": 2, 1122 "slidesToShow": 3, 1123 "dots": false, 1124 "arrows": false 1125 } 1126 }, 1127 { 1128 "breakpoint": 666, 1129 "settings": { 1130 "slidesToScroll": 2, 1131 "slidesToShow": 2.5, 1132 "draggable": true, 1133 "dots": false, 1134 "arrows": false, 1135 "autoplay": true, 1136 "autoplaySpeed": 4000 1137 } 1138 }, 1139 { 1140 "breakpoint": 567, 1141 "settings": { 1142 "slidesToScroll": 2, 1143 "slidesToShow": 2.5, 1144 "dots": false, 1145 "arrows": false 1146 } 1147 }, 1148 { 1149 "breakpoint": 479, 1150 "settings": { 1151 "slidesToScroll": 1, 1152 "slidesToShow": 1.5, 1153 "draggable": true, 1154 "dots": false, 1155 "arrows": false 1156 } 1157 }, 1158 { 1159 "breakpoint": 319, 1160 "settings": { 1161 "slidesToScroll": 1, 1162 "slidesToShow": 1.5, 1163 "draggable": true, 1164 "dots": false, 1165 "arrows": false 1166 } 1167 } 1168 ] 1169 }"> 1170 1171 </section> 1172 </div> 1173 </div> 1174 </div> 1175 1176 </div> 1177 <footer class="footer" role="contentinfo"> 1178 <div class="footer-info-inn"> 1179 <div class="container"> 1180 <section class="footer-info"> 1181 <article class="footer-info-col footer-info-col--small" data-section-type="footer-webPages"> 1182 <div class="footer-info--col-inn"> 1183 <h5 class="footer-info-heading footer-toggle-title">Quick Links 1184 <svg class="down"> 1185 <use></use> 1186 </svg> 1187 </h5> 1188 <div class="footer-toggle-content"> 1189 <ul class="footer-info-list"> 1190 <li> 1191 <a href="https://literatehousewife.com/about/">About</a> 1192 </li> 1193 <li> 1194 <a href="https://literatehousewife.com/about/">Videos</a> 1195 </li> 1196 <li> 1197 <a href="https://literatehousewife.com/about/">Store Policies</a> 1198 </li> 1199 <li> 1200 <a href="chttps://literatehousewife.com/about/">Contact Us</a> 1201 </li> 1202 </ul> 1203 </div> 1204 </div> 1205 </article> 1206 <article class="footer-info-col footer-info-col--small" data-section-type="footer-categories"> 1207 <div class="footer-info--col-inn"> 1208 <h5 class="footer-info-heading footer-toggle-title">Categories 1209 <svg class="down"> 1210 <use></use> 1211 </svg> 1212 </h5> 1213 <div class="footer-toggle-content"> 1214 <ul class="footer-info-list"> 1215 <li> 1216 <a href="https://literatehousewife.com/about/">All</a> 1217 </li> 1218 <li> 1219 <a href="https://literatehousewife.com/about/">Kits</a> 1220 </li> 1221 <li> 1222 <a href="https://literatehousewife.com/about/">Strips</a> 1223 </li> 1224 <li> 1225 <a href="https://literatehousewife.com/about/">Inks</a> 1226 </li> 1227 <li class="view-all"><a href="https://literatehousewife.com/about/">View All</a></li> 1228 </ul> 1229 </div> 1230 </div> 1231 </article> 1232 </section> 1233 <div class="footer-mid-section"> 1234 <article class="footer-info-col 1235 footer-info-col--social 1236 footer-info-col--left" data-section-type="footer-webPages"> 1237 <h5 class="footer-info-heading">Connect With Us</h5> 1238 </article> 1239 <article class="footer-info-col footer-info-newsletter" data-section-type="newsletterSubscription"> 1240 <div class="footer-info-newsletter-inn"> 1241 <h5 class="footer-info-heading">Sign Up for our Newsletter</h5> 1242 <p> </p> 1243 <form class="form" action="https://literatehousewife.com/about/" method="post" data-error-message="Please enter correct email"> 1244 <fieldset class="form-fieldset"> 1245 <input type="hidden" name="action" value="subscribe"> 1246 <input type="hidden" name="nl_first_name" value="bc"> 1247 <input type="hidden" name="check" value="1"> 1248 <div class="form-field1 form-field-custom"> 1249 <label class="form-label is-srOnly" for="nl_email">Email Address</label> 1250 <div class="form-prefixPostfix wrap subscribeFormContent"> 1251 <input class="form-input" id="nl_email" name="nl_email" type="email" 1252 value="" placeholder="Join our Newsletter..."> 1253 <input class="button button--primary form-prefixPostfix-button--postfix" 1254 type="submit" value="submit"> 1255 </div> 1256 </div> 1257 </fieldset> 1258 </form> 1259 </div> 1260 </article> 1261 <article class="footer-info-col footer-info-col--payment"> 1262 <div class="payment"> 1263 <h5 class="footer-info-heading">Payment Method</h5> 1264 <div class="footer-payment-icons"> 1265 1266 <img 1267 src="https://blogger.googleusercontent.com/img/a/AVvXsEj29qTRcoo7SKb17isD8-kKi0HnvYK72ppZCBdsVgm_hWBeT3vW_b-wzsH8tfyPnBH0uvIxLRjdZ7TvTgMYc_IlhzHBotW7Z90_mMprpbeC5bDyMg27g-7OOzpwfXUixWknOsuS5pveDdBWfjCtVqHRprHgSctWCRoBnKtVx2CjodIlK8ZN53UK5kLRYKEi" 1268 alt="Visa" 1269 class="footer-payment-icon"> 1270 1271 <img 1272 src="https://blogger.googleusercontent.com/img/a/AVvXsEiFPFdCEKfzyHbtOM17uJDD1VyulOOYDSqVpPukk0QNpsrg1JR0U_TV6quSMmQKKWFCXm_6faDHIK0BslxvA5I5HLbcCu_fseXxqmQv3yLVqHPJrXV0yZuFfPFUM0gzZks0sv9WsVz9Q5F9mA9ax4eL1nO0w7BVUcE3AKI7slPZEyKrN40AEef_eZokrgXY" 1273 alt="Mastercard" 1274 class="footer-payment-icon"> 1275 1276 <img 1277 src="https://blogger.googleusercontent.com/img/a/AVvXsEiGPRHip6lF9O2auaI4S1jwgwfi-z8yEEVf1YyulmkixMN9_QnjPE4QU0ZjPlWuBwFzndVLzpZmD7VpCjDSNYNn2DyoF3LcVaD7lSMxrj3u821b3fR95S_Ns8GNLgNGF7O8nw5xjmQOdmlw6qH-G6Afp0dY7jSfHkWEX9q7VctPm_KzEQfPoev_5Wnjnn0s" 1278 alt="PayPal" 1279 class="footer-payment-icon"> 1280 1281</div> 1282 1283 </div> 1284 </article> 1285 </div> 1286 </div> 1287 </div> 1288 <div class="footer-bar"> 1289 <div class="container"> 1290 <div class="footer-bar-inn"> 1291 <div class="footer-copyright"> 1292 <p class="powered-by">
1293 <span>© 2026</span> 1294 <span class="theme-color"><a href="https://literatehousewife.com/about/">BLACKTOGEL</a></span> <span class="line">|</span> 1295 <a class="site-map" href="https://literatehousewife.com/about/">SEO Schweiny</a> 1296 </p> 1297 </div> 1298 </div> 1299 </div> 1300 </div> 1301 </footer> 1302
1302<script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/";</script>
1302 1303
1303<script src="s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/theme-bundle.main.js"></script>
1303 1304
1304<script> 1305 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\":\"#020204\",\"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\":\"#2e3344\",\"UspTitleSecond\":\"\",\"pace-progress-backgroundColor\":\"#999999\",\"color-textLink--active\":\"#888888\",\"optimizedCheckout-loadingToaster-backgroundColor\":\"#333333\",\"color-textHeading\":\"#2e3344\",\"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\":\"#2e3344\",\"optimizedCheckout-formField-borderColor\":\"#cccccc\",\"footer-email\":\"\",\"checkRadio-color\":\"#2e3344\",\"show_product_dimensions\":false,\"optimizedCheckout-link-color\":\"#476bef\",\"card-figcaption-button-background\":\"#2e3344\",\"icon-color-hover\":\"#888888\",\"button--default-borderColor\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"#2e3344\",\"header-backgroundColor\":\"#020204\",\"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
1305-iconColor\":\"#333333\",\"optimizedCheckout-buttonSecondary-borderColor\":\"#cccccc\",\"optimizedCheckout-loadingToaster-textColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-colorDisabled\":\"#ffffff\",\"optimizedCheckout-formField-placeholderColor\":\"#999999\",\"navUser-color-hover\":\"#ffffff\",\"icon-ratingFull\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"#020204\",\"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\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"#2e3344\",\"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\":\"\",\"account\":{\"index\":\"account.html\",\"orders\":{\"all\":\"account_action-order_status.html\",\"completed\":\"/\",\"save_new_return\":\"/\"},\"update_action\":\"/\",\"returns\":\"/\",\"addresses\":\"/\",\"inbox\":\"/\",\"send_message\"
1305:\"/\",\"add_address\":\"/\",\"wishlists\":{\"all\":\"wishlist.html\",\"add\":\"/\",\"edit\":\"/\",\"delete\":\"/\"},\"details\":\"/\",\"recent_items\":\"/\"},\"brands\":\"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(); 1306 </script>
1306 1307
1307<script type="text/javascript" 1308 src="shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
1308 1309 <div id="soundest-container"></div> 1310
1310<script type="text/javascript"> 1311 // SOUNDEST-V6-2-S 1312 // Do not remove these comments, they are super important! 1313 window.SOUNDEST = window.SOUNDEST || {}; 1314 SOUNDEST.shopID = "ueup7uo30q"; 1315 SOUNDEST.shopType = "bigcommerce"; 1316 SOUNDEST.baseURL = "https://omnisrc.com/"; 1317 SOUNDEST.version = new Date().toISOString().slice(0, 13); 1318 SOUNDEST.pageType = "product"; 1319 SOUNDEST.productTitle = "Ink Kit"; 1320 SOUNDEST.productID = "133"; 1321 SOUNDEST.categoryTitle = ""; 1322 SOUNDEST.categoryID = ""; 1323 (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); 1324 </script>
1324 1325 <style> 1326 @media (min-width: 801px) { 1327 .header-logo { 1328 margin: 1rem auto; 1329 padding: 0; 1330 } 1331 } 1332 </style> 1333
1333<script defer 1334 src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" 1335 integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" 1336 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}}' 1337 crossorigin="anonymous"></script>
1337 1338 1339 <style> 1340 @charset "UTF-8"; 1341meta.foundation-version { 1342 font-family: "/5.5.3/" 1343} 1344 1345meta.foundation-mq-small { 1346 font-family: "/only screen/"; 1347 width: 0 1348} 1349 1350meta.foundation-mq-small-only { 1351 font-family: "/only screen and (max-width: 551px)/"; 1352 width: 0 1353} 1354 1355meta.foundation-mq-medium { 1356 font-family: "/only screen and (min-width:551px)/"; 1357 width: 551px 1358} 1359 1360meta.foundation-mq-medium-only { 1361 font-family: "/only screen and (min-width:551px) and (max-width:801px)/"; 1362 width: 551px 1363} 1364 1365meta.foundation-mq-large { 1366 font-family: "/only screen and (min-width:801px)/"; 1367 width: 801px 1368} 1369 1370meta.foundation-mq-large-only { 1371 font-family: "/only screen and (min-width:801px) and (max-width:1261px)/"; 1372 width: 801px 1373} 1374 1375meta.foundation-mq-xlarge { 1376 font-family: "/only screen and (min-width:1261px)/"; 1377 width: 1261px 1378} 1379 1380meta.foundation-mq-xlarge-only { 1381 font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/"; 1382 width: 1261px 1383} 1384 1385meta.foundation-mq-xxlarge { 1386 font-family: "/only screen and (min-width:1681px)/"; 1387 width: 1681px 1388} 1389 1390meta.foundation-data-attribute-namespace { 1391 font-family: false 1392} 1393 1394.u-block { 1395 display: block !important 1396} 1397 1398.u-inlineBlock { 1399 display: inline-block !important; 1400 max-width: 100% !important 1401} 1402 1403.u-hidden { 1404 display: none !important 1405} 1406 1407.u-hiddenVisually { 1408 border: 0 !important; 1409 clip: rect(1px, 1px, 1px, 1px) !important; 1410 height: 1px !important; 1411 overflow: hidden !important; 1412 padding: 0 !important; 1413 position: absolute !important; 1414 width: 1px !important 1415} 1416 1417.is-srOnly { 1418 border: 0 !important; 1419 clip: rect(1px, 1px, 1px, 1px) !important; 1420 height: 1px !important; 1421 overflow: hidden !important; 1422 padding: 0 !important; 1423 position: absolute !important; 1424 width: 1px !important 1425} 1426 1427.u-textAlignCenter { 1428 text-align: center !important 1429} 1430 1431.u-textAlignLeft { 1432 text-align: left !important 1433} 1434 1435.u-textAlignRight { 1436 text-align: right !important 1437} 1438 1439.u-textBreak { 1440 word-wrap: break-word !important 1441} 1442 1443.u-textInheritColor { 1444 color: inherit !important 1445} 1446 1447.u-textKern { 1448 text-rendering: optimizeLegibility !important; 1449 font-feature-settings: "kern" 1 !important; 1450 font-kerning: normal !important 1451} 1452 1453.u-textLead { 1454 line-height: 1.6 !important; 1455 font-size: 1.1em !important 1456} 1457 1458.u-textNoWrap { 1459 white-space: nowrap !important 1460} 1461 1462.u-textTruncate { 1463 max-width: 100% !important; 1464 overflow: hidden !important; 1465 text-overflow: ellipsis !important; 1466 white-space: nowrap !important; 1467 word-wrap: normal !important 1468} 1469 1470.u-fontSmoothing { 1471 -moz-osx-font-smoothing: grayscale !important; 1472 -webkit-font-smoothing: antialiased !important 1473} 1474 1475/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 1476 1477html { 1478 font-family: sans-serif; 1479 -ms-text-size-adjust: 100%; 1480 -webkit-text-size-adjust: 100% 1481} 1482 1483body { 1484 margin: 0 1485} 1486 1487article, 1488aside, 1489details, 1490figcaption, 1491figure, 1492footer, 1493header, 1494hgroup, 1495main, 1496menu, 1497nav, 1498section, 1499summary { 1500 display: block 1501} 1502 1503audio, 1504canvas, 1505progress, 1506video { 1507 display: inline-block; 1508 vertical-align: baseline 1509} 1510 1511audio:not([controls]) { 1512 display: none; 1513 height: 0 1514} 1515 1516[hidden], 1517template { 1518 display: none 1519} 1520 1521a { 1522 background-color: transparent 1523} 1524 1525a:active, 1526a:hover { 1527 outline: 0 1528} 1529 1530abbr[title] { 1531 border-bottom: 1px dotted 1532} 1533 1534b, 1535strong { 1536 font-weight: 700 1537} 1538 1539dfn { 1540 font-style: italic 1541} 1542 1543h1 { 1544 font-size: 2em; 1545 margin: .67em 0 1546} 1547 1548mark { 1549 background: #ff0; 1550 color: #000 1551} 1552 1553small { 1554 font-size: 80% 1555} 1556 1557sub, 1558sup { 1559 font-size: 75%; 1560 line-height: 0; 1561 position: relative; 1562 vertical-align: baseline 1563} 1564 1565sup { 1566 top: -.5em 1567} 1568 1569sub { 1570 bottom: -.25em 1571} 1572 1573img { 1574 border: 0 1575} 1576 1577svg:not(:root) { 1578 overflow: hidden 1579} 1580 1581figure { 1582 margin: 1em 40px 1583} 1584 1585hr { 1586 box-sizing: content-box; 1587 height: 0 1588} 1589 1590pre { 1591 overflow: auto 1592} 1593 1594code,
1595kbd, 1596pre, 1597samp { 1598 font-family: monospace, monospace; 1599 font-size: 1em 1600} 1601 1602button, 1603input, 1604optgroup, 1605select, 1606textarea { 1607 color: inherit; 1608 font: inherit; 1609 margin: 0 1610} 1611 1612button { 1613 overflow: visible 1614} 1615 1616button, 1617select { 1618 text-transform: none 1619} 1620 1621button, 1622html input[type=button], 1623input[type=reset], 1624input[type=submit] { 1625 -webkit-appearance: button; 1626 cursor: pointer 1627} 1628 1629button[disabled], 1630html input[disabled] { 1631 cursor: default 1632} 1633 1634button::-moz-focus-inner, 1635input::-moz-focus-inner { 1636 border: 0; 1637 padding: 0 1638} 1639 1640input { 1641 line-height: normal 1642} 1643 1644input[type=checkbox], 1645input[type=radio] { 1646 box-sizing: border-box; 1647 padding: 0 1648} 1649 1650input[type=number]::-webkit-inner-spin-button, 1651input[type=number]::-webkit-outer-spin-button { 1652 height: auto 1653} 1654 1655input[type=search] { 1656 -webkit-appearance: textfield; 1657 box-sizing: content-box 1658} 1659 1660input[type=search]::-webkit-search-cancel-button, 1661input[type=search]::-webkit-search-decoration { 1662 -webkit-appearance: none 1663} 1664 1665fieldset { 1666 border: 1px solid silver; 1667 margin: 0 2px; 1668 padding: .35em .625em .75em 1669} 1670 1671legend { 1672 border: 0; 1673 padding: 0 1674} 1675 1676textarea { 1677 overflow: auto 1678} 1679 1680optgroup { 1681 font-weight: 700 1682} 1683 1684table { 1685 border-collapse: collapse; 1686 border-spacing: 0 1687} 1688 1689td, 1690th { 1691 padding: 0 1692} 1693 1694*, 1695:after, 1696:before { 1697 box-sizing: border-box 1698} 1699 1700body, 1701html { 1702 height: 100% 1703} 1704 1705body { 1706 background: #fff; 1707 color: #333; 1708 cursor: auto; 1709 margin: 0; 1710 padding: 0; 1711 position: relative 1712} 1713 1714body { 1715 -moz-osx-font-smoothing: grayscale; 1716 -webkit-font-smoothing: antialiased 1717} 1718 1719a:hover { 1720 cursor: pointer 1721} 1722 1723figure { 1724 margin: 0 0 1.5rem 1725} 1726 1727img { 1728 display: inline-block; 1729 height: auto; 1730 max-width: 100%; 1731 vertical-align: middle 1732} 1733 1734img { 1735 -ms-interpolation-mode: bicubic 1736} 1737 1738button { 1739 background: 0 0; 1740 border: 0 1741} 1742 1743button:active, 1744button:focus { 1745 box-shadow: none; 1746 outline: 0 1747} 1748 1749textarea { 1750 height: auto; 1751 min-height: 50px 1752} 1753 1754select { 1755 width: 100% 1756} 1757 1758blockquote, 1759dd, 1760div, 1761dl, 1762dt, 1763form, 1764h1, 1765h2, 1766h3, 1767h4, 1768h5, 1769h6, 1770li, 1771ol, 1772p, 1773pre, 1774td, 1775th, 1776ul { 1777 margin: 0; 1778 padding: 0 1779} 1780 1781html { 1782 font-size: 14px 1783} 1784 1785@media (min-width:551px) { 1786 html { 1787 font-size: 14px 1788 } 1789} 1790 1791@media (min-width:801px) { 1792 html { 1793 font-size: 14px 1794 } 1795} 1796 1797@media (min-width:1261px) { 1798 html { 1799 font-size: 14px 1800 } 1801} 1802 1803body { 1804 font-family: Rubik, Arial, Helvetica, sans-serif; 1805 font-weight: 400; 1806 line-height: 1.5 1807} 1808 1809a { 1810 color: #333; 1811 line-height: inherit; 1812 text-decoration: underline 1813} 1814 1815a:focus, 1816a:hover { 1817 color: #888 1818} 1819 1820p { 1821 margin-bottom: 1.5rem 1822} 1823 1824h1, 1825h2, 1826h3, 1827h4, 1828h5, 1829h6 { 1830 color: #2e3344; 1831 font-family: Rubik, Arial, Helvetica, sans-serif; 1832 font-weight: 500; 1833 letter-spacing: .25px; 1834 margin-bottom: .78571rem 1835} 1836 1837h1 small, 1838h2 small, 1839h3 small, 1840h4 small, 1841h5 small, 1842h6 small { 1843 color: #333; 1844 font-size: 60%; 1845 line-height: 0 1846} 1847 1848h1 { 1849 font-size: 28px 1850} 1851 1852h2 { 1853 font-size: 25px 1854} 1855 1856h3 { 1857 font-size: 22px 1858} 1859 1860h4 { 1861 font-size: 20px 1862} 1863 1864h5 { 1865 font-size: 15px 1866} 1867 1868h6 { 1869 font-size: 13px 1870} 1871 1872.subheader { 1873 font-weight: 400; 1874 line-height: 24px; 1875 margin-bottom: .78571rem 1876} 1877 1878hr { 1879 border: solid #dfdfdf; 1880 border-width: 1px 0 0; 1881 clear: both; 1882 height: 0; 1883 margin: 2rem 0 1.92857rem 1884} 1885 1886em, 1887i { 1888 font-style: italic; 1889 line-height: inherit 1890} 1891 1892b, 1893strong { 1894 font-weight: 700; 1895 line-height: inherit 1896} 1897 1898small { 1899 font-size: 60%; 1900 line-height: inherit 1901} 1902 1903dl, 1904ol, 1905ul { 1906 list-style-position: outside; 1907 margin-bottom: 1.5rem 1908} 1909 1910ol ol, 1911ol ul, 1912ul ol, 1913ul ul { 1914 margin-left: 1.2rem; 1915 margin-bottom: 0 1916} 1917 1918ul { 1919 margin-left: 1.15rem 1920} 1921 1922ol { 1923 margin-left: 1.15rem 1924} 1925 1926dl dt { 1927 font-weight: 700; 1928 margin-bottom: .35714rem 1929} 1930 1931dl dd { 1932 margin-bottom: 1.5rem 1933} 1934 1935abbr, 1936acronym { 1937 border-bottom: 1px dotted #ccc; 1938 color: #333; 1939 cursor: help; 1940 font-size: 90%; 1941 text-transform: uppercase 1942} 1943 1944abbr { 1945 text-transform: none 1946} 1947 1948blockquote, 1949blockquote p { 1950 font-size: 22px; 1951 line-height: 29px 1952} 1953 1954cite { 1955 color: #999; 1956 display: block; 1957 font-size: 1rem 1958} 1959 1960.icon { 1961 height: 1.14286rem; 1962 width: 1.14286rem; 1963 display: inline-block; 1964 vertical-align: middle 1965} 1966 1967.icon svg { 1968 display: inline-block; 1969 fill: #8e8e8e; 1970 height: 100%; 1971 vertical-align: top; 1972 width: 100% 1973} 1974 1975.inlineList { 1976 list-style: none; 1977 margin-top: 0;
1978 margin-bottom: 1.21429rem; 1979 margin-left: -1.57143rem; 1980 margin-right: 0; 1981 overflow: hidden; 1982 padding: 0 1983} 1984 1985.inlineList>li { 1986 display: block; 1987 float: left; 1988 list-style: none; 1989 margin-left: 1.57143rem 1990} 1991 1992.inlineList>li>* { 1993 display: block 1994} 1995 1996.table { 1997 border: solid 1px #dfdfdf; 1998 margin-bottom: 2rem; 1999 table-layout: auto; 2000 width: 100% 2001} 2002 2003.table thead { 2004 background: #f4f4f4 2005} 2006 2007.table thead tr td, 2008.table thead tr th { 2009 font-size: 1rem; 2010 font-weight: 700; 2011 padding: .78571rem 1.5rem 2012} 2013 2014.table tr td, 2015.table tr th { 2016 padding: .78571rem 1.5rem; 2017 text-align: left 2018} 2019 2020.table tbody tr td, 2021.table tbody tr th, 2022.table tfoot tr td, 2023.table tfoot tr th, 2024.table thead tr th, 2025.table tr td { 2026 display: table-cell 2027} 2028 2029.table td.table-cell--numericData, 2030.table th.table-header--numericData { 2031 text-align: right 2032} 2033 2034.table-thead { 2035 border: 1px solid #dfdfdf 2036} 2037 2038.table-tfoot { 2039 border: 1px solid #dfdfdf 2040} 2041 2042.table-tbody tr { 2043 border-bottom: 1px solid #dfdfdf 2044} 2045 2046.table-tbody tr:last-child { 2047 border-bottom: 0 2048} 2049 2050.button { 2051 -webkit-appearance: none; 2052 -moz-appearance: none; 2053 border-radius: 0; 2054 border-style: solid; 2055 border-width: 1px; 2056 cursor: pointer; 2057 font-family: Rubik, Arial, Helvetica, sans-serif; 2058 font-weight: 400; 2059 line-height: normal; 2060 margin: 0 0 1rem; 2061 position: relative; 2062 text-align: center; 2063 text-decoration: none; 2064 display: inline-block; 2065 background-color: transparent; 2066 border-color: #2e3344; 2067 color: #2e3344; 2068 font-size: 1rem; 2069 padding: .85714rem 2.28571rem; 2070 border-radius: 4px; 2071 outline: 0; 2072 vertical-align: middle 2073} 2074 2075.button.active, 2076.button.is-active, 2077.button:focus, 2078.button:hover { 2079 background-color: transparent; 2080 border-color: #2e3344; 2081 color: #fff 2082} 2083 2084.button:active { 2085 background-color: transparent; 2086 border: 1px solid #2e3344; 2087 color: #fff 2088} 2089 2090.button.active, 2091.button.is-active, 2092.button:focus { 2093 outline: 0 2094} 2095 2096@media (min-width:481px) { 2097 .button+.button { 2098 margin-left: .78571rem 2099 } 2100} 2101 2102.button--primary { 2103 background-color: #2e3344; 2104 border-color: #2e3344; 2105 color: #fff 2106} 2107 2108.button--primary.active, 2109.button--primary.is-active, 2110.button--primary:focus, 2111.button--primary:hover { 2112 background-color: #fff; 2113 border-color: #fff; 2114 color: #2e3344 2115} 2116 2117.button--primary:active { 2118 background-color: #fff; 2119 border: 1px solid #fff; 2120 color: #2e3344 2121} 2122 2123.button[disabled] { 2124 background-color: #ccc; 2125 border-color: rgba(0, 0, 255, 0); 2126 color: #fff; 2127 cursor: default 2128} 2129 2130.button--large { 2131 font-size: 15px 2132} 2133 2134.button--small { 2135 font-size: 13px; 2136 padding: .57143rem 1.5rem 2137} 2138 2139.button--slab { 2140 display: block; 2141 width: 100% 2142} 2143 2144.button+.button--slab { 2145 margin-left: 0 2146} 2147 2148.button--icon { 2149 font-size: 1rem; 2150 padding: .78571rem .78571rem 2151} 2152 2153.button--icon svg { 2154 fill: #888 2155} 2156 2157.buttonGroup { 2158 display: inline-block 2159} 2160 2161.buttonGroup>.button { 2162 border-radius: 0; 2163 border-right-width: 0; 2164 float: left; 2165 margin-left: 0 2166} 2167 2168.buttonGroup>.button:first-child { 2169 border-bottom-left-radius: 4px; 2170 border-top-left-radius: 4px 2171} 2172 2173.buttonGroup>.button:last-child { 2174 border-bottom-right-radius: 4px; 2175 border-right-width: 1px; 2176 border-top-right-radius: 4px 2177} 2178 2179.dropdown-menu { 2180 display: none; 2181 left: -9999px; 2182 list-style: none; 2183 margin-left: 0; 2184 position: absolute; 2185 background: #e5e5e5; 2186 font-size: 1rem; 2187 height: auto; 2188 width: 100%; 2189 z-index: 89; 2190 max-width: 200px 2191} 2192 2193.dropdown-menu.open { 2194 display: block 2195} 2196 2197.dropdown-menu>:first-child { 2198 margin-top: 0 2199} 2200 2201.dropdown-menu>:last-child { 2202 margin-bottom: 0 2203} 2204 2205.dropdown-menu--content { 2206 display: none; 2207 left: -9999px; 2208 list-style: none; 2209 margin-left: 0; 2210 position: absolute; 2211 background: #e5e5e5; 2212 font-size: 1rem; 2213 height: auto; 2214 padding: .78571rem; 2215 width: 100%; 2216 z-index: 89; 2217 max-width: 200px 2218} 2219 2220.dropdown-menu--content.open { 2221 display: block 2222} 2223 2224.dropdown-menu--content>:first-child { 2225 margin-top: 0 2226} 2227 2228.dropdown-menu--content>:last-child { 2229 margin-bottom: 0 2230} 2231 2232.dropdown-menu-item { 2233 cursor: pointer; 2234 font-size: 1rem; 2235 line-height: 1.5; 2236 margin: 0; 2237 padding: .35714rem .71429rem 2238} 2239 2240.dropdown-menu-item a { 2241 display: block; 2242 padding: .35714rem 2243} 2244 2245.dropdown-menu-item a { 2246 margin: -.35714rem 2247} 2248 2249.form { 2250 margin: 0 0 1.5rem 2251} 2252 2253.form-fieldset { 2254 border-width: 0; 2255 margin: 0; 2256 padding: 0 2257} 2258 2259.form-legend { 2260 background: 0 0; 2261 border: solid #999; 2262 border-width: 0 0 1px; 2263 display: block; 2264 line-height: 32px; 2265 margin-bottom: .78571rem; 2266 padding: 0; 2267 width: 100% 2268} 2269 2270.form-label { 2271 color: #666; 2272 cursor: pointer; 2273 display: block; 2274 font-size: 1rem; 2275 line-height: 1.5; 2276 margin-bottom: .5rem 2277} 2278 2279.form-label small { 2280 color: #333; 2281 font-size: .71429rem; 2282 text-transform: uppercase; 2283 vertical-align: bottom 2284} 2285 2286.form-input { 2287 -webkit-appearance: none; 2288 -moz-appearance: none; 2289 appearance: none; 2290 background-color: #fff; 2291 border-color: #dfdfdf; 2292 border-style: solid; 2293 border-width: 1px; 2294 border-radius: 4px; 2295 color: #666; 2296 display: block; 2297 font-family: inherit; 2298 font-size: 1rem; 2299 -moz-osx-font-smoothing: grayscale; 2300 -webkit-font-smoothing: antialiased; 2301 font-smoothing: antialiased; 2302 height: 3rem; 2303 margin: 0; 2304 padding: .75rem 1rem; 2305 transition: border-color .1s ease-out; 2306 width: 100% 2307} 2308 2309.form-input:disabled { 2310 background-color: #fff; 2311 color: #999;
2312 cursor: not-allowed 2313} 2314 2315.form-input[readonly] { 2316 background-color: #e5e5e5; 2317 border-color: #999; 2318 color: #888; 2319 cursor: text 2320} 2321 2322.form-input:focus { 2323 border-color: #999; 2324 outline: 0 2325} 2326 2327.form-input[rows] { 2328 height: auto 2329} 2330 2331.form-input[type=search] { 2332 box-sizing: border-box 2333} 2334 2335.form-input::-webkit-input-placeholder { 2336 color: #999 2337} 2338 2339.form-input::-ms-clear { 2340 height: 0; 2341 width: 0 2342} 2343 2344.form-input::-moz-placeholder { 2345 color: #999 2346} 2347 2348.form-input:-ms-input-placeholder { 2349 color: #999 2350} 2351 2352.form-select { 2353 -webkit-appearance: none !important; 2354 -moz-appearance: none !important; 2355 background-color: #fff; 2356 border-radius: 0; 2357 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); 2358 background-position: 100% center; 2359 background-repeat: no-repeat; 2360 border-style: solid; 2361 border-width: 1px; 2362 border-color: #dfdfdf; 2363 color: #666; 2364 font-family: inherit; 2365 font-size: 1rem; 2366 line-height: normal; 2367 padding: .75rem; 2368 border-radius: 0; 2369 cursor: pointer; 2370 height: 3rem; 2371 margin: 0; 2372 outline: 0 2373} 2374 2375.form-select::-ms-expand { 2376 display: none 2377} 2378 2379.form-select.radius { 2380 border-radius: 4px 2381} 2382 2383.form-select:focus { 2384 border-color: #999 2385} 2386 2387.form-select:disabled { 2388 background-color: #fff; 2389 cursor: not-allowed 2390} 2391 2392.form-select:focus { 2393 border-color: #999 2394} 2395 2396.form-body { 2397 background-color: #fff; 2398 border: 1px solid #999; 2399 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 2400 margin-bottom: 1.5rem; 2401 max-width: none; 2402 padding: 1.5rem 2403} 2404 2405.form-row { 2406 margin: 0 -.75rem; 2407 max-width: none; 2408 width: auto 2409} 2410 2411.form-row:after, 2412.form-row:before { 2413 content: " "; 2414 display: table 2415} 2416 2417.form-row:after { 2418 clear: both 2419} 2420 2421.form-row .form-field { 2422 padding-left: .75rem; 2423 padding-right: .75rem; 2424 width: 100%; 2425 float: left; 2426 max-width: none 2427} 2428 2429@media (min-width:551px) { 2430 .form-row--half .form-field { 2431 width: 50% 2432 } 2433 .form-row--third .form-field { 2434 width: 33.33333% 2435 } 2436 .form-row--quarter .form-field { 2437 width: 25% 2438 } 2439} 2440 2441.form-field { 2442 display: block; 2443 margin: 0 0 2rem; 2444 max-width: none 2445} 2446 2447.form-field:after, 2448.form-field:before { 2449 content: " "; 2450 display: table 2451} 2452 2453.form-field:after { 2454 clear: both 2455} 2456 2457.form-select[multiple] { 2458 height: auto 2459} 2460 2461.form-select[multiple] option { 2462 padding: 5px 2463} 2464 2465.form-checkbox, 2466.form-radio { 2467 border: 0; 2468 clip: rect(1px, 1px, 1px, 1px); 2469 height: 1px; 2470 overflow: hidden; 2471 padding: 0; 2472 position: absolute; 2473 width: 1px 2474} 2475 2476.form-checkbox+.form-label, 2477.form-radio+.form-label { 2478 display: inline-block; 2479 font-size: 1rem; 2480 font-weight: 400; 2481 margin-bottom: .35714rem; 2482 padding-left: 1.85714rem; 2483 position: relative; 2484 vertical-align: baseline; 2485 width: 100% 2486} 2487 2488.form-checkbox+.form-label::after, 2489.form-checkbox+.form-label::before, 2490.form-radio+.form-label::after, 2491.form-radio+.form-label::before { 2492 content: ""; 2493 display: block; 2494 position: absolute; 2495 transition: all 50ms ease-out 2496} 2497 2498.form-checkbox+.form-label::before, 2499.form-radio+.form-label::before { 2500 background-color: #fff; 2501 border: solid #dfdfdf; 2502 border-width: 1px; 2503 height: 1.14286rem; 2504 left: 0; 2505 top: 0; 2506 width: 1.14286rem 2507} 2508 2509.form-checkbox+.form-label::after, 2510.form-radio+.form-label::after { 2511 height: 1rem; 2512 left: 1px; 2513 opacity: 0; 2514 top: 1px; 2515 transform: scale(0); 2516 width: 1rem 2517} 2518 2519.form-checkbox:checked+.form-label::after, 2520.form-radio:checked+.form-label::after { 2521 opacity: 1; 2522 transform: scale(1) 2523} 2524 2525.form-checkbox[disabled]+.form-label, 2526.form-radio[disabled]+.form-label { 2527 cursor: default 2528} 2529 2530.form-checkbox[disabled]+.form-label::before, 2531.form-radio[disabled]+.form-label::before { 2532 background-color: #fff 2533} 2534 2535.form-checkbox+.form-label::before { 2536 border-radius: 4px 2537} 2538 2539.form-checkbox+.form-label::after { 2540 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"); 2541 background-position: 50%; 2542 background-repeat: no-repeat; 2543 background-size: 100%; 2544 color: rgba(46, 51, 68, .999); 2545 content: ""; 2546 font-size: 1rem; 2547 line-height: 1; 2548 text-align: center 2549} 2550 2551.form-radio+.form-label::before { 2552 border-radius: 50% 2553} 2554 2555.form-radio+.form-label::after { 2556 background: rgba(46, 51, 68, .999); 2557 border: 3px solid #fff; 2558 border-radius: 1rem 2559} 2560 2561.form-input.has-action { 2562 float: left; 2563 padding-right: 2.85714rem 2564} 2565 2566.form-input.has-action+.button--inputAction { 2567 background: 0 0; 2568 border: 0; 2569 border-radius: 0; 2570 float: left; 2571 height: 2.85714rem; 2572 margin: .07143rem 0 0 -2.92857rem; 2573 width: 2.85714rem 2574} 2575 2576.form-input.has-icon { 2577 float: left; 2578 padding-right: 2.57143rem 2579} 2580 2581.form-input.has-icon+.icon { 2582 height: 3rem; 2583 margin-left: -2.57143rem; 2584 width: 1.42857rem 2585} 2586 2587.form-prefixPostfix { 2588 display: -ms-flexbox; 2589 display: flex; 2590 -ms-flex-direction: row; 2591 flex-direction: row; 2592 -ms-flex-wrap: nowrap; 2593 flex-wrap: nowrap 2594} 2595 2596.form-prefixPostfix .form-input { 2597 -ms-flex: 1; 2598 flex: 1 2599} 2600 2601.form-prefixPostfix .button { 2602 height: 3rem 2603} 2604 2605.form-prefixPostfix-input { 2606 border-radius: 0 2607} 2608 2609.form-prefixPostfix-label { 2610 background-color: #fff; 2611 border: solid #999; 2612 border-width: 1px; 2613 -ms-flex: 1; 2614 flex: 1; 2615 font-weight: 300; 2616 height: 3rem; 2617 line-height: normal; 2618 max-width: 6.42857rem; 2619 padding: .75rem; 2620 text-align: center 2621} 2622 2623.form-prefixPostfix-label--prefix { 2624 border-radius: 0; 2625 border-width: 1px 0 1px 1px 2626} 2627 2628.form-prefixPostfix-label--prefix+.form-input { 2629 border-radius: 0 2630} 2631 2632.form-prefixPostfix-label--postfix { 2633 border-radius: 0; 2634 border-width: 1px 1px 1px 0 2635} 2636 2637.form-prefixPostfix-button--prefix { 2638 margin: 0 .75rem 0 0 2639} 2640 2641.form-prefixPostfix-button--postfix { 2642 margin: 0 0 0 .75rem 2643} 2644 2645.switch-checkbox { 2646 border: 0; 2647 clip: rect(1px, 1px, 1px, 1px); 2648 height: 1px; 2649 overflow: hidden; 2650 padding: 0; 2651 position: absolute; 2652 width: 1px 2653} 2654 2655.switch-checkbox:focus+.switch-toggle { 2656 border-color: #888; 2657 box-shadow: 0 0 4px rgba(136, 136, 136, .4) 2658} 2659 2660.switch-toggle { 2661 background-color: #888; 2662 border: 1px solid #888; 2663 border-radius: 2rem; 2664 cursor: pointer; 2665 display: inline-block; 2666 height: 2rem; 2667 position: relative; 2668 transition: all .1s ease-out; 2669 vertical-align: middle; 2670 width: 4.28571rem 2671} 2672 2673.switch--important .switch-toggle { 2674 background-color: #f1a500; 2675 border-color: #f1a500 2676} 2677 2678.switch--checked .switch-toggle { 2679 background-color: #008a06; 2680 border-color: #008a06 2681} 2682 2683.switch--disabled .switch-toggle { 2684 background-color: #e5e5e5; 2685 border-color: #999; 2686 cursor: default 2687} 2688 2689.switch-toggle::before { 2690 background: #fff; 2691 border-radius: 1.4286rem; 2692 box-shadow: 0 1px 1px rgba(0, 0, 0, .1); 2693 content: ""; 2694 height: 1.4286rem; 2695 left: .21427rem; 2696 position: absolute; 2697 top: .21427rem; 2698 transition: all .1s ease-out; 2699 width: 1.4286rem 2700} 2701 2702.switch--checked .switch-toggle::before { 2703 left: 2.49999rem 2704} 2705 2706.switch-label { 2707 color: #fff;
2708 height: 26px; 2709 line-height: 1.92857; 2710 position: absolute; 2711 right: .42857rem; 2712 text-transform: uppercase; 2713 transition: all .1s ease-out 2714} 2715 2716.switch--checked .switch-label { 2717 font-weight: 600; 2718 left: .42857rem; 2719 right: auto 2720} 2721 2722.switch--disabled .switch-label { 2723 color: #888 2724} 2725 2726.switch-label--icon.icon { 2727 height: 1.85714rem; 2728 width: 1.85714rem 2729} 2730 2731.switch-label--icon.icon svg { 2732 height: 1.85714rem; 2733 width: 1.85714rem; 2734 fill: #fff 2735} 2736 2737.switch--disabled .switch-label--icon.icon svg { 2738 fill: #888 2739} 2740 2741.switch-description--off { 2742 color: #000; 2743 margin-right: 5px 2744} 2745 2746.switch--checked .switch-description--off { 2747 color: #888 2748} 2749 2750.switch-description--on { 2751 color: #888; 2752 margin-left: 5px 2753} 2754 2755.switch--checked .switch-description--on { 2756 color: #000 2757} 2758 2759.switch-ariaDescription { 2760 border: 0; 2761 clip: rect(1px, 1px, 1px, 1px); 2762 height: 1px; 2763 overflow: hidden; 2764 padding: 0; 2765 position: absolute; 2766 width: 1px 2767} 2768 2769.form-actions { 2770 background: 0 0; 2771 border: 0; 2772 text-align: center 2773} 2774 2775@media (min-width:481px) { 2776 .form-actions { 2777 text-align: left 2778 } 2779} 2780 2781.form-actions>* { 2782 display: inline-block; 2783 margin-bottom: 1rem; 2784 width: 100% 2785} 2786 2787@media (min-width:481px) { 2788 .form-actions>* { 2789 vertical-align: baseline; 2790 width: auto 2791 } 2792} 2793 2794@media (min-width:481px) { 2795 .form-actions--fixed { 2796 background: #fff; 2797 border-top: 1px solid #999; 2798 bottom: 0; 2799 left: 0; 2800 padding: 1.5rem 2rem; 2801 position: fixed; 2802 right: 0; 2803 text-align: right; 2804 z-index: 20 2805 } 2806} 2807 2808.form-input-indicator { 2809 height: 1.57143rem; 2810 width: 1.57143rem; 2811 float: left; 2812 margin: 0 0 0 -2.14286rem; 2813 position: relative; 2814 top: .71429rem 2815} 2816 2817.form-prefixPostfix .form-input-indicator { 2818 top: 0 2819} 2820 2821.form-input-indicator>svg { 2822 fill: #008a06 2823} 2824 2825.form-field-errors { 2826 list-style: none; 2827 margin-left: 0; 2828 margin-left: 0; 2829 clear: both; 2830 margin-bottom: 0; 2831 margin-top: .21429rem 2832} 2833 2834.form-field-errors ol, 2835.form-field-errors ul { 2836 list-style: none; 2837 margin-bottom: 0 2838} 2839 2840.form-inlineMessage { 2841 display: inline-block; 2842 line-height: 24px; 2843 margin: .35714rem 0 -.5rem; 2844 width: 100% 2845} 2846 2847.form-field--error .form-input, 2848.form-field--success .form-input, 2849.form-field--warning .form-input { 2850 float: left 2851} 2852 2853.form-field--success .form-checkbox+.form-label::before, 2854.form-field--success .form-input, 2855.form-field--success .form-prefixPostfix-label, 2856.form-field--success .form-radio+.form-label::before, 2857.form-field--success .form-select { 2858 border-color: #008a06 2859} 2860 2861.form-field--success .form-field-error, 2862.form-field--success .form-inlineMessage { 2863 color: #008a06 2864} 2865 2866.form-field--success .form-input-indicator>svg { 2867 fill: #008a06 2868} 2869 2870.form-field--error .form-checkbox+.form-label::before, 2871.form-field--error .form-input, 2872.form-field--error .form-prefixPostfix-label, 2873.form-field--error .form-radio+.form-label::before, 2874.form-field--error .form-select { 2875 border-color: #cc4749 2876} 2877 2878.form-field--error .form-field-error, 2879.form-field--error .form-inlineMessage { 2880 color: #cc4749 2881} 2882 2883.form-field--error .form-input-indicator>svg { 2884 fill: #cc4749 2885} 2886 2887.form-field--warning .form-checkbox+.form-label::before, 2888.form-field--warning .form-input, 2889.form-field--warning .form-prefixPostfix-label, 2890.form-field--warning .form-radio+.form-label::before, 2891.form-field--warning .form-select { 2892 border-color: #f1a500 2893} 2894 2895.form-field--warning .form-field-error, 2896.form-field--warning .form-inlineMessage { 2897 color: #f1a500 2898} 2899 2900.form-field--warning .form-input-indicator>svg { 2901 fill: #f1a500 2902} 2903 2904.panel { 2905 position: relative 2906} 2907 2908.panel-header { 2909 background-color: #f4f4f4; 2910 margin: 0; 2911 padding: 1.5rem 2rem 0 2912} 2913 2914.panel-title { 2915 line-height: 1.5; 2916 margin: 0 2917} 2918 2919.panel-body { 2920 margin-bottom: 1.5rem; 2921 padding: 1rem 2rem 1.5rem; 2922 background: #f4f4f4
2923} 2924 2925.panel-body>:first-child { 2926 margin-top: 0 2927} 2928 2929.panel-body>:last-child { 2930 margin-bottom: 0 2931} 2932 2933.panel-body>:last-child { 2934 margin-bottom: 0 2935} 2936 2937.breadcrumbs { 2938 display: block; 2939 list-style: none; 2940 margin-left: 0; 2941 overflow: hidden 2942} 2943 2944.breadcrumb { 2945 color: #333; 2946 float: left; 2947 font-size: 13px; 2948 line-height: 13px; 2949 margin: 0; 2950 line-height: 1.5 2951} 2952 2953.breadcrumb a { 2954 color: #333 2955} 2956 2957.breadcrumb.current { 2958 color: #333; 2959 cursor: default 2960} 2961 2962.breadcrumb.current a { 2963 color: #333; 2964 cursor: default 2965} 2966 2967.breadcrumb.current:focus, 2968.breadcrumb.current:focus a, 2969.breadcrumb.current:hover, 2970.breadcrumb.current:hover a { 2971 text-decoration: none 2972} 2973 2974.breadcrumb.unavailable { 2975 color: #999 2976} 2977 2978.breadcrumb.unavailable a { 2979 color: #999 2980} 2981 2982.breadcrumb.unavailable a:focus, 2983.breadcrumb.unavailable:focus, 2984.breadcrumb.unavailable:hover, 2985.breadcrumb.unavailable:hover a { 2986 color: #999; 2987 cursor: not-allowed; 2988 text-decoration: none 2989} 2990 2991.breadcrumb:before { 2992 color: #333; 2993 content: "/"; 2994 margin: 0; 2995 position: relative; 2996 top: 1px 2997} 2998 2999.breadcrumb:first-child:before { 3000 content: " "; 3001 margin: 0 3002} 3003 3004.breadcrumb::before { 3005 margin: 0 .5rem 3006} 3007 3008@media (min-width:481px) { 3009 .breadcrumb::before { 3010 margin: 0 .5rem 3011 } 3012} 3013 3014.breadcrumb-label { 3015 cursor: pointer 3016} 3017 3018.breadcrumb-label:hover { 3019 color: #888; 3020 text-decoration: none 3021} 3022 3023.breadcrumb.is-active>.breadcrumb-label { 3024 color: #333; 3025 cursor: default 3026} 3027 3028.breadcrumb.is-unavailable>.breadcrumb-label { 3029 color: #999; 3030 cursor: default 3031} 3032 3033.tabs { 3034 border-bottom: 1px solid #dfdfdf; 3035 margin: 0 3036} 3037 3038.tabs:after, 3039.tabs:before { 3040 content: " "; 3041 display: table 3042} 3043 3044.tabs:after { 3045 clear: both 3046} 3047 3048.tab { 3049 border-bottom: #fff; 3050 display: block; 3051 list-style: none; 3052 margin: 0; 3053 padding: 0; 3054 position: relative 3055} 3056 3057@media (min-width:551px) { 3058 .tab { 3059 float: left 3060 } 3061} 3062 3063.tab-title { 3064 color: #333; 3065 display: block; 3066 font-size: 15px; 3067 padding: .78571rem 1.57143rem 3068} 3069 3070.tab-title:hover { 3071 color: #333 3072} 3073 3074.tab.is-active .tab-title { 3075 color: #333; 3076 font-weight: 700 3077} 3078 3079@media (min-width:551px) { 3080 .tabs--vertical { 3081 border-bottom: 0; 3082 float: left; 3083 margin: 0 0 1.5rem; 3084 max-width: 20%; 3085 width: 20% 3086 } 3087} 3088 3089.tabs--vertical .tab { 3090 float: none 3091} 3092 3093.tabs-contents { 3094 margin-bottom: 1.5rem 3095} 3096 3097.tabs-contents:after, 3098.tabs-contents:before { 3099 content: " "; 3100 display: table 3101} 3102 3103.tabs-contents:after { 3104 clear: both 3105} 3106 3107@media (min-width:551px) { 3108 .tabs-contents--vertical { 3109 float: left; 3110 max-width: 80%; 3111 padding-left: 1.5rem; 3112 width: 80% 3113 } 3114 .tabs-contents--vertical>.tab-content { 3115 padding: 0 1.5rem 3116 } 3117} 3118 3119.tab-content { 3120 display: none; 3121 padding: 1.5rem 0 3122} 3123 3124.tab-content.is-active { 3125 display: block 3126} 3127 3128.no-js .tab-content { 3129 display: block; 3130 float: none 3131} 3132 3133.navBar:after, 3134.navBar:before { 3135 content: " "; 3136 display: table 3137} 3138 3139.navBar:after { 3140 clear: both 3141} 3142 3143.navBar ol, 3144.navBar ul { 3145 list-style: none; 3146 margin-left: 0; 3147 margin: 0; 3148 padding: 0 3149} 3150 3151.navBar ol ol, 3152.navBar ol ul, 3153.navBar ul ol, 3154.navBar ul ul { 3155 list-style: none; 3156 margin-bottom: 0 3157} 3158 3159.navBar ol li, 3160.navBar ul li { 3161 margin: 0; 3162 padding: 0 3163} 3164 3165.navBar-section { 3166 float: left 3167} 3168 3169.navBar-section:after, 3170.navBar-section:before { 3171 content: " "; 3172 display: table 3173} 3174 3175.navBar-section:after { 3176 clear: both 3177} 3178 3179.navBar-section--alt { 3180 float: right; 3181 margin-left: 1.5rem 3182} 3183 3184.navBar-section+.navBar-section { 3185 margin-left: 1.5rem 3186} 3187 3188@media (min-width:551px) { 3189 .navBar-item { 3190 float: left 3191 } 3192} 3193 3194.navBar-action, 3195.navBar-item { 3196 display: block 3197} 3198 3199.navBar-action { 3200 color: #000; 3201 font-size: 15px; 3202 padding: .78571rem 3203} 3204 3205.navList:after, 3206.navList:before { 3207 content: " "; 3208 display: table 3209} 3210 3211.navList:after { 3212 clear: both 3213} 3214 3215.navList ol, 3216.navList ul { 3217 list-style: none; 3218 margin-left: 0; 3219 margin: 0; 3220 padding: 0 3221} 3222 3223.navList ol ol, 3224.navList ol ul, 3225.navList ul ol, 3226.navList ul ul { 3227 list-style: none; 3228 margin-bottom: 0 3229} 3230 3231.navList ol li, 3232.navList ul li { 3233 margin: 0; 3234 padding: 0 3235} 3236 3237.navList-section:after, 3238.navList-section:before { 3239 content: " "; 3240 display: table 3241} 3242 3243.navList-section:after { 3244 clear: both 3245} 3246 3247.navList-section--alt { 3248 float: right; 3249 margin-left: 1.5rem 3250} 3251 3252.navList-section+.navList-section { 3253 margin-top: 1.5rem 3254} 3255 3256.navList-action, 3257.navList-item { 3258 display: block 3259} 3260 3261.navList-action { 3262 color: #333; 3263 font-size: 15px; 3264 padding: .21429rem 0 3265} 3266 3267.pagination-list { 3268 display: block; 3269 margin-left: 0 3270} 3271 3272.pagination-list li { 3273 color: #333; 3274 font-size: 1rem; 3275 margin-left: .35714rem 3276} 3277 3278.pagination-list li a, 3279.pagination-list li button { 3280 border-radius: 4px; 3281 transition: background-color .3s ease-out; 3282 background: 0 0; 3283 color: #333; 3284 display: block; 3285 font-size: 1em; 3286 font-weight: 400; 3287 line-height: inherit; 3288 padding: .28571rem .5rem 3289} 3290 3291.pagination-list li { 3292 display: block 3293} 3294 3295li.pagination-item { 3296 cursor: pointer 3297} 3298 3299li.pagination-item:first-child { 3300 margin-left: 0 3301} 3302 3303li.pagination-item a:hover { 3304 color: #333 3305} 3306 3307li.pagination-item--current a, 3308li.pagination-item--current button { 3309 color: #333; 3310 cursor: default 3311} 3312 3313.alertBox { 3314 border-style: none; 3315 display: block; 3316 font-size: 1rem; 3317 font-weight: 400; 3318 margin-bottom: .78571rem; 3319 padding: .78571rem 1.14286rem .78571rem 1.14286rem; 3320 position: relative; 3321 transition: opacity .3s ease-out; 3322 background-color: #e5e5e5; 3323 border-color: #e5e5e5; 3324 color: #fff 3325} 3326 3327.alertBox .icon { 3328 height: 1.42857rem; 3329 width: 1.42857rem 3330} 3331 3332.alertBox .button { 3333 margin: 0 0 0 .78571rem 3334} 3335 3336.alertBox--info { 3337 background-color: #666; 3338 border-color: #666; 3339 color: #333 3340} 3341 3342.alertBox--info svg { 3343 fill: #dfdfdf 3344} 3345 3346.alertBox--success { 3347 background-color: #d5ffd8; 3348 border-color: #d5ffd8; 3349 color: #fff 3350} 3351 3352.alertBox--success svg { 3353 fill: #008a06 3354} 3355 3356.alertBox--warning { 3357 background-color: #fffdea; 3358 border-color: #fffdea; 3359 color: #fff 3360} 3361 3362.alertBox--warning svg { 3363 fill: #f1a500 3364} 3365 3366.alertBox--error { 3367 background-color: #fdd; 3368 border-color: #fdd; 3369 color: #fff 3370} 3371 3372.alertBox--error svg { 3373 fill: #cc4749 3374} 3375 3376.alertBox-column { 3377 display: table-cell; 3378 text-align: center; 3379 vertical-align: middle 3380} 3381 3382.alertBox-icon { 3383 padding-right: 1.14286rem 3384} 3385 3386.alertBox-message { 3387 margin: 0; 3388 text-align: left; 3389 width: 100% 3390} 3391 3392.alertBox-heading { 3393 margin: 0 3394} 3395 3396.alertBox-close { 3397 cursor: pointer; 3398 padding-left: 1.14286rem 3399} 3400 3401.alertBox-close .icon { 3402 height: 1.42857rem; 3403 width: 1.42857rem 3404} 3405 3406.alertBox-close svg { 3407 fill: #999 3408} 3409 3410.accordion { 3411 margin-bottom: 0; 3412 border: #dfdfdf solid; 3413 border-width: 1px; 3414 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 3415 margin: 0 0 1.5rem 3416} 3417 3418.accordion:after, 3419.accordion:before { 3420 content: " "; 3421 display: table 3422} 3423 3424.accordion:after { 3425 clear: both 3426} 3427 3428.accordion-navigation { 3429 display: block; 3430 margin-bottom: 0 !important; 3431 border: #dfdfdf solid; 3432 border-width: 1px 0; 3433 cursor: pointer 3434} 3435 3436.accordion-navigation.is-open>a { 3437 background: #fff; 3438 color: #000 3439} 3440 3441.accordion-navigation>a { 3442 background: #fff; 3443 color: #333; 3444 padding: 1.85714rem; 3445 display: block; 3446 font-family: Rubik, Arial, Helvetica, sans-serif; 3447 font-size: 1rem 3448} 3449 3450.accordion-navigation>a:hover { 3451 background: #f4f4f4
3452} 3453 3454.accordion-navigation .accordion-title { 3455 padding: 1.5rem 1.85714rem 3456} 3457 3458.accordion-title { 3459 font-weight: 700; 3460 line-height: 24px 3461} 3462 3463.accordion-content { 3464 display: none; 3465 padding: 2rem; 3466 border: #dfdfdf solid; 3467 border-width: 0 0 1px 3468} 3469 3470.accordion-content.is-open { 3471 display: block 3472} 3473 3474.accordion-navigation--success .accordion-title, 3475.accordion-navigation--success.is-open>a { 3476 color: #008a06 3477} 3478 3479.accordion-navigation--error .accordion-title, 3480.accordion-navigation--error.is-open>a { 3481 color: #cc4749 3482} 3483 3484.accordion-navigation--warning .accordion-title, 3485.accordion-navigation--warning.is-open>a { 3486 color: #f1a500 3487} 3488 3489body.has-activeModal { 3490 overflow: hidden 3491} 3492 3493.modal-background { 3494 background: #000; 3495 background: rgba(51, 51, 51, .95); 3496 bottom: 0; 3497 display: none; 3498 left: 0; 3499 position: fixed; 3500 right: 0; 3501 top: 0; 3502 z-index: 1004; 3503 left: 0 3504} 3505 3506.has-activeModal .modal-background { 3507 display: block 3508} 3509 3510.modal { 3511 border-radius: 0; 3512 display: none; 3513 position: absolute; 3514 top: 0; 3515 visibility: hidden; 3516 width: 100%; 3517 z-index: 1005; 3518 left: 0; 3519 background-color: #fff; 3520 padding: 2.25rem 2.25rem; 3521 border: solid 0 #dfdfdf; 3522 box-shadow: none; 3523 max-height: 80%; 3524 overflow: auto; 3525 position: fixed 3526} 3527 3528@media only screen and (max-width:551px) { 3529 .modal { 3530 min-height: 100vh 3531 } 3532} 3533 3534.modal .column, 3535.modal .columns { 3536 min-width: 0 3537} 3538 3539.modal>:first-child { 3540 margin-top: 0 3541} 3542 3543.modal>:last-child { 3544 margin-bottom: 0 3545} 3546 3547@media only screen and (min-width:551px) { 3548 .modal { 3549 left: 0; 3550 margin: 0 auto; 3551 max-width: 80%; 3552 right: 0; 3553 width: 900px 3554 } 3555} 3556 3557@media only screen and (min-width:551px) { 3558 .modal { 3559 top: 50% !important 3560 } 3561} 3562 3563@media (min-width:551px) { 3564 .modal { 3565 transform: translateY(-50%) 3566 } 3567} 3568 3569.modal--large { 3570 max-height: 90%; 3571 width: 1280px 3572} 3573 3574.modal--small { 3575 width: 500px 3576} 3577 3578.modal-header { 3579 border-bottom: 1px solid #dfdfdf; 3580 padding: 1rem 0; 3581 position: relative 3582} 3583 3584.modal-header-title { 3585 margin: 0 3586} 3587 3588.modal-body { 3589 padding: 3rem 0 3590} 3591 3592.modal-body>:last-child { 3593 margin-bottom: 0 3594} 3595 3596.modal-footer { 3597 border-top: 1px solid #dfdfdf; 3598 padding: .78571rem 1.5rem; 3599 text-align: center 3600} 3601 3602@media (min-width:481px) { 3603 .modal-footer { 3604 text-align: right 3605 } 3606} 3607 3608.modal-footer .button { 3609 display: block 3610} 3611 3612@media (min-width:481px) { 3613 .modal-footer .button { 3614 display: inline-block; 3615 margin-bottom: 0 3616 } 3617} 3618 3619.modal-footer-link { 3620 display: inline-block; 3621 font-size: 15px; 3622 margin: 0 0 .78571rem 3623} 3624 3625@media (min-width:481px) { 3626 .modal-footer-link { 3627 display: inline; 3628 margin: 1.5rem 3629 } 3630} 3631 3632.modal-close { 3633 color: #666; 3634 cursor: pointer; 3635 font-size: 25px; 3636 font-weight: 400; 3637 line-height: 1; 3638 position: absolute; 3639 top: 1.05rem; 3640 right: .75rem; 3641 transform: translateY(none) 3642} 3643 3644.modal-close .icon { 3645 height: 1.42857rem; 3646 width: 1.42857rem 3647} 3648 3649@media print { 3650 .modal { 3651 background: #fff !important; 3652 display: none 3653 } 3654} 3655 3656.loadingNotification { 3657 left: 50%; 3658 position: fixed; 3659 text-align: center; 3660 top: 3rem; 3661 transform: translateX(-50%); 3662 transform-style: preserve-3d; 3663 transition: all .2s ease-out; 3664 z-index: 500 3665} 3666 3667.loadingNotification.ng-hide-add-active, 3668.loadingNotification.ng-hide-remove { 3669 opacity: 0; 3670 top: 3.6rem; 3671 transform: scale(.9) translateX(-50%) 3672} 3673 3674.loadingNotification.ng-hide-remove-active { 3675 opacity: 1; 3676 top: 3rem; 3677 transform: scale(1) translateX(-50%) 3678} 3679 3680.loadingNotification-label { 3681 background: #666; 3682 border-radius: 4px; 3683 color: #fff; 3684 display: inline-block; 3685 font-size: 15px; 3686 padding: .35714rem .78571rem 3687} 3688 3689.loadingOverlay-container { 3690 min-height: 120px; 3691 position: relative 3692} 3693 3694.loadingOverlay { 3695 background: rgba(51, 51, 51, .9); 3696 bottom: 0; 3697 height: 100%; 3698 left: 0; 3699 opacity: 1;
3700 position: absolute; 3701 right: 0; 3702 top: 0; 3703 transition: all 250ms ease-out; 3704 width: 100% 3705} 3706 3707.loadingOverlay::before { 3708 height: 2.85714rem; 3709 width: 2.85714rem; 3710 border-radius: 2.85714rem; 3711 border: solid 2px; 3712 border-color: #fff #fff #999 #999; 3713 content: ""; 3714 display: block; 3715 left: 0; 3716 margin: 0 auto; 3717 position: absolute; 3718 right: 0; 3719 top: 50%; 3720 transform: translateY(-50%) rotate(0); 3721 transform-style: preserve-3d; 3722 animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83) 3723} 3724 3725.loadingOverlay.ng-enter, 3726.loadingOverlay.ng-leave.ng-leave-active { 3727 opacity: 0 3728} 3729 3730.loadingOverlay.ng-enter.ng-enter-active, 3731.loadingOverlay.ng-leave { 3732 opacity: 1 3733} 3734 3735@keyframes spin { 3736 0% { 3737 transform: translateY(-50%) rotate(0) 3738 } 3739 100% { 3740 transform: translateY(-50%) rotate(360deg) 3741 } 3742} 3743 3744.actionBar { 3745 margin: 1.5rem 0 3746} 3747 3748.actionBar:after, 3749.actionBar:before { 3750 content: " "; 3751 display: table 3752} 3753 3754.actionBar:after { 3755 clear: both 3756} 3757 3758.actionBar .button { 3759 margin-bottom: 0 3760} 3761 3762.actionBar .buttonGroup { 3763 vertical-align: middle 3764} 3765 3766.actionBar-link { 3767 display: block; 3768 padding: .78571rem 0 3769} 3770 3771.actionBar-section:after, 3772.actionBar-section:before { 3773 content: " "; 3774 display: table 3775} 3776 3777.actionBar-section:after { 3778 clear: both 3779} 3780 3781@media (min-width:551px) { 3782 .actionBar-section { 3783 float: left 3784 } 3785 .actionBar-section .form-label { 3786 display: inline-block; 3787 margin: 0 .35714rem 0 0 3788 } 3789 .actionBar-section .form-input, 3790 .actionBar-section .form-select { 3791 display: inline-block; 3792 width: 14.28571rem 3793 } 3794} 3795 3796@media (min-width:551px) { 3797 .actionBar-section--alt { 3798 float: right 3799 } 3800} 3801 3802.actionBar-item { 3803 margin-bottom: 1.5rem 3804} 3805 3806@media (min-width:551px) { 3807 .actionBar-item { 3808 display: inline-block; 3809 margin-bottom: 0; 3810 margin-right: 1.5rem; 3811 vertical-align: middle 3812 } 3813 .actionBar-item:last-child { 3814 margin-right: 0 3815 } 3816} 3817 3818.card { 3819 background-color: transparent; 3820 margin-bottom: 3rem; 3821 padding: 0 0 3822} 3823 3824.card-figure { 3825 background-color: #fff; 3826 margin-bottom: 0; 3827 padding: 0 0; 3828 position: relative 3829} 3830 3831.card-image { 3832 border: 1px solid #999; 3833 width: 100% 3834} 3835 3836.card-figcaption { 3837 bottom: 0; 3838 height: 100%; 3839 left: 0; 3840 opacity: 0; 3841 position: absolute; 3842 right: 0; 3843 text-align: center; 3844 top: 0 3845} 3846 3847.card-figcaption:hover { 3848 opacity: 1 3849} 3850 3851.card-figcaption-action { 3852 display: block; 3853 height: 100% 3854} 3855 3856.card-figcaption-body { 3857 position: relative; 3858 top: 50%; 3859 transform: translateY(-50%); 3860 transform-style: preserve-3d 3861} 3862 3863.card-figcaption-body>:first-child { 3864 margin-top: 0 3865} 3866 3867.card-figcaption-body>:last-child { 3868 margin-bottom: 0 3869} 3870 3871.card-figcaption-body .card-text { 3872 color: #333 3873} 3874 3875.card-figcaption-button { 3876 background-color: rgba(46, 51, 68, .9); 3877 color: #fff 3878} 3879 3880.card-figcaption-button:hover { 3881 background-color: #2e3344; 3882 color: #fff 3883} 3884 3885.card-body { 3886 padding: .78571rem 0 0 3887} 3888 3889.card-body>:first-child { 3890 margin-top: 0 3891} 3892 3893.card-body>:last-child { 3894 margin-bottom: 0 3895} 3896 3897.card-body .card-text { 3898 color: #333 3899} 3900 3901.card-surTitle { 3902 float: right; 3903 margin-left: 1.5rem; 3904 max-width: 40%; 3905 text-align: right 3906} 3907 3908.card-footer { 3909 background-color: transparent; 3910 margin: 0 3911} 3912 3913.card-footer:after, 3914.card-footer:before { 3915 content: " "; 3916 display: table 3917} 3918 3919.card-footer:after { 3920 clear: both 3921} 3922 3923.card-button { 3924 margin-bottom: 0 3925} 3926 3927.slick-slider { 3928 position: relative; 3929 display: block; 3930 box-sizing: border-box; 3931 -webkit-touch-callout: none; 3932 -webkit-user-select: none; 3933 -moz-user-select: none; 3934 -ms-user-select: none; 3935 user-select: none; 3936 -ms-touch-action: pan-y; 3937 touch-action: pan-y; 3938 -webkit-tap-highlight-color: transparent 3939} 3940 3941.slick-list { 3942 position: relative; 3943 overflow: hidden; 3944 display: block; 3945 margin: 0; 3946 padding: 0 3947} 3948 3949.slick-list:focus { 3950 outline: 0 3951} 3952 3953.slick-list.dragging { 3954 cursor: pointer; 3955 cursor: hand 3956} 3957 3958.slick-slider .slick-list, 3959.slick-slider .slick-track { 3960 transform: translate3d(0, 0, 0) 3961} 3962 3963.slick-track { 3964 position: relative; 3965 left: 0; 3966 top: 0; 3967 display: block; 3968 margin-left: auto; 3969 margin-right: auto 3970} 3971 3972.slick-track:after, 3973.slick-track:before { 3974 content: ""; 3975 display: table 3976} 3977 3978.slick-track:after { 3979 clear: both 3980} 3981 3982.slick-loading .slick-track { 3983 visibility: hidden 3984} 3985 3986.slick-slide { 3987 float: left; 3988 height: 100%; 3989 min-height: 1px; 3990 display: none 3991} 3992 3993[dir=rtl] .slick-slide { 3994 float: right 3995} 3996 3997.slick-slide img { 3998 display: block 3999} 4000 4001.slick-slide.slick-loading img { 4002 display: none 4003} 4004 4005.slick-slide.dragging img { 4006 pointer-events: none 4007} 4008 4009.slick-initialized .slick-slide { 4010 display: block 4011} 4012 4013.slick-loading .slick-slide { 4014 visibility: hidden 4015} 4016 4017.slick-vertical .slick-slide { 4018 display: block; 4019 height: auto; 4020 border: 1px solid transparent 4021} 4022 4023.slick-arrow.slick-hidden { 4024 display: none 4025} 4026 4027.slick-loading .slick-list { 4028 background: #fff center center no-repeat 4029} 4030 4031.slick-next, 4032.slick-prev { 4033 position: absolute; 4034 display: block; 4035 height: 20px;
4036 width: 20px; 4037 line-height: 0; 4038 font-size: 0; 4039 cursor: pointer; 4040 background: 0 0; 4041 color: transparent; 4042 top: 50%; 4043 transform: translate(0, -50%); 4044 padding: 0; 4045 border: none; 4046 outline: 0 4047} 4048 4049.slick-next:focus, 4050.slick-next:hover, 4051.slick-prev:focus, 4052.slick-prev:hover { 4053 outline: 0; 4054 background: 0 0; 4055 color: transparent 4056} 4057 4058.slick-next:focus:before, 4059.slick-next:hover:before, 4060.slick-prev:focus:before, 4061.slick-prev:hover:before { 4062 opacity: .8 4063} 4064 4065.slick-next.slick-disabled:before, 4066.slick-prev.slick-disabled:before { 4067 opacity: .6 4068} 4069 4070.slick-next:before, 4071.slick-prev:before { 4072 font-family: inherit; 4073 font-size: 20px; 4074 line-height: 1; 4075 color: #2e3344; 4076 opacity: 1; 4077 -webkit-font-smoothing: antialiased; 4078 -moz-osx-font-smoothing: grayscale 4079} 4080 4081.slick-prev { 4082 left: -25px 4083} 4084 4085[dir=rtl] .slick-prev { 4086 left: auto; 4087 right: -25px 4088} 4089 4090.slick-prev:before { 4091 content: "" 4092} 4093 4094[dir=rtl] .slick-prev:before { 4095 content: "" 4096} 4097 4098.slick-next { 4099 right: -25px 4100} 4101 4102[dir=rtl] .slick-next { 4103 left: -25px; 4104 right: auto 4105} 4106 4107.slick-next:before { 4108 content: "" 4109} 4110 4111[dir=rtl] .slick-next:before { 4112 content: "" 4113} 4114 4115.slick-dotted.slick-slider { 4116 margin-bottom: 30px 4117} 4118 4119.slick-dots { 4120 position: absolute; 4121 bottom: -25px; 4122 list-style: none; 4123 display: block; 4124 text-align: center; 4125 padding: 0; 4126 margin: 0; 4127 width: 100% 4128} 4129 4130.slick-dots li { 4131 position: relative; 4132 display: inline-block; 4133 height: 20px; 4134 width: 20px; 4135 margin: 0 5px; 4136 padding: 0; 4137 cursor: pointer 4138} 4139 4140.slick-dots li button { 4141 border: 0; 4142 background: 0 0; 4143 display: block; 4144 height: 20px; 4145 width: 20px; 4146 outline: 0; 4147 line-height: 0; 4148 font-size: 0; 4149 color: transparent; 4150 padding: 5px; 4151 cursor: pointer 4152} 4153 4154.slick-dots li button:focus, 4155.slick-dots li button:hover { 4156 outline: 0 4157} 4158 4159.slick-dots li button:focus:before, 4160.slick-dots li button:hover:before { 4161 opacity: .8 4162} 4163 4164.slick-dots li button:before { 4165 position: absolute; 4166 top: 0; 4167 left: 0; 4168 content: ""; 4169 width: 20px; 4170 height: 20px; 4171 font-family: inherit; 4172 font-size: 60px; 4173 line-height: 20px; 4174 text-align: center; 4175 color: #fff; 4176 opacity: .6; 4177 -webkit-font-smoothing: antialiased; 4178 -moz-osx-font-smoothing: grayscale 4179} 4180 4181.slick-dots li.slick-active button:before { 4182 color: #2e3344; 4183 opacity: 1 4184} 4185 4186.slick-next, 4187.slick-prev { 4188 background-color: #fff; 4189 background-color: rgba(255, 255, 255, .9); 4190 z-index: 1; 4191 border: 1px solid #fff; 4192 height: 4.35714rem; 4193 margin-top: -1.07143rem; 4194 padding: .71429rem; 4195 width: 2.85714rem 4196} 4197 4198.slick-next::before, 4199.slick-prev::before { 4200 background-position: 50%; 4201 background-repeat: no-repeat; 4202 background-size: 100%; 4203 display: block; 4204 height: 2.92857rem; 4205 width: 1.42857rem 4206} 4207 4208.slick-next:focus, 4209.slick-next:hover, 4210.slick-prev:focus, 4211.slick-prev:hover { 4212 background-color: #fff; 4213 background-color: rgba(255, 255, 255, .9); 4214 background-position: 50%; 4215 background-repeat: no-repeat; 4216 background-size: 100% 4217} 4218 4219.slick-next { 4220 right: -10px 4221} 4222 4223@media (min-width:1261px) { 4224 .slick-next { 4225 right: -3.35714rem 4226 } 4227} 4228 4229.slick-next::before { 4230 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") 4231} 4232 4233.slick-next:hover::before { 4234 background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS40NTY3OSAxLjAwNzQ2MTQ3bDIxIDIwLjAyNDgyMTQzTDEuNTA4ODUgNDEuMDA3NDYxNSIgc3Ryb2tlPSIjOTg5ODk4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) 4235} 4236 4237.slick-prev { 4238 left: -15px 4239} 4240 4241@media (min-width:1261px) { 4242 .slick-prev { 4243 left: -3.35714rem 4244 } 4245} 4246 4247.slick-prev::before { 4248 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") 4249} 4250 4251.slick-prev:hover::before { 4252 background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNDU3MjA3NCAxLjAwNzQ2MTQ3bC0yMSAyMC4wMjQ4MjE0MyAyMC45NDc5Mzk3IDE5Ljk3NTE3ODYiIHN0cm9rZT0iIzk4OTg5OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 4253} 4254 4255.slick-slide img { 4256 display: block; 4257 width: 100% 4258} 4259 4260.slick-dots { 4261 margin: 0 4262} 4263 4264.slick-dots li { 4265 height: 2.28571rem;
4266 width: 2.28571rem; 4267 margin: 0; 4268 padding: .35714rem 4269} 4270 4271.slick-dots li button, 4272.slick-dots li button::before { 4273 height: 1.07143rem; 4274 width: 1.07143rem; 4275 border-radius: 50% 4276} 4277 4278.slick-dots li button { 4279 border: 1px solid #fff; 4280 display: inline-block; 4281 margin: 0; 4282 padding: 0; 4283 position: relative; 4284 text-align: center; 4285 vertical-align: middle 4286} 4287 4288.slick-dots li button:hover::before { 4289 background: #fff 4290} 4291 4292.slick-dots li button::before { 4293 display: block; 4294 left: -1px; 4295 top: -1px; 4296 transition: background .1s ease-out 4297} 4298 4299.slick-dots li.slick-active button::before { 4300 background: #2e3344 4301} 4302 4303.productView .slick-dots { 4304 position: relative 4305} 4306 4307.slick-disabled { 4308 cursor: default; 4309 opacity: .1 4310} 4311 4312.slick-track { 4313 -webkit-backface-visibility: hidden; 4314 backface-visibility: hidden; 4315 perspective: 1000px 4316} 4317 4318.slick-track { 4319 -webkit-backface-visibility: visible; 4320 backface-visibility: visible 4321} 4322 4323.nanobar { 4324 width: 100%; 4325 height: .35714rem; 4326 z-index: 9999; 4327 top: 0; 4328 pointer-events: none; 4329 -webkit-user-select: none; 4330 -moz-user-select: none; 4331 -ms-user-select: none; 4332 user-select: none 4333} 4334 4335.nanobar .bar { 4336 width: 0; 4337 height: 100%; 4338 transition: height .1s; 4339 background-color: #999 4340} 4341 4342body.swal2-shown { 4343 overflow-y: hidden 4344} 4345 4346body.swal2-iosfix { 4347 position: fixed; 4348 left: 0; 4349 right: 0 4350} 4351 4352.swal2-container { 4353 display: -ms-flexbox; 4354 display: flex; 4355 -ms-flex-direction: row; 4356 flex-direction: row; 4357 -ms-flex-align: center; 4358 align-items: center; 4359 -ms-flex-pack: center; 4360 justify-content: center; 4361 position: fixed; 4362 top: 0; 4363 left: 0; 4364 bottom: 0; 4365 right: 0; 4366 padding: 10px; 4367 background-color: transparent; 4368 z-index: 1060 4369} 4370 4371.swal2-container.swal2-top { 4372 -ms-flex-align: start; 4373 align-items: flex-start 4374} 4375 4376.swal2-container.swal2-top-left { 4377 -ms-flex-align: start; 4378 align-items: flex-start; 4379 -ms-flex-pack: start; 4380 justify-content: flex-start 4381} 4382 4383.swal2-container.swal2-top-right { 4384 -ms-flex-align: start; 4385 align-items: flex-start; 4386 -ms-flex-pack: end; 4387 justify-content: flex-end 4388} 4389 4390.swal2-container.swal2-center { 4391 -ms-flex-align: center; 4392 align-items: center 4393} 4394 4395.swal2-container.swal2-center-left { 4396 -ms-flex-align: center; 4397 align-items: center; 4398 -ms-flex-pack: start; 4399 justify-content: flex-start 4400} 4401 4402.swal2-container.swal2-center-right { 4403 -ms-flex-align: center; 4404 align-items: center; 4405 -ms-flex-pack: end; 4406 justify-content: flex-end 4407} 4408 4409.swal2-container.swal2-bottom { 4410 -ms-flex-align: end; 4411 align-items: flex-end 4412} 4413 4414.swal2-container.swal2-bottom-left { 4415 -ms-flex-align: end; 4416 align-items: flex-end; 4417 -ms-flex-pack: start; 4418 justify-content: flex-start 4419} 4420 4421.swal2-container.swal2-bottom-right { 4422 -ms-flex-align: end; 4423 align-items: flex-end; 4424 -ms-flex-pack: end; 4425 justify-content: flex-end 4426} 4427 4428.swal2-container.swal2-grow-fullscreen>.swal2-modal { 4429 display: -ms-flexbox !important; 4430 display: flex !important; 4431 -ms-flex: 1; 4432 flex: 1; 4433 -ms-flex-item-align: stretch; 4434 align-self: stretch; 4435 -ms-flex-pack: center; 4436 justify-content: center 4437} 4438 4439.swal2-container.swal2-grow-row>.swal2-modal { 4440 display: -ms-flexbox !important; 4441 display: flex !important; 4442 -ms-flex: 1; 4443 flex: 1; 4444 -ms-flex-line-pack: center; 4445 align-content: center; 4446 -ms-flex-pack: center; 4447 justify-content: center 4448} 4449 4450.swal2-container.swal2-grow-column { 4451 -ms-flex: 1; 4452 flex: 1; 4453 -ms-flex-direction: column; 4454 flex-direction: column 4455} 4456 4457.swal2-container.swal2-grow-column.swal2-bottom, 4458.swal2-container.swal2-grow-column.swal2-center, 4459.swal2-container.swal2-grow-column.swal2-top { 4460 -ms-flex-align: center; 4461 align-items: center 4462} 4463 4464.swal2-container.swal2-grow-column.swal2-bottom-left, 4465.swal2-container.swal2-grow-column.swal2-center-left, 4466.swal2-container.swal2-grow-column.swal2-top-left { 4467 -ms-flex-align: start;
4468 align-items: flex-start 4469} 4470 4471.swal2-container.swal2-grow-column.swal2-bottom-right, 4472.swal2-container.swal2-grow-column.swal2-center-right, 4473.swal2-container.swal2-grow-column.swal2-top-right { 4474 -ms-flex-align: end; 4475 align-items: flex-end 4476} 4477 4478.swal2-container.swal2-grow-column>.swal2-modal { 4479 display: -ms-flexbox !important; 4480 display: flex !important; 4481 -ms-flex: 1; 4482 flex: 1; 4483 -ms-flex-line-pack: center; 4484 align-content: center; 4485 -ms-flex-pack: center; 4486 justify-content: center 4487} 4488 4489.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 { 4490 margin: auto 4491} 4492 4493@media all and (-ms-high-contrast:none), 4494(-ms-high-contrast:active) { 4495 .swal2-container .swal2-modal { 4496 margin: 0 !important 4497 } 4498} 4499 4500.swal2-container.swal2-fade { 4501 transition: background-color .1s 4502} 4503 4504.swal2-container.swal2-shown { 4505 background-color: rgba(0, 0, 0, .4) 4506} 4507 4508.swal2-modal { 4509 -ms-flex-direction: column; 4510 flex-direction: column; 4511 background-color: #fff; 4512 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 4513 border-radius: 5px; 4514 box-sizing: border-box; 4515 text-align: center; 4516 overflow-x: hidden; 4517 overflow-y: auto; 4518 display: none; 4519 position: relative; 4520 max-width: 100% 4521} 4522 4523.swal2-modal:focus { 4524 outline: 0 4525} 4526 4527.swal2-modal.swal2-loading { 4528 overflow-y: hidden 4529} 4530 4531.swal2-modal .swal2-title { 4532 color: #595959; 4533 font-size: 30px; 4534 text-align: center; 4535 font-weight: 600; 4536 text-transform: none; 4537 position: relative; 4538 margin: 0 0 .4em; 4539 padding: 0; 4540 display: block; 4541 word-wrap: break-word 4542} 4543 4544.swal2-modal .swal2-buttonswrapper { 4545 margin-top: 15px 4546} 4547 4548.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] { 4549 opacity: .4; 4550 cursor: no-drop 4551} 4552 4553.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm { 4554 box-sizing: border-box; 4555 border: 4px solid transparent; 4556 border-color: transparent; 4557 width: 40px; 4558 height: 40px; 4559 padding: 0; 4560 margin: 7.5px; 4561 vertical-align: top; 4562 background-color: transparent !important; 4563 color: transparent; 4564 cursor: default; 4565 border-radius: 100%; 4566 animation: rotate-loading 1.5s linear 0s infinite normal; 4567 -webkit-user-select: none; 4568 -moz-user-select: none; 4569 -ms-user-select: none; 4570 user-select: none 4571} 4572 4573.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel { 4574 margin-left: 30px; 4575 margin-right: 30px 4576} 4577 4578.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after { 4579 display: inline-block; 4580 content: ''; 4581 margin-left: 5px; 4582 vertical-align: -1px; 4583 height: 15px; 4584 width: 15px; 4585 border: 3px solid #999; 4586 box-shadow: 1px 1px 1px #fff; 4587 border-right-color: transparent; 4588 border-radius: 50%; 4589 animation: rotate-loading 1.5s linear 0s infinite normal 4590} 4591 4592.swal2-modal .swal2-styled { 4593 border: 0; 4594 border-radius: 3px; 4595 box-shadow: none; 4596 color: #fff; 4597 cursor: pointer; 4598 font-size: 17px; 4599 font-weight: 500; 4600 margin: 15px 5px 0; 4601 padding: 10px 32px 4602} 4603 4604.swal2-modal .swal2-styled:focus { 4605 outline: 0; 4606 box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4) 4607} 4608 4609.swal2-modal .swal2-image { 4610 margin: 20px auto; 4611 max-width: 100% 4612} 4613 4614.swal2-modal .swal2-close { 4615 background: 0 0; 4616 border: 0; 4617 margin: 0; 4618 padding: 0; 4619 width: 38px; 4620 height: 40px; 4621 font-size: 36px; 4622 line-height: 40px; 4623 font-family: serif; 4624 position: absolute; 4625 top: 5px; 4626 right: 8px; 4627 cursor: pointer; 4628 color: #ccc; 4629 transition: color .1s ease 4630} 4631 4632.swal2-modal .swal2-close:hover { 4633 color: #d55 4634} 4635 4636.swal2-modal>.swal2-checkbox, 4637.swal2-modal>.swal2-file, 4638.swal2-modal>.swal2-input, 4639.swal2-modal>.swal2-radio, 4640.swal2-modal>.swal2-select, 4641.swal2-modal>.swal2-textarea { 4642 display: none 4643} 4644 4645.swal2-modal .swal2-content { 4646 font-size: 18px; 4647 text-align: center; 4648 font-weight: 300; 4649 position: relative; 4650 float: none; 4651 margin: 0; 4652 padding: 0; 4653 line-height: normal; 4654 color: #545454; 4655 word-wrap: break-word 4656} 4657 4658.swal2-modal .swal2-checkbox, 4659.swal2-modal .swal2-file, 4660.swal2-modal .swal2-input, 4661.swal2-modal .swal2-radio, 4662.swal2-modal .swal2-select, 4663.swal2-modal .swal2-textarea { 4664 margin: 20px auto 4665} 4666 4667.swal2-modal .swal2-file, 4668.swal2-modal .swal2-input, 4669.swal2-modal .swal2-textarea { 4670 width: 100%; 4671 box-sizing: border-box; 4672 font-size: 18px; 4673 border-radius: 3px; 4674 border: 1px solid #d9d9d9; 4675 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
4676 transition: border-color .3s, box-shadow .3s 4677} 4678 4679.swal2-modal .swal2-file.swal2-inputerror, 4680.swal2-modal .swal2-input.swal2-inputerror, 4681.swal2-modal .swal2-textarea.swal2-inputerror { 4682 border-color: #f27474 !important; 4683 box-shadow: 0 0 2px #f27474 !important 4684} 4685 4686.swal2-modal .swal2-file:focus, 4687.swal2-modal .swal2-input:focus, 4688.swal2-modal .swal2-textarea:focus { 4689 outline: 0; 4690 border: 1px solid #b4dbed; 4691 box-shadow: 0 0 3px #c4e6f5 4692} 4693 4694.swal2-modal .swal2-file:-ms-input-placeholder, 4695.swal2-modal .swal2-input:-ms-input-placeholder, 4696.swal2-modal .swal2-textarea:-ms-input-placeholder { 4697 color: #ccc 4698} 4699 4700.swal2-modal .swal2-file::placeholder, 4701.swal2-modal .swal2-input::placeholder, 4702.swal2-modal .swal2-textarea::placeholder { 4703 color: #ccc 4704} 4705 4706.swal2-modal .swal2-range input { 4707 float: left; 4708 width: 80% 4709} 4710 4711.swal2-modal .swal2-range output { 4712 float: right; 4713 width: 20%; 4714 font-size: 20px; 4715 font-weight: 600; 4716 text-align: center 4717} 4718 4719.swal2-modal .swal2-range input, 4720.swal2-modal .swal2-range output { 4721 height: 43px; 4722 line-height: 43px; 4723 vertical-align: middle; 4724 margin: 20px auto; 4725 padding: 0 4726} 4727 4728.swal2-modal .swal2-input { 4729 height: 43px; 4730 padding: 0 12px 4731} 4732 4733.swal2-modal .swal2-input[type=number] { 4734 max-width: 150px 4735} 4736 4737.swal2-modal .swal2-file { 4738 font-size: 20px 4739} 4740 4741.swal2-modal .swal2-textarea { 4742 height: 108px; 4743 padding: 12px 4744} 4745 4746.swal2-modal .swal2-select { 4747 color: #545454; 4748 font-size: inherit; 4749 padding: 5px 10px; 4750 min-width: 40%; 4751 max-width: 100% 4752} 4753 4754.swal2-modal .swal2-radio { 4755 border: 0 4756} 4757 4758.swal2-modal .swal2-radio label:not(:first-child) { 4759 margin-left: 20px 4760} 4761 4762.swal2-modal .swal2-radio input, 4763.swal2-modal .swal2-radio span { 4764 vertical-align: middle 4765} 4766 4767.swal2-modal .swal2-radio input { 4768 margin: 0 3px 0 0 4769} 4770 4771.swal2-modal .swal2-checkbox { 4772 color: #545454 4773} 4774 4775.swal2-modal .swal2-checkbox input, 4776.swal2-modal .swal2-checkbox span { 4777 vertical-align: middle 4778} 4779 4780.swal2-modal .swal2-validationerror { 4781 background-color: #f0f0f0; 4782 margin: 0 -20px; 4783 overflow: hidden; 4784 padding: 10px; 4785 color: gray; 4786 font-size: 16px; 4787 font-weight: 300; 4788 display: none 4789} 4790 4791.swal2-modal .swal2-validationerror::before { 4792 content: '!'; 4793 display: inline-block; 4794 width: 24px; 4795 height: 24px; 4796 border-radius: 50%; 4797 background-color: #ea7d7d; 4798 color: #fff; 4799 line-height: 24px; 4800 text-align: center; 4801 margin-right: 10px 4802} 4803 4804@supports (-ms-accelerator:true) { 4805 .swal2-range input { 4806 width: 100% !important 4807 } 4808 .swal2-range output { 4809 display: none 4810 } 4811} 4812 4813@media all and (-ms-high-contrast:none), 4814(-ms-high-contrast:active) { 4815 .swal2-range input { 4816 width: 100% !important 4817 } 4818 .swal2-range output { 4819 display: none 4820 } 4821} 4822 4823.swal2-icon { 4824 width: 80px; 4825 height: 80px; 4826 border: 4px solid transparent; 4827 border-radius: 50%; 4828 margin: 20px auto 30px; 4829 padding: 0; 4830 position: relative; 4831 box-sizing: content-box; 4832 cursor: default; 4833 -webkit-user-select: none; 4834 -moz-user-select: none; 4835 -ms-user-select: none; 4836 user-select: none 4837} 4838 4839.swal2-icon.swal2-error { 4840 border-color: #f27474 4841} 4842 4843.swal2-icon.swal2-error .swal2-x-mark { 4844 position: relative; 4845 display: block 4846} 4847 4848.swal2-icon.swal2-error [class^=swal2-x-mark-line] { 4849 position: absolute; 4850 height: 5px; 4851 width: 47px; 4852 background-color: #f27474; 4853 display: block; 4854 top: 37px; 4855 border-radius: 2px 4856} 4857 4858.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { 4859 transform: rotate(45deg); 4860 left: 17px 4861} 4862 4863.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { 4864 transform: rotate(-45deg); 4865 right: 16px 4866} 4867 4868.swal2-icon.swal2-warning { 4869 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 4870 color: #f8bb86; 4871 border-color: #facea8; 4872 font-size: 60px; 4873 line-height: 80px; 4874 text-align: center 4875} 4876 4877.swal2-icon.swal2-info { 4878 font-family: 'Open Sans', sans-serif; 4879 color: #3fc3ee; 4880 border-color: #9de0f6; 4881 font-size: 60px; 4882 line-height: 80px; 4883 text-align: center 4884} 4885 4886.swal2-icon.swal2-question { 4887 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 4888 color: #87adbd; 4889 border-color: #c9dae1; 4890 font-size: 60px; 4891 line-height: 80px; 4892 text-align: center 4893} 4894 4895.swal2-icon.swal2-success { 4896 border-color: #a5dc86 4897} 4898 4899.swal2-icon.swal2-success [class^=swal2-success-circular-line] { 4900 border-radius: 50%; 4901 position: absolute; 4902 width: 60px; 4903 height: 120px; 4904 transform: rotate(45deg) 4905} 4906 4907.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { 4908 border-radius: 120px 0 0 120px; 4909 top: -7px; 4910 left: -33px; 4911 transform: rotate(-45deg); 4912 transform-origin: 60px 60px 4913} 4914 4915.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { 4916 border-radius: 0 120px 120px 0; 4917 top: -11px; 4918 left: 30px; 4919 transform: rotate(-45deg); 4920 transform-origin: 0 60px 4921} 4922 4923.swal2-icon.swal2-success .swal2-success-ring { 4924 width: 80px; 4925 height: 80px; 4926 border: 4px solid rgba(165, 220, 134, .2); 4927 border-radius: 50%; 4928 box-sizing: content-box; 4929 position: absolute; 4930 left: -4px; 4931 top: -4px; 4932 z-index: 2 4933} 4934 4935.swal2-icon.swal2-success .swal2-success-fix { 4936 width: 7px; 4937 height: 90px; 4938 position: absolute; 4939 left: 28px; 4940 top: 8px; 4941 z-index: 1; 4942 transform: rotate(-45deg) 4943} 4944 4945.swal2-icon.swal2-success [class^=swal2-success-line] { 4946 height: 5px; 4947 background-color: #a5dc86; 4948 display: block; 4949 border-radius: 2px; 4950 position: absolute; 4951 z-index: 2 4952} 4953 4954.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { 4955 width: 25px; 4956 left: 14px; 4957 top: 46px; 4958 transform: rotate(45deg) 4959} 4960 4961.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { 4962 width: 47px; 4963 right: 8px; 4964 top: 38px; 4965 transform: rotate(-45deg) 4966} 4967 4968.swal2-progresssteps { 4969 font-weight: 600; 4970 margin: 0 0 20px; 4971 padding: 0 4972} 4973 4974.swal2-progresssteps li { 4975 display: inline-block; 4976 position: relative 4977} 4978 4979.swal2-progresssteps .swal2-progresscircle { 4980 background: #3085d6; 4981 border-radius: 2em; 4982 color: #fff; 4983 height: 2em; 4984 line-height: 2em; 4985 text-align: center; 4986 width: 2em; 4987 z-index: 20 4988} 4989 4990.swal2-progresssteps .swal2-progresscircle:first-child { 4991 margin-left: 0 4992} 4993 4994.swal2-progresssteps .swal2-progresscircle:last-child { 4995 margin-right: 0 4996} 4997 4998.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { 4999 background: #3085d6 5000} 5001 5002.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.
5002swal2-progresscircle { 5003 background: #add8e6 5004} 5005 5006.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline { 5007 background: #add8e6 5008} 5009 5010.swal2-progresssteps .swal2-progressline { 5011 background: #3085d6; 5012 height: .4em; 5013 margin: 0 -1px; 5014 z-index: 10 5015} 5016 5017[class^=swal2] { 5018 -webkit-tap-highlight-color: transparent 5019} 5020 5021@keyframes showSweetAlert { 5022 0% { 5023 transform: scale(.7) 5024 } 5025 45% { 5026 transform: scale(1.05) 5027 } 5028 80% { 5029 transform: scale(.95) 5030 } 5031 100% { 5032 transform: scale(1) 5033 } 5034} 5035 5036@keyframes hideSweetAlert { 5037 0% { 5038 transform: scale(1); 5039 opacity: 1 5040 } 5041 100% { 5042 transform: scale(.5); 5043 opacity: 0 5044 } 5045} 5046 5047.swal2-show { 5048 animation: showSweetAlert .3s 5049} 5050 5051.swal2-show.swal2-noanimation { 5052 animation: none 5053} 5054 5055.swal2-hide { 5056 animation: hideSweetAlert .15s forwards 5057} 5058 5059.swal2-hide.swal2-noanimation { 5060 animation: none 5061} 5062 5063@keyframes animate-success-tip { 5064 0% { 5065 width: 0; 5066 left: 1px; 5067 top: 19px 5068 } 5069 54% { 5070 width: 0; 5071 left: 1px; 5072 top: 19px 5073 } 5074 70% { 5075 width: 50px; 5076 left: -8px; 5077 top: 37px 5078 } 5079 84% { 5080 width: 17px; 5081 left: 21px; 5082 top: 48px 5083 } 5084 100% { 5085 width: 25px; 5086 left: 14px; 5087 top: 45px 5088 } 5089} 5090 5091@keyframes animate-success-long { 5092 0% { 5093 width: 0; 5094 right: 46px; 5095 top: 54px 5096 } 5097 65% { 5098 width: 0; 5099 right: 46px; 5100 top: 54px 5101 } 5102 84% { 5103 width: 55px; 5104 right: 0; 5105 top: 35px 5106 } 5107 100% { 5108 width: 47px; 5109 right: 8px; 5110 top: 38px 5111 } 5112} 5113 5114@keyframes rotatePlaceholder { 5115 0% { 5116 transform: rotate(-45deg) 5117 } 5118 5% { 5119 transform: rotate(-45deg) 5120 } 5121 12% { 5122 transform: rotate(-405deg) 5123 } 5124 100% { 5125 transform: rotate(-405deg) 5126 } 5127} 5128 5129.swal2-animate-success-line-tip { 5130 animation: animate-success-tip .75s 5131} 5132 5133.swal2-animate-success-line-long { 5134 animation: animate-success-long .75s 5135} 5136 5137.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right { 5138 animation: rotatePlaceholder 4.25s ease-in 5139} 5140 5141@keyframes animate-error-icon { 5142 0% { 5143 transform: rotateX(100deg); 5144 opacity: 0 5145 } 5146 100% { 5147 transform: rotateX(0); 5148 opacity: 1 5149 } 5150} 5151 5152.swal2-animate-error-icon { 5153 animation: animate-error-icon .5s 5154} 5155 5156@keyframes animate-x-mark { 5157 0% { 5158 transform: scale(.4); 5159 margin-top: 26px; 5160 opacity: 0 5161 } 5162 50% { 5163 transform: scale(.4); 5164 margin-top: 26px; 5165 opacity: 0 5166 } 5167 80% { 5168 transform: scale(1.15); 5169 margin-top: -6px 5170 } 5171 100% { 5172 transform: scale(1); 5173 margin-top: 0; 5174 opacity: 1 5175 } 5176} 5177 5178.swal2-animate-x-mark { 5179 animation: animate-x-mark .5s 5180} 5181 5182@keyframes rotate-loading { 5183 0% { 5184 transform: rotate(0) 5185 } 5186 100% { 5187 transform: rotate(360deg) 5188 } 5189} 5190 5191.swal2-modal { 5192 background-color: #fff !important; 5193 border-radius: 4px; 5194 font-family: Rubik, Arial, Helvetica, sans-serif 5195} 5196 5197.swal2-modal .swal2-title { 5198 color: #2e3344; 5199 font-size: 2.14286rem 5200} 5201 5202.swal2-modal .swal2-content { 5203 color: #333; 5204 font-size: 1.14286rem 5205} 5206 5207.swal2-modal .swal2-file, 5208.swal2-modal .swal2-input, 5209.swal2-modal .swal2-textarea { 5210 border: 1px solid #dfdfdf; 5211 color: #666 5212} 5213 5214.swal2-modal .swal2-checkbox, 5215.swal2-modal .swal2-select { 5216 color: #666 5217} 5218 5219.swal2-modal .swal2-buttonswrapper { 5220 margin: 25px 0 0 5221} 5222 5223.swal2-modal .swal2-styled { 5224 -webkit-appearance: none; 5225 -moz-appearance: none; 5226 border-radius: 0; 5227 border-style: solid; 5228 border-width: 1px; 5229 cursor: pointer; 5230 font-family: Rubik, Arial, Helvetica, sans-serif; 5231 font-weight: 400; 5232 line-height: normal; 5233 margin: 0 0 1rem; 5234 position: relative; 5235 text-align: center; 5236 text-decoration: none; 5237 display: inline-block; 5238 background-color: transparent; 5239 border-color: #2e3344; 5240 color: #2e3344; 5241 font-size: 1rem; 5242 padding: .85714rem 2.28571rem; 5243 border-radius: 4px; 5244 line-height: 1rem; 5245 outline: 0; 5246 transition: all .15s ease; 5247 vertical-align: middle 5248} 5249 5250.swal2-modal .swal2-styled.active, 5251.swal2-modal .swal2-styled.is-active, 5252.swal2-modal .swal2-styled:focus, 5253.swal2-modal .swal2-styled:hover { 5254 background-color: transparent; 5255 border-color: #2e3344; 5256 color: #fff 5257} 5258 5259.swal2-modal .swal2-styled:active { 5260 background-color: transparent; 5261 border: 1px solid #2e3344; 5262 color: #fff 5263} 5264 5265.swal2-modal .swal2-styled:focus { 5266 outline: 0 5267} 5268 5269.swal2-modal .swal2-confirm { 5270 background-color: #2e3344; 5271 border-color: #2e3344; 5272 color: #fff 5273} 5274 5275.swal2-modal .swal2-confirm:focus, 5276.swal2-modal .swal2-confirm:hover { 5277 background-color: #fff; 5278 border-color: #fff; 5279 color: #2e3344 5280} 5281 5282.swal2-modal .swal2-confirm:active { 5283 background-color: #fff; 5284 border-color: #fff; 5285 color: #2e3344 5286} 5287 5288.swal2-modal .swal2-cancel { 5289 background-color: transparent; 5290 border-color: #2e3344; 5291 color: #2e3344 5292} 5293 5294.swal2-modal .swal2-cancel:focus, 5295.swal2-modal .swal2-cancel:hover { 5296 background-color: transparent; 5297 border-color: #2e3344; 5298 color: #fff 5299} 5300 5301.swal2-modal .swal2-cancel:active { 5302 background-color: transparent; 5303 border-color: #2e3344; 5304 color: #fff 5305} 5306 5307.swal2-modal .button+.button { 5308 margin-left: .78571rem 5309} 5310 5311body, 5312html { 5313 height: auto 5314} 5315 5316body { 5317 padding-top: 55px 5318} 5319 5320@media (min-width:801px) { 5321 body { 5322 padding-top: 0 5323 } 5324} 5325 5326figure { 5327 margin-bottom: 2rem; 5328 margin-top: 2rem 5329} 5330 5331figure>figcaption { 5332 margin-bottom: -.5rem 5333} 5334 5335figcaption { 5336 color: #999; 5337 margin-top: .78571rem 5338} 5339 5340body { 5341 font-size: 1rem; 5342 font-weight: 400 5343} 5344 5345h1, 5346h2, 5347h3, 5348h4, 5349h5, 5350h6 { 5351 font-weight: 500; 5352 margin-top: 2.28571rem 5353} 5354 5355h5, 5356h6 { 5357 text-transform: uppercase 5358} 5359 5360a { 5361 transition: color .15s ease 5362} 5363 5364cite { 5365 line-height: 1.5; 5366 margin: .5rem 0 0 5367} 5368 5369.page-heading { 5370 margin: 0 0 3rem; 5371 text-align: center 5372} 5373 5374h1 { 5375 font-size: 28px 5376} 5377 5378h2 { 5379 font-size: 25px 5380} 5381 5382h3 { 5383 font-size: 22px 5384} 5385 5386h4 { 5387 font-size: 20px 5388} 5389 5390h5 { 5391 font-size: 15px 5392} 5393 5394h6 { 5395 font-size: 13px 5396} 5397 5398.definitionList:after, 5399.definitionList:before { 5400 content: " "; 5401 display: table 5402} 5403 5404.definitionList:after { 5405 clear: both 5406} 5407 5408.definitionList-key { 5409 color: #333; 5410 float: left; 5411 font-weight: 400; 5412 margin: 0 .35714rem 0 0 5413} 5414 5415.definitionList-value { 5416 margin: 0 5417} 5418 5419.form-select { 5420 -webkit-appearance: none; 5421 -moz-appearance: none; 5422 appearance: none; 5423 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"); 5424 background-position: right .57143rem top .71429rem; 5425 border-radius: 4px; 5426 padding: .75rem 3rem .75rem 1rem 5427} 5428 5429.form-label small { 5430 float: right;
5431 margin-top: .35714rem 5432} 5433 5434.form-label--inlineSmall small { 5435 color: #333; 5436 float: none; 5437 font-size: inherit; 5438 font-weight: 400; 5439 margin-left: .35714rem; 5440 text-transform: none 5441} 5442 5443.table { 5444 margin-top: 2rem 5445} 5446 5447.table td+td { 5448 border-left: 1px solid #dfdfdf 5449} 5450 5451.table .table-alignCenter { 5452 text-align: center 5453} 5454 5455.table .table-alignRight { 5456 text-align: right 5457} 5458 5459.table-actions { 5460 margin: 1.5rem; 5461 text-align: center 5462} 5463 5464.table-actions .form { 5465 margin-bottom: 0 5466} 5467 5468.table-actions .button { 5469 display: block; 5470 margin-left: 0; 5471 margin-right: 0; 5472 width: 100% 5473} 5474 5475@media (min-width:551px) { 5476 .table-actions .button { 5477 display: inline-block; 5478 margin-bottom: 0; 5479 width: auto 5480 } 5481} 5482 5483@media (min-width:551px) { 5484 .table-actions .button+.button { 5485 margin-left: .35714rem 5486 } 5487} 5488 5489.table--line { 5490 border-color: #dfdfdf; 5491 border-width: 0 0 1px 5492} 5493 5494.table--line .table-thead { 5495 background-color: #fff; 5496 border-color: #dfdfdf; 5497 border-width: 0 0 1px 5498} 5499 5500.table--line .table-thead tr th { 5501 padding-left: 0; 5502 padding-right: 0 5503} 5504 5505@media (min-width:551px) { 5506 .table--line .table-thead tr th { 5507 text-align: center 5508 } 5509 .table--line .table-thead tr th:first-child { 5510 text-align: left 5511 } 5512 .table--line .table-thead tr th:last-child { 5513 text-align: right 5514 } 5515} 5516 5517.table--line .table-thead tr th+th { 5518 padding-left: 1.5rem 5519} 5520 5521.table--line tr { 5522 border-color: 1px solid #dfdfdf 5523} 5524 5525.table--line tr td { 5526 display: block; 5527 padding-left: 0; 5528 padding-right: 0 5529} 5530 5531@media (min-width:551px) { 5532 .table--line tr td { 5533 text-align: center 5534 } 5535 .table--line tr td:first-child { 5536 text-align: left 5537 } 5538 .table--line tr td:last-child { 5539 text-align: right 5540 } 5541} 5542 5543.table--line tr td+td { 5544 padding-left: 1.5rem 5545} 5546 5547.table--line td+td { 5548 border-left: 0 5549} 5550 5551.dropdown { 5552 left: -9999px; 5553 outline: 0; 5554 position: absolute 5555} 5556 5557.dropdown-menu.is-loading .loadingOverlay { 5558 background: 0 0; 5559 padding: 4.5rem 0; 5560 position: relative 5561} 5562 5563.dropdown-menu.is-open { 5564 display: block 5565} 5566 5567.dropdown-menu-item { 5568 text-align: left 5569} 5570 5571.dropdown-menu-item:first-child>a { 5572 padding-top: .78571rem 5573} 5574 5575.dropdown-menu-item:last-child>a { 5576 padding-bottom: 1rem 5577} 5578 5579.dropdown-menu-item>a { 5580 margin: 0; 5581 padding: .28571rem 1.14286rem; 5582 text-decoration: none 5583} 5584 5585.form-wishlist { 5586 position: relative 5587} 5588 5589.dropdown-menu-button { 5590 width: 100% 5591} 5592 5593.dropdown-menu-button.is-open { 5594 border-bottom-left-radius: 0; 5595 border-bottom-right-radius: 0 5596} 5597 5598.dropdown-menu-button .icon { 5599 float: right; 5600 margin-left: 10px 5601} 5602 5603#wishlist-dropdown.is-open { 5604 background: 0 0; 5605 left: auto !important; 5606 max-width: none !important; 5607 width: 100% !important 5608} 5609 5610@media (min-width:551px) { 5611 #wishlist-dropdown.is-open { 5612 padding-right: 20px 5613 } 5614} 5615 5616@media (min-width:801px) { 5617 #wishlist-dropdown.is-open { 5618 padding-right: 0 5619 } 5620} 5621 5622@media (min-width:1261px) { 5623 #wishlist-dropdown.is-open { 5624 padding-right: 11px 5625 } 5626} 5627 5628#wishlist-dropdown.is-open:focus { 5629 outline: 0 5630} 5631 5632#wishlist-dropdown.is-open [data-wishlist] { 5633 border-top: none; 5634 margin-bottom: 0; 5635 width: 100% 5636} 5637 5638#wishlist-dropdown.is-open .button { 5639 background-color: #fff; 5640 border-top-left-radius: 0; 5641 border-top-right-radius: 0; 5642 width: 100% 5643} 5644 5645#wishlist-dropdown.is-open .button--has-items { 5646 font-weight: 700 5647} 5648 5649#wishlist-dropdown.is-open li:not(:last-child) .button { 5650 border-bottom: none; 5651 border-radius: 0; 5652 border-top: none; 5653 margin-bottom: 0 5654} 5655 5656.modal { 5657 margin: 0; 5658 max-height: 90%; 5659 max-width: 95%; 5660 min-height: 240px; 5661 outline: 0; 5662 overflow: hidden; 5663 padding: 0; 5664 left: 50%; 5665 top: 50% !important; 5666 transform: translate(-50%, -50%) 5667} 5668 5669@media (min-width:1261px) {
5670 .modal--large { 5671 width: 1280px 5672 } 5673} 5674 5675.modal-header { 5676 padding-left: 2.25rem; 5677 padding-right: 3.03571rem 5678} 5679 5680.modal-header-title { 5681 font-size: 22px; 5682 text-align: center 5683} 5684 5685@media (min-width:801px) { 5686 .modal-header-title { 5687 font-size: 25px 5688 } 5689} 5690 5691.modal-close { 5692 height: 2.28571rem; 5693 width: 2.28571rem; 5694 color: #8e8e8e; 5695 font-size: 26px; 5696 line-height: 2.28571rem; 5697 padding: 0; 5698 position: absolute; 5699 text-align: center; 5700 text-decoration: none; 5701 z-index: 50 5702} 5703 5704@media (min-width:801px) { 5705 .modal-close { 5706 font-size: 32px 5707 } 5708} 5709 5710.modal-close:hover { 5711 color: #888 5712} 5713 5714.modal-body { 5715 overflow: auto; 5716 -webkit-overflow-scrolling: touch; 5717 padding: 2.25rem 2.25rem 5718} 5719 5720.modal--alert { 5721 background-color: #fff !important; 5722 border-radius: 4px; 5723 font-family: Rubik, Arial, Helvetica, sans-serif; 5724 padding: 40px 20px 20px 20px; 5725 text-align: center 5726} 5727 5728.modal--alert .modal-content { 5729 color: #333; 5730 font-size: 1.14286rem 5731} 5732 5733.modal--alert .button-container { 5734 margin: 25px 0 0 5735} 5736 5737.modal--alert .button-container .confirm { 5738 background-color: #2e3344; 5739 border-color: #2e3344; 5740 color: #fff 5741} 5742 5743.modal--alert .button-container .confirm:focus, 5744.modal--alert .button-container .confirm:hover { 5745 background-color: #fff; 5746 border-color: #fff; 5747 color: #2e3344 5748} 5749 5750.modal--alert .button-container .confirm:active { 5751 background-color: #fff; 5752 border-color: #fff; 5753 color: #2e3344 5754} 5755 5756.breadcrumbs { 5757 display: none; 5758 font-size: 0; 5759 text-align: center 5760} 5761 5762@media (min-width:551px) { 5763 .breadcrumbs { 5764 display: block 5765 } 5766} 5767 5768.breadcrumb { 5769 display: inline-block; 5770 float: none 5771} 5772 5773.breadcrumb.is-active>.breadcrumb-label { 5774 cursor: text 5775} 5776 5777.breadcrumb-label { 5778 text-decoration: none 5779} 5780 5781.panel-title { 5782 font-size: 20px 5783} 5784 5785.panel--large .panel-body { 5786 margin-bottom: 2rem; 5787 padding: 2rem 5788} 5789 5790.pagination-list { 5791 font-size: 0; 5792 margin-bottom: 1.5rem; 5793 text-align: center 5794} 5795 5796.pagination-list:after, 5797.pagination-list:before { 5798 content: " "; 5799 display: table 5800} 5801 5802.pagination-list:after { 5803 clear: both 5804} 5805 5806.pagination-list .pagination-item { 5807 display: inline-block 5808} 5809 5810.pagination-item { 5811 border: 1px solid transparent; 5812 line-height: 1 5813} 5814 5815.pagination-item .pagination-link { 5816 text-decoration: none; 5817 transition: all .2s ease 5818} 5819 5820.pagination-item .pagination-link:hover { 5821 color: #888 5822} 5823 5824.pagination-item.pagination-item--current { 5825 border-color: #dfdfdf; 5826 border-radius: 4px; 5827 margin: 0 .35714rem 0 .78571rem 5828} 5829 5830.pagination-item.pagination-item--next>a, 5831.pagination-item.pagination-item--previous>a { 5832 color: #333 5833} 5834 5835.pagination-item.pagination-item--next>a:hover, 5836.pagination-item.pagination-item--previous>a:hover { 5837 color: #888 5838} 5839 5840.pagination-item.pagination-item--next>a:hover .icon>svg, 5841.pagination-item.pagination-item--previous>a:hover .icon>svg { 5842 fill: #888 5843} 5844 5845.pagination-item--next .icon, 5846.pagination-item--previous .icon { 5847 height: 1.42857rem; 5848 margin-top: -.14286rem; 5849 width: 1.42857rem 5850} 5851 5852.pagination-item--previous { 5853 float: left 5854} 5855 5856.pagination-item--previous .icon { 5857 margin-left: -.85714rem 5858} 5859 5860.pagination-item--next { 5861 float: right 5862} 5863 5864.pagination-item--next .icon { 5865 margin-right: -.85714rem 5866} 5867 5868.pagination-list--small { 5869 position: relative 5870} 5871 5872.pagination-list--small .pagination-item { 5873 color: #333; 5874 cursor: inherit; 5875 line-height: 1.5 5876} 5877 5878.pagination-list--small .pagination-link { 5879 padding: 0 .35714rem 5880} 5881 5882.pagination-list--small .pagination-item--next, 5883.pagination-list--small .pagination-item--previous { 5884 position: absolute; 5885 top: 0 5886} 5887 5888.pagination-list--small .pagination-item--previous { 5889 left: 0 5890} 5891 5892.pagination-list--small .pagination-item--next { 5893 right: 0 5894} 5895 5896.button { 5897 line-height: 1rem; 5898 transition: all .15s ease 5899} 5900 5901.button+.button { 5902 margin-left: 0 5903} 5904 5905@media (min-width:801px) { 5906 .button+.button { 5907 margin-left: .78571rem 5908 } 5909} 5910 5911.button[disabled] {
5912 cursor: not-allowed 5913} 5914 5915.button--icon svg { 5916 fill: #666 5917} 5918 5919.tab { 5920 border-top: 1px solid #dfdfdf; 5921 float: none 5922} 5923 5924@media (min-width:801px) { 5925 .tab { 5926 border-top-color: #fff; 5927 float: left 5928 } 5929} 5930 5931.tab.is-active { 5932 border-left-color: #fff; 5933 border-right-color: #fff 5934} 5935 5936@media (min-width:551px) { 5937 .tab.is-active { 5938 margin-bottom: -1px 5939 } 5940} 5941 5942@media (min-width:801px) { 5943 .tab.is-active { 5944 border: 1px solid #dfdfdf; 5945 border-bottom: 1px solid #fff 5946 } 5947} 5948 5949.tab-title { 5950 padding: 1.14286rem 0; 5951 text-align: center; 5952 text-decoration: none 5953} 5954 5955@media (min-width:551px) { 5956 .tab-title { 5957 text-align: left 5958 } 5959} 5960 5961@media (min-width:801px) { 5962 .tab-title { 5963 padding: .78571rem 1.5rem 5964 } 5965} 5966 5967.tab-content.has-jsContent { 5968 display: block; 5969 height: 0; 5970 overflow: hidden; 5971 padding: 0; 5972 visibility: hidden 5973} 5974 5975.tab-content.has-jsContent.is-active { 5976 height: auto; 5977 overflow: visible; 5978 padding: 1.5rem 0; 5979 visibility: visible 5980} 5981 5982@media (min-width:551px) { 5983 .tab-content .productReview { 5984 width: 50% 5985 } 5986} 5987 5988@media (min-width:801px) { 5989 .tab-content .productReview { 5990 width: 33.33333% 5991 } 5992} 5993 5994@media (min-width:1261px) { 5995 .tab-content .productReview { 5996 width: 50% 5997 } 5998} 5999 6000.tab-content .productReviews { 6001 border-top: 0 6002} 6003 6004.accordion { 6005 border-radius: 4px; 6006 box-shadow: none 6007} 6008 6009.accordion .navList { 6010 margin-bottom: 0 6011} 6012 6013.accordion-content { 6014 border: 0 6015} 6016 6017.accordion-content .form:only-child { 6018 margin-bottom: 0 6019} 6020 6021.accordion-title { 6022 margin: 0 6023} 6024 6025.accordion-navigation { 6026 margin-top: -1px; 6027 position: relative; 6028 text-decoration: none 6029} 6030 6031@media (min-width:801px) { 6032 .accordion--navList { 6033 border: 0 6034 } 6035} 6036 6037@media (min-width:801px) { 6038 .sidebarBlock+.accordion--navList { 6039 margin-top: 2rem 6040 } 6041} 6042 6043@media (min-width:801px) { 6044 .accordion--navList .accordion-block { 6045 margin-top: 2rem 6046 } 6047} 6048 6049.accordion--navList .accordion-content { 6050 padding: 1rem 6051} 6052 6053@media (min-width:801px) { 6054 .accordion--navList .accordion-content { 6055 padding: 0 6056 } 6057} 6058 6059@media (min-width:801px) { 6060 .accordion--navList .accordion-navigation { 6061 background-position: right 0 top 50%; 6062 border: 0 6063 } 6064} 6065 6066.accordion--navList .accordion-title { 6067 font-weight: 400; 6068 padding: 1rem; 6069 text-decoration: none; 6070 text-transform: inherit 6071} 6072 6073@media (min-width:801px) { 6074 .accordion--navList .accordion-title { 6075 margin-bottom: .78571rem; 6076 margin-top: 0; 6077 padding: 0 6078 } 6079} 6080 6081.accordion--navList .accordion-indicator { 6082 fill: #999 6083} 6084 6085.accordion--navList .accordion-navigation-actions { 6086 right: 1rem; 6087 top: 1.21429rem 6088} 6089 6090@media (min-width:801px) { 6091 .accordion--navList .accordion-navigation-actions { 6092 right: 0; 6093 top: 0 6094 } 6095} 6096 6097.accordion-block:first-child { 6098 margin-top: 0 6099} 6100 6101.accordion-block:first-child .accordion-navigation { 6102 border-radius: 4px 4px 0 0 6103} 6104 6105.accordion-block:last-child .accordion-content, 6106.accordion-block:last-child .accordion-navigation { 6107 border-radius: 0 0 4px 4px 6108} 6109 6110.accordion-block:last-child .accordion-navigation { 6111 border-bottom-width: 0 6112} 6113 6114.accordion-block:last-child .accordion-navigation.is-open { 6115 border-bottom-width: 1px; 6116 border-radius: 0 6117} 6118 6119.accordion-navigation-actions { 6120 position: absolute; 6121 right: 1.85714rem; 6122 top: 1.5rem 6123} 6124 6125.accordion-navigation-actions>a { 6126 color: #333; 6127 vertical-align: middle 6128} 6129 6130.accordion-navigation-actions>a:hover { 6131 color: #888 6132} 6133 6134.inlineList--labels { 6135 margin-bottom: 0; 6136 margin-left: -.78571rem 6137} 6138 6139.inlineList--labels>li { 6140 margin-bottom: .78571rem; 6141 margin-left: .78571rem 6142} 6143 6144.alertBox { 6145 border-radius: 4px; 6146 color: #333 6147} 6148 6149.alertBox-icon .icon { 6150 height: 1.78571rem; 6151 width: 1.78571rem 6152} 6153 6154.alertBox--info { 6155 color: #fff 6156} 6157 6158.alertBox--info .alertBox-close svg { 6159 fill: #dfdfdf 6160} 6161 6162.form--hiddenLabels .form-label { 6163 border: 0; 6164 clip: rect(1px, 1px, 1px, 1px); 6165 height: 1px; 6166 overflow: hidden; 6167 padding: 0; 6168 position: absolute; 6169 width: 1px 6170} 6171 6172.form-inlineMessage { 6173 display: block 6174} 6175 6176.form-field--error .form-input { 6177 float: none 6178} 6179 6180.form-field--error .form-inlineMessage:before { 6181 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; 6182 background-size: 100%; 6183 content: ""; 6184 display: inline-block; 6185 height: 1rem; 6186 left: -.14286rem; 6187 margin-right: .07143rem; 6188 position: relative; 6189 top: .21429rem; 6190 width: 1rem 6191} 6192 6193.form-field--success .form-input[type=text] { 6194 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"); 6195 background-position: right .71429rem center; 6196 background-repeat: no-repeat; 6197 padding-right: 3rem 6198} 6199 6200.form-checkbox+.form-label:last-child, 6201.form-radio+.form-label:last-child { 6202 display: block; 6203 margin-bottom: -.28571rem 6204} 6205 6206.form-checkbox+.form-label::after, 6207.form-radio+.form-label::after { 6208 top: .28571rem 6209} 6210 6211.form-checkbox+.form-label::before, 6212.form-radio+.form-label::before { 6213 top: .21429rem 6214} 6215 6216.form-actions { 6217 margin: 0 auto; 6218 max-width: 85.71429rem; 6219 width: 100%; 6220 display: block; 6221 text-align: center 6222} 6223 6224.form-actions:after, 6225.form-actions:before { 6226 content: " "; 6227 display: table 6228} 6229 6230.form-actions:after { 6231 clear: both 6232} 6233 6234@media (min-width:551px) { 6235 .form-actions { 6236 margin-top: 1.5rem 6237 } 6238} 6239 6240.form-actions .button, 6241.form-actions a, 6242.form-actions input { 6243 vertical-align: top; 6244 width: 100% 6245} 6246 6247@media (min-width:551px) { 6248 .form-actions .button, 6249 .form-actions a, 6250 .form-actions input { 6251 margin-bottom: 0; 6252 width: auto 6253 } 6254} 6255 6256.form-actions .button+.button, 6257.form-actions .button+a, 6258.form-actions .button+input, 6259.form-actions a+.button, 6260.form-actions a+a, 6261.form-actions a+input, 6262.form-actions input+.button, 6263.form-actions input+a, 6264.form-actions input+input { 6265 margin-top: .78571rem 6266} 6267 6268@media (min-width:551px) { 6269 .form-actions .button+.button, 6270 .form-actions .button+a, 6271 .form-actions .button+input, 6272 .form-actions a+.button, 6273 .form-actions a+a, 6274 .form-actions a+input, 6275 .form-actions input+.button, 6276 .form-actions input+a, 6277 .form-actions input+input { 6278 margin: 0 0 0 .78571rem 6279 } 6280} 6281 6282.form-label--alternate { 6283 font-family: Rubik, Arial, Helvetica, sans-serif; 6284 font-size: 13px; 6285 margin-bottom: .78571rem 6286} 6287 6288.form-select--date { 6289 width: initial 6290} 6291 6292.form-select--date+.form-select--date { 6293 margin-left: .35714rem 6294} 6295 6296.form-select--date, 6297.form-select--small { 6298 background-position: right .5rem top .5rem; 6299 background-size: 1.28571rem; 6300 font-size: 13px; 6301 height: 2.28571rem; 6302 line-height: 1rem; 6303 max-width: 20rem; 6304 padding: .57143rem .78571rem; 6305 padding-right: 2rem 6306} 6307 6308.form-select--short { 6309 max-width: 6rem; 6310 width: 4.5rem 6311} 6312 6313.form-file { 6314 margin-bottom: .5rem 6315} 6316 6317.form-fileDescription { 6318 color: #999; 6319 font-size: 13px 6320} 6321 6322.form-field-group { 6323 border: 1px solid #dfdfdf; 6324 border-radius: 4px; 6325 padding: 1.5rem 6326} 6327 6328.form-column { 6329 padding-left: .75rem; 6330 padding-right: .75rem; 6331 width: 100%; 6332 float: left 6333} 6334 6335@media (min-width:551px) { 6336 .form-column { 6337 padding-left: .75rem; 6338 padding-right: .75rem; 6339 width: 50%; 6340 float: left 6341 } 6342} 6343 6344.form-prefixPostfix.wrap { 6345 -ms-flex-wrap: wrap; 6346 flex-wrap: wrap 6347} 6348 6349.form-prefixPostfix .button, 6350.form-prefixPostfix .form-input { 6351 display: block; 6352 width: 100% 6353} 6354 6355@media (min-width:1261px) { 6356 .form-prefixPostfix .form-input { 6357 width: auto 6358 } 6359} 6360 6361@media (min-width:1261px) { 6362 .form-prefixPostfix .button { 6363 width: auto 6364 } 6365} 6366 6367.form-prefixPostfix .form-inlineMessage { 6368 margin-bottom: .35714rem 6369} 6370 6371@media (min-width:1261px) { 6372 .form-prefixPostfix .form-inlineMessage { 6373 margin-bottom: 0 6374 } 6375} 6376 6377.form-prefixPostfix-button--postfix { 6378 margin: .78571rem 0 0; 6379 -ms-flex-order: 1; 6380 order: 1 6381} 6382 6383@media (min-width:1261px) { 6384 .form-prefixPostfix-button--postfix { 6385 margin: 0 0 0 .78571rem; 6386 -ms-flex-order: 0; 6387 order: 0 6388 } 6389} 6390 6391.form-increment .button { 6392 margin: 0; 6393 padding: .21429rem .35714rem 6394} 6395 6396.form-input--incrementTotal { 6397 border: 0; 6398 display: inline-block; 6399 font-size: 15px; 6400 font-weight: 700; 6401 height: auto; 6402 padding: 0; 6403 text-align: center; 6404 vertical-align: middle; 6405 width: 2.5rem 6406} 6407 6408.form-option { 6409 border: 1px solid #dfdfdf; 6410 color: #666; 6411 cursor: pointer; 6412 display: inline-block; 6413 font-size: 0; 6414 margin-bottom: .5rem; 6415 margin-right: .5rem; 6416 padding: 1px; 6417 transition: all .15s ease 6418} 6419 6420.form-option:hover { 6421 border-color: #999 6422} 6423 6424.form-radio:checked+.form-option { 6425 border-color: #2e3344; 6426 box-shadow: 0 0 0 1px #2e3344 6427} 6428 6429.form-option-variant { 6430 display: inline-block; 6431 font-size: 1rem; 6432 min-width: 2.71429rem; 6433 padding: 1px .35714rem; 6434 pointer-events: none; 6435 text-align: center 6436} 6437 6438.form-option-variant--color, 6439.form-option-variant--pattern { 6440 height: 1.57143rem; 6441 width: 1.57143rem; 6442 min-width: initial; 6443 padding: 0 6444} 6445 6446@media (min-width:551px) { 6447 .form-option-variant--color, 6448 .form-option-variant--pattern { 6449 pointer-events: inherit 6450 } 6451} 6452 6453.form-option-variant--pattern { 6454 background-position: center; 6455 background-repeat: no-repeat 6456} 6457 6458.form-input--small { 6459 font-size: 13px; 6460 height: 2.28571rem; 6461 line-height: 1rem; 6462 padding: .57143rem .78571rem 6463} 6464 6465.form-minMaxRow { 6466 margin-left: -.375rem; 6467 margin-right: -.375rem 6468} 6469 6470.form-minMaxRow:after, 6471.form-minMaxRow:before { 6472 content: " "; 6473 display: table 6474} 6475 6476.form-minMaxRow:after { 6477 clear: both 6478} 6479 6480.form-minMaxRow .form-field { 6481 padding-left: .75rem; 6482 padding-right: .75rem;
6483 width: 33.33333%; 6484 float: left; 6485 margin-bottom: 0; 6486 padding-left: .375rem; 6487 padding-right: .375rem 6488} 6489 6490.form-minMaxRow .button { 6491 margin-bottom: 0; 6492 padding-left: 0; 6493 padding-right: 0; 6494 width: 100% 6495} 6496 6497@media (min-width:551px) { 6498 .form-row--half>.form-field:nth-child(odd) { 6499 clear: left 6500 } 6501} 6502 6503[data-product-attribute] .form-option { 6504 overflow: hidden; 6505 position: relative 6506} 6507 6508[data-product-attribute] .form-option.unavailable { 6509 background-color: #ddd; 6510 opacity: .3 6511} 6512 6513[data-product-attribute] .form-option.unavailable:before { 6514 background-color: #000; 6515 content: ""; 6516 height: 2px; 6517 left: -5px; 6518 position: absolute; 6519 top: 11px; 6520 transform: rotate(-45deg); 6521 width: 141% 6522} 6523 6524[data-product-attribute=product-list] .unavailable, 6525[data-product-attribute=set-radio] .unavailable { 6526 opacity: .6; 6527 text-decoration: line-through 6528} 6529 6530.card-figure { 6531 margin-top: 0; 6532 position: relative 6533} 6534 6535.card-figure:hover .card-figcaption { 6536 opacity: 1 6537} 6538 6539.card-img-container { 6540 max-width: 338px 6541} 6542 6543.card-img-container:after { 6544 content: ''; 6545 display: block; 6546 height: 0; 6547 width: 100%; 6548 padding-bottom: 100% 6549} 6550 6551.card-figcaption { 6552 display: none; 6553 margin: 0; 6554 pointer-events: none 6555} 6556 6557@media (min-width:801px) { 6558 .card-figcaption { 6559 display: block 6560 } 6561} 6562 6563.card-figcaption-body { 6564 display: inline-block; 6565 pointer-events: all; 6566 transform: translate3d(0, -50%, 0) 6567} 6568 6569.card-image { 6570 position: absolute; 6571 top: 0; 6572 bottom: 0; 6573 left: 0; 6574 right: 0; 6575 margin: auto; 6576 border: 0; 6577 width: 100%; 6578 max-height: 100%; 6579 -o-object-fit: contain; 6580 object-fit: contain; 6581 font-family: 'object-fit: contain;' 6582} 6583 6584.card-title { 6585 font-size: 15px; 6586 margin: 0 0 .28571rem 6587} 6588 6589.card-title>a { 6590 color: #2e3344; 6591 text-decoration: none 6592} 6593 6594.card-title>a:hover { 6595 color: #888 6596} 6597 6598.card-text { 6599 margin-bottom: .21429rem 6600} 6601 6602.card-text abbr { 6603 border: 0; 6604 color: inherit; 6605 font-size: inherit 6606} 6607 6608.card-figcaption-button { 6609 border: none; 6610 display: block; 6611 margin: .35714rem 0 0 6612} 6613 6614.card-figcaption-button:active { 6615 background-color: #2e3344; 6616 border: none 6617} 6618 6619.card-figcaption-button+.card-figcaption-button { 6620 margin: .35714rem 0 0 6621} 6622 6623.card-body { 6624 text-align: center 6625} 6626 6627@media (min-width:551px) { 6628 .card-body { 6629 text-align: left 6630 } 6631} 6632 6633.card--alternate { 6634 border: 3px solid #fff; 6635 transition: all .15s ease 6636} 6637 6638.card--alternate .card-body { 6639 background-color: #fff; 6640 padding: .78571rem; 6641 transition: all .15s ease 6642} 6643 6644@media (min-width:551px) { 6645 .card--alternate .card-body { 6646 padding: 1.5rem 6647 } 6648} 6649 6650.card--alternate:hover { 6651 border-color: #888 6652} 6653 6654.card--alternate:hover .card-body { 6655 background-color: #888 6656} 6657 6658.card--alternate:hover .card-body .card-text { 6659 color: #fff 6660} 6661 6662.card--alternate:hover .card-title>a { 6663 color: #fff 6664} 6665 6666.navBar, 6667.navList { 6668 margin-left: 0 6669} 6670 6671.navBar-action, 6672.navList-action { 6673 text-decoration: none 6674} 6675 6676.navList-action.is-active { 6677 font-weight: 700 6678} 6679 6680.navList-action--checkbox { 6681 display: inline-block; 6682 font-size: 1rem; 6683 font-weight: 400; 6684 margin-bottom: .35714rem; 6685 padding-left: 1.85714rem; 6686 position: relative; 6687 vertical-align: baseline; 6688 width: 100% 6689} 6690 6691.navList-action--checkbox::after, 6692.navList-action--checkbox::before { 6693 content: ""; 6694 display: block; 6695 position: absolute; 6696 transition: all 50ms ease-out 6697} 6698 6699.navList-action--checkbox::before { 6700 background-color: #fff; 6701 border: solid #dfdfdf; 6702 border-width: 1px; 6703 height: 1.14286rem; 6704 left: 0; 6705 top: 0; 6706 width: 1.14286rem 6707} 6708 6709.navList-action--checkbox::after { 6710 height: 1rem; 6711 left: 1px; 6712 opacity: 0; 6713 top: 1px; 6714 transform: scale(0); 6715 width: 1rem 6716} 6717 6718.navList-action--checkbox::before { 6719 border-radius: 4px 6720} 6721 6722.navList-action--checkbox::after { 6723 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"); 6724 background-position: 50%; 6725 background-repeat: no-repeat; 6726 background-size: 100%; 6727 color: rgba(46, 51, 68, .999); 6728 content: ""; 6729 font-size: 1rem; 6730 line-height: 1; 6731 text-align: center 6732} 6733 6734.navList-action--checkbox:after, 6735.navList-action--checkbox:before { 6736 top: 50% 6737} 6738 6739.navList-action--checkbox:before { 6740 margin-top: -.57143rem 6741} 6742 6743.navList-action--checkbox:after { 6744 margin-top: -.5rem 6745} 6746 6747.navList-action--checkbox.is-disabled { 6748 cursor: default 6749} 6750 6751.navList-action--checkbox.is-disabled::before { 6752 background-color: #fff 6753} 6754 6755.navList-action--checkbox.is-checked::after, 6756.navList-action--checkbox.is-selected::after { 6757 opacity: 1;
6758 transform: scale(1) 6759} 6760 6761.navList-action-close { 6762 background: #f4f4f4; 6763 border-radius: 100%; 6764 display: inline-block; 6765 float: right; 6766 line-height: 0; 6767 opacity: 0; 6768 padding: .28571rem; 6769 transition: opacity .3s ease; 6770 visibility: hidden 6771} 6772 6773.navList-action-close .icon { 6774 height: .92857rem; 6775 width: .92857rem; 6776 fill: #333 6777} 6778 6779.navList-action.is-selected:hover .navList-action-close { 6780 opacity: 1; 6781 visibility: visible 6782} 6783 6784.navBar--sub { 6785 margin-bottom: 4.5rem; 6786 text-align: center 6787} 6788 6789.navBar--sub .navBar-section { 6790 float: none 6791} 6792 6793.navBar--sub .navBar-item { 6794 float: none; 6795 margin: 0 .78571rem 6796} 6797 6798@media (min-width:801px) { 6799 .navBar--sub .navBar-item { 6800 display: inline-block 6801 } 6802} 6803 6804@media (min-width:801px) { 6805 .navBar--sub .navBar-item.is-active { 6806 border-bottom: 1px solid #333 6807 } 6808} 6809 6810.navBar--sub .navBar-item.is-active>.navBar-action { 6811 color: #666 6812} 6813 6814@media (min-width:801px) { 6815 .navBar--sub .navBar-item.navBar-item--separate { 6816 border-left: 1px solid #333; 6817 margin: 0; 6818 padding-left: .78571rem 6819 } 6820} 6821 6822.navBar--sub .navBar-action { 6823 color: #333; 6824 font-size: 1rem; 6825 padding: 0 6826} 6827 6828.navBar--sub .navBar-action:hover { 6829 color: #888 6830} 6831 6832.loadingOverlay { 6833 background-color: rgba(255, 255, 255, .9); 6834 display: none; 6835 z-index: 20 6836} 6837 6838.icons-svg-sprite { 6839 display: none 6840} 6841 6842.icon, 6843.icon svg { 6844 transition: all .15s ease 6845} 6846 6847.actionBar-section .form-field { 6848 background-color: #fff; 6849 border: 1px solid #dfdfdf; 6850 border-radius: 4px; 6851 overflow: hidden 6852} 6853 6854.actionBar-section .form-field:hover { 6855 border-color: #999 6856} 6857 6858.actionBar-section .form-label { 6859 color: #333; 6860 font-size: 13px; 6861 line-height: 2.14286rem; 6862 margin-bottom: 0; 6863 padding-left: .78571rem 6864} 6865 6866.actionBar-section .form-input, 6867.actionBar-section .form-select { 6868 border: 0; 6869 padding-left: .21429rem; 6870 width: auto 6871} 6872 6873.actionBar-section .form-input, 6874.actionBar-section .form-label, 6875.actionBar-section .form-select { 6876 display: inline-block 6877} 6878 6879.actionBar-section .form-select { 6880 color: #333; 6881 height: 2.14286rem 6882} 6883 6884.has-ribbon { 6885 position: relative 6886} 6887 6888.ribbon { 6889 background-color: #333; 6890 color: #fff; 6891 cursor: default; 6892 font-weight: 700; 6893 margin: -.78571rem -.78571rem 0 0; 6894 padding: .07143rem 1rem; 6895 position: absolute; 6896 right: 0; 6897 text-transform: uppercase; 6898 top: 0; 6899 z-index: 1 6900} 6901 6902.navUser { 6903 position: absolute; 6904 top: 50%; 6905 transform: translateY(-50%); 6906 right: 0; 6907 top: 26px; 6908 width: 100%; 6909 z-index: 5 6910} 6911 6912.navUser:after, 6913.navUser:before { 6914 content: " "; 6915 display: table 6916} 6917 6918.navUser:after { 6919 clear: both 6920} 6921 6922.navUser ol, 6923.navUser ul { 6924 list-style: none; 6925 margin-left: 0; 6926 margin: 0; 6927 padding: 0 6928} 6929 6930.navUser ol ol, 6931.navUser ol ul, 6932.navUser ul ol, 6933.navUser ul ul { 6934 list-style: none; 6935 margin-bottom: 0 6936} 6937 6938.navUser ol li, 6939.navUser ul li { 6940 margin: 0; 6941 padding: 0 6942} 6943 6944.navUser-section { 6945 float: left 6946} 6947 6948.navUser-section:after, 6949.navUser-section:before { 6950 content: " "; 6951 display: table 6952} 6953 6954.navUser-section:after { 6955 clear: both 6956} 6957 6958.navUser-section--alt { 6959 float: right; 6960 margin-left: 1.5rem 6961} 6962 6963.navUser-section+.navUser-section { 6964 margin-left: 1.5rem 6965} 6966 6967@media (min-width:551px) { 6968 .navUser-item { 6969 float: left 6970 } 6971} 6972 6973.navUser-action, 6974.navUser-item { 6975 display: block 6976} 6977 6978@media (min-width:801px) { 6979 .navUser { 6980 padding: 0 1.5rem; 6981 position: relative; 6982 right: auto; 6983 top: auto; 6984 transform: none; 6985 z-index: 50 6986 } 6987} 6988 6989.navUser .dropdown-menu { 6990 background-color: #fff; 6991 border: 1px solid #dfdfdf; 6992 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 6993 position: absolute 6994} 6995 6996.navUser .dropdown-menu.is-open:before { 6997 border: inset 10px; 6998 content: ""; 6999 display: block; 7000 height: 0; 7001 width: 0; 7002 border-color: transparent transparent #dfdfdf transparent; 7003 border-bottom-style: solid; 7004 bottom: 100%; 7005 left: .78571rem; 7006 position: absolute 7007} 7008 7009.navUser .dropdown-menu.is-open:after { 7010 border: inset 8px; 7011 content: ""; 7012 display: block; 7013 height: 0; 7014 width: 0; 7015 border-color: transparent transparent #fff transparent; 7016 border-bottom-style: solid; 7017 bottom: 100%; 7018 left: .92857rem; 7019 position: absolute 7020} 7021 7022@media (min-width:801px) { 7023 .navUser-section { 7024 position: relative 7025 } 7026} 7027 7028.navUser-action { 7029 color: #f6f6f6; 7030 font-weight: 700; 7031 padding: 1rem .78571rem; 7032 text-decoration: none; 7033 text-transform: uppercase 7034} 7035 7036.navUser-action.is-open, 7037.navUser-action:hover { 7038 color: #fff 7039} 7040 7041.navUser-action.is-open svg, 7042.navUser-action:hover svg { 7043 fill: #fff; 7044 stroke: #fff 7045} 7046 7047.navUser-action .icon { 7048 height: .57143rem; 7049 width: .57143rem; 7050 margin: -1px 0 0 .21429rem 7051} 7052 7053.navUser-action svg { 7054 fill: #f6f6f6; 7055 stroke: #f6f6f6; 7056 transition: all .15s ease 7057} 7058 7059.navUser-action--currencySelector+.dropdown-menu:before { 7060 left: auto !important; 7061 right: .78571rem 7062} 7063 7064.navUser-action--currencySelector+.dropdown-menu:after { 7065 left: auto !important; 7066 right: .92857rem 7067} 7068 7069.navUser-action--storeCredit+.dropdown-menu { 7070 max-width: 21.42857rem; 7071 padding: 1.5rem 7072} 7073 7074.navUser-action--storeCredit+.dropdown-menu:before { 7075 left: 10rem !important 7076} 7077 7078.navUser-action--storeCredit+.dropdown-menu:after { 7079 left: 10.14286rem !important 7080} 7081 7082.navUser-action-divider { 7083 border-right: 1px solid #dfdfdf; 7084 color: #333; 7085 display: inline-block; 7086 padding: 0 1.42857rem 0 0; 7087 text-decoration: none 7088} 7089 7090.navUser-item { 7091 display: none 7092} 7093 7094@media (min-width:801px) { 7095 .navUser-item { 7096 display: block 7097 } 7098 .navUser-item.navUser-item--social {
7099 margin-top: .35714rem; 7100 padding-right: .35714rem 7101 } 7102 .navUser-item.navUser-item--divider { 7103 font-size: 1.78571rem; 7104 margin-top: .57143rem; 7105 padding-left: .14286rem 7106 } 7107} 7108 7109.navUser-item--cart { 7110 display: block 7111} 7112 7113.navUser-item--cart .navUser-action { 7114 color: #f6f6f6 7115} 7116 7117.navUser-item--cart .navUser-action.is-open, 7118.navUser-item--cart .navUser-action:hover { 7119 color: #fff 7120} 7121 7122.navUser-item--cart .dropdown-menu { 7123 max-width: 22.85714rem 7124} 7125 7126.navUser-item--cart .dropdown-menu.is-open { 7127 top: auto !important; 7128 left: auto !important; 7129 right: .35714rem 7130} 7131 7132@media (min-width:801px) { 7133 .navUser-item--cart .dropdown-menu.is-open { 7134 right: 0 7135 } 7136} 7137 7138.navUser-item--cart .dropdown-menu.is-open:after, 7139.navUser-item--cart .dropdown-menu.is-open:before { 7140 left: auto 7141} 7142 7143.navUser-item--cart .dropdown-menu.is-open:before { 7144 right: .42857rem 7145} 7146 7147@media (min-width:801px) { 7148 .navUser-item--cart .dropdown-menu.is-open:before { 7149 right: .78571rem 7150 } 7151} 7152 7153.navUser-item--cart .dropdown-menu.is-open:after { 7154 right: .57143rem 7155} 7156 7157@media (min-width:801px) { 7158 .navUser-item--cart .dropdown-menu.is-open:after { 7159 right: .92857rem 7160 } 7161} 7162 7163.navUser-item-cartLabel { 7164 display: none 7165} 7166 7167@media (min-width:551px) { 7168 .navUser-item-cartLabel { 7169 display: inline 7170 } 7171} 7172 7173.navUser-item--compare { 7174 display: none 7175} 7176 7177.navUser-item--compare.show { 7178 display: block 7179} 7180 7181.navUser-item--account .navUser-or+.navUser-action { 7182 margin-right: -.5rem 7183} 7184 7185.navUser-item--account .navUser-action { 7186 display: inline-block 7187} 7188 7189.navUser-or { 7190 color: #f6f6f6; 7191 cursor: default; 7192 display: inline-block; 7193 margin: 0 -.85714rem; 7194 padding: 0 2px; 7195 position: relative; 7196 z-index: 1 7197} 7198 7199.navUser-action--quickSearch.is-open { 7200 position: relative 7201} 7202 7203.navUser-action--quickSearch.is-open:before { 7204 border: inset 10px; 7205 content: ""; 7206 display: block; 7207 height: 0; 7208 width: 0; 7209 border-color: transparent transparent #e5e5e5 transparent; 7210 border-bottom-style: solid; 7211 bottom: 0; 7212 left: 50%; 7213 position: absolute; 7214 transform: translateX(-50%) 7215} 7216 7217.dropdown--quickSearch { 7218 background-color: #fff; 7219 padding: 1.5rem 0 7220} 7221 7222@media (min-width:551px) { 7223 .dropdown--quickSearch { 7224 padding: 3rem 7225 } 7226} 7227 7228.dropdown--quickSearch.is-open { 7229 left: 0 !important; 7230 outline: 0; 7231 right: 0 !important; 7232 width: 100% !important; 7233 z-index: 50 7234} 7235 7236.dropdown--quickSearch .form { 7237 margin: auto; 7238 max-width: 30rem 7239} 7240 7241.dropdown--quickSearch .form, 7242.dropdown--quickSearch .form-field { 7243 margin-bottom: 0 7244} 7245 7246.dropdown--quickSearch .form-input { 7247 font-size: 20px; 7248 height: unset 7249} 7250 7251.dropdown--quickSearch .productGrid { 7252 padding: 1.5rem 0 0 7253} 7254 7255@media (min-width:551px) { 7256 .dropdown--quickSearch .productGrid { 7257 padding: 3rem 0 0 7258 } 7259} 7260 7261.countPill { 7262 background-color: #fff; 7263 border-radius: 50%; 7264 color: #fff; 7265 display: none; 7266 font-size: 12px; 7267 font-weight: 700; 7268 height: 20px; 7269 line-height: 20px; 7270 margin-left: .21429rem; 7271 text-align: center; 7272 width: 20px 7273} 7274 7275.countPill--positive { 7276 display: inline-block 7277} 7278 7279.countPill--alt { 7280 background-color: #ccc; 7281 color: #333 7282} 7283 7284.navPage-childList, 7285.navPages .navPage-subMenu-list { 7286 border-left: 1px solid #ccc; 7287 margin: .35714rem .78571rem; 7288 padding-left: .78571rem 7289} 7290 7291.has-activeNavPages { 7292 overflow: hidden; 7293 -webkit-overflow-scrolling: auto 7294} 7295 7296.navPages-container { 7297 bottom: 0; 7298 display: none; 7299 height: 100%; 7300 left: 0; 7301 -webkit-overflow-scrolling: touch; 7302 position: absolute; 7303 right: 0; 7304 z-index: 10 7305} 7306 7307@media (min-width:801px) { 7308 .navPages-container { 7309 background: 0 0; 7310 display: block; 7311 height: auto; 7312 padding: 0; 7313 position: relative 7314 } 7315} 7316 7317.navPages-container.is-open { 7318 display: block; 7319 padding-top: 55px; 7320 z-index: 0 7321} 7322 7323.navPages { 7324 background-color: #e5e5e5; 7325 height: 100%; 7326 overflow-y: auto; 7327 padding: 1.5rem 7328} 7329 7330@media (min-width:801px) { 7331 .navPages { 7332 margin: 0 auto; 7333 max-width: 85.71429rem; 7334 width: 100%; 7335 background: 0 0; 7336 font-size: 0; 7337 overflow-y: visible; 7338 padding: 0; 7339 text-align: center 7340 } 7341 .navPages:after, 7342 .navPages:before { 7343 content: " "; 7344 display: table 7345 } 7346 .navPages:after { 7347 clear: both 7348 } 7349 .navPages:after, 7350 .navPages:before { 7351 content: " "; 7352 display: table 7353 } 7354 .navPages:after { 7355 clear: both 7356 } 7357 .navPages ol, 7358 .navPages ul { 7359 list-style: none; 7360 margin-left: 0; 7361 margin: 0; 7362 padding: 0 7363 } 7364 .navPages ol ol, 7365 .navPages ol ul, 7366 .navPages ul ol, 7367 .navPages ul ul { 7368 list-style: none; 7369 margin-bottom: 0 7370 } 7371 .navPages ol li, 7372 .navPages ul li { 7373 margin: 0; 7374 padding: 0 7375 } 7376 .navPages-section { 7377 float: left 7378 } 7379 .navPages-section:after, 7380 .navPages-section:before { 7381 content: " "; 7382 display: table 7383 } 7384 .navPages-section:after { 7385 clear: both 7386 } 7387 .navPages-section--alt { 7388 float: right; 7389 margin-left: 1.5rem 7390 } 7391 .navPages-section+.navPages-section { 7392 margin-left: 1.5rem 7393 } 7394} 7395 7396@media (min-width:801px) and (min-width:551px) { 7397 .navPages-item { 7398 float: left 7399 } 7400} 7401 7402@media (min-width:801px) { 7403 .navPages-action, 7404 .navPages-item { 7405 display: block 7406 } 7407} 7408 7409.navPages ul { 7410 list-style: none 7411} 7412 7413.navPages .navPage-subMenu-list { 7414 border-left: 0; 7415 list-style: none; 7416 margin-left: 0; 7417 padding-left: 0 7418} 7419 7420@media (min-width:801px) { 7421 .navPages .navPage-subMenu-list { 7422 margin: 0 auto; 7423 max-width: 85.71429rem; 7424 width: 100%; 7425 border-left: 0; 7426 margin: auto; 7427 padding-left: 0 7428 } 7429 .navPages .navPage-subMenu-list:after, 7430 .navPages .navPage-subMenu-list:before { 7431 content: " "; 7432 display: table 7433 } 7434 .navPages .navPage-subMenu-list:after { 7435 clear: both 7436 } 7437} 7438 7439.navPages-list { 7440 margin: 0 7441} 7442 7443@media (min-width:801px) { 7444 .navPages-list { 7445 display: inline-block; 7446 float: none 7447 } 7448} 7449 7450.navPages-list+.navPages-list { 7451 border-top: 1px solid #ccc; 7452 margin-top: .78571rem; 7453 padding-top: .78571rem 7454} 7455 7456.navPages-list-depth-max.subMenu-is-open .is-hidden { 7457 display: none 7458} 7459 7460@media (min-width:801px) { 7461 .navPages-list-depth-max.subMenu-is-open .is-hidden { 7462 display: inline-block 7463 } 7464} 7465 7466.navPages-list-depth-max.subMenu-is-open .navPages-item-page { 7467 display: none 7468} 7469 7470@media (min-width:801px) { 7471 .navPages-list-depth-max.subMenu-is-open .navPages-item-page { 7472 display: inline-block 7473 } 7474} 7475 7476@media (min-width:801px) { 7477 .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon { 7478 transform: rotate(0) 7479 } 7480} 7481 7482.navPages-action-depth-max.has-subMenu.is-open { 7483 border-bottom: 1px solid #ccc; 7484 text-align: center 7485} 7486 7487@media (min-width:801px) { 7488 .navPages-action-depth-max.has-subMenu.is-open { 7489 border-bottom: 0; 7490 text-align: left 7491 } 7492} 7493 7494.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { 7495 border: solid 1px #d6cdc0; 7496 border-radius: 4px; 7497 float: left; 7498 height: 35px; 7499 margin-top: -10px; 7500 padding: 11.7px; 7501 transform: rotate(90deg); 7502 width: 35px 7503} 7504 7505@media (min-width:801px) { 7506 .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { 7507 height: .57143rem; 7508 width: .57143rem; 7509 border: 0; 7510 border-radius: 0; 7511 float: none; 7512 margin-top: 0;
7513 padding: 0; 7514 transform: rotate(-90deg) 7515 } 7516} 7517 7518.navPages-action-depth-max.has-subMenu.is-open svg { 7519 height: 9.6px; 7520 width: 9.6px 7521} 7522 7523@media (min-width:801px) { 7524 .navPages-action-depth-max.has-subMenu.is-open svg { 7525 height: 100%; 7526 width: 100% 7527 } 7528} 7529 7530.navPages-action { 7531 color: #f6f6f6; 7532 display: block; 7533 font-size: 15px; 7534 font-weight: 700; 7535 padding: .78571rem 0; 7536 text-decoration: none; 7537 text-transform: uppercase 7538} 7539 7540@media (min-width:801px) { 7541 .navPages-action { 7542 display: inline-block; 7543 padding: .78571rem 1.14286rem 1.14286rem 7544 } 7545 .navPages-action.is-open { 7546 background-color: #e5e5e5 7547 } 7548 .navPages-action.is-open svg { 7549 fill: #fff; 7550 stroke: #fff 7551 } 7552} 7553 7554.navPages-action.activePage, 7555.navPages-action:hover { 7556 color: #fff 7557} 7558 7559.navPages-action.activePage svg, 7560.navPages-action:hover svg { 7561 fill: #fff; 7562 stroke: #fff 7563} 7564 7565.navPages-action svg { 7566 fill: #f6f6f6; 7567 stroke: #f6f6f6; 7568 transition: all .15s ease 7569} 7570 7571.navPages-action--storeCredit { 7572 color: #333 7573} 7574 7575.navPages-action--compare { 7576 display: none 7577} 7578 7579.navPages-action--compare.show { 7580 display: block 7581} 7582 7583.navPages-action-moreIcon { 7584 height: .57143rem; 7585 width: .57143rem; 7586 margin-left: .35714rem; 7587 transform: rotate(-90deg) 7588} 7589 7590@media (min-width:801px) { 7591 .navPages-action-moreIcon { 7592 transform: none 7593 } 7594} 7595 7596.has-subMenu.is-open .navPages-action-moreIcon { 7597 transform: rotate(0) 7598} 7599 7600.navPage-childList { 7601 display: none 7602} 7603 7604@media (min-width:801px) { 7605 .navPage-childList { 7606 border: 0; 7607 display: block 7608 } 7609} 7610 7611.navPage-childList.is-open { 7612 display: block 7613} 7614 7615.navPage-subMenu { 7616 display: none; 7617 outline: 0 7618} 7619 7620@media (min-width:801px) { 7621 .navPage-subMenu { 7622 background-color: #e5e5e5; 7623 padding: 1.5rem 1.5rem 2.28571rem !important; 7624 position: absolute; 7625 text-align: left 7626 } 7627 .navPage-subMenu.is-open { 7628 display: block; 7629 left: 0; 7630 width: 100% 7631 } 7632 .navPage-subMenu .navPages-action-moreIcon { 7633 display: none 7634 } 7635} 7636 7637.navPage-subMenu.is-open { 7638 display: block 7639} 7640 7641@media (min-width:801px) { 7642 .has-subMenu.is-root+.navPage-subMenu-horizontal { 7643 border-left: 0; 7644 height: auto; 7645 left: inherit; 7646 margin: auto; 7647 top: inherit; 7648 width: 15.35714rem 7649 } 7650} 7651 7652@media (min-width:801px) { 7653 .navPage-subMenu-horizontal.is-open { 7654 border-left: 1px solid #ccc; 7655 display: inherit; 7656 height: auto; 7657 margin-left: 15.35714rem; 7658 padding: 0 !important; 7659 top: 0; 7660 width: 16.35714rem 7661 } 7662} 7663 7664@media (min-width:801px) { 7665 .navPage-subMenu-horizontal .navPages-action-moreIcon { 7666 display: inline-block; 7667 transform: rotate(-90deg) 7668 } 7669} 7670 7671@media (min-width:801px) { 7672 .navPage-subMenu-item { 7673 padding-left: .75rem; 7674 padding-right: .75rem; 7675 width: 25%; 7676 float: left; 7677 padding: 0 .75rem !important 7678 } 7679 .navPage-subMenu-item .navPages-action { 7680 text-transform: none; 7681 width: 100% 7682 } 7683 .navPage-subMenu-item>.navPage-subMenu-action { 7684 border-bottom: 1px solid #ccc; 7685 margin-bottom: 1.14286rem 7686 } 7687} 7688 7689.navPage-subMenu-item-child, 7690.navPage-subMenu-item-parent { 7691 width: 100% 7692} 7693 7694@media (min-width:801px) { 7695 .navPage-subMenu-item-child .navPage-subMenu-action, 7696 .navPage-subMenu-item-parent .navPage-subMenu-action { 7697 padding-left: 1.5rem; 7698 padding-right: 1.5rem; 7699 width: 100% 7700 } 7701 .navPage-subMenu-item-child .navPage-subMenu-action.is-open, 7702 .navPage-subMenu-item-child .navPage-subMenu-action:hover, 7703 .navPage-subMenu-item-parent .navPage-subMenu-action.is-open, 7704 .navPage-subMenu-item-parent .navPage-subMenu-action:hover { 7705 background: #c8bdb2; 7706 color: #000; 7707 font-weight: 500; 7708 opacity: .3 7709 } 7710} 7711 7712.navPage-subMenu-action { 7713 padding: .78571rem 0 7714} 7715 7716@media (min-width:801px) { 7717 .navPage-subMenu-action { 7718 padding: .78571rem 0 1.14286rem 7719 } 7720} 7721 7722.navPage-childList-action { 7723 font-weight: 400; 7724 padding: 0 0 .35714rem 7725} 7726 7727.navPages-quickSearch { 7728 border-bottom: 1px solid #dfdfdf; 7729 margin-bottom: .78571rem 7730} 7731 7732@media (min-width:801px) { 7733 .navPages-quickSearch { 7734 display: none 7735 } 7736} 7737 7738.navPages-quickSearch>.container { 7739 padding: 0 7740} 7741 7742.navPages-quickSearch .form { 7743 margin: 0 7744} 7745 7746.navPages-quickSearch .form-field { 7747 margin-bottom: 0 7748} 7749 7750@media (min-width:801px) { 7751 .navPages-list--user { 7752 display: none 7753 } 7754} 7755 7756.navPages-list--user #currencySelection2 { 7757 background-color: #fff; 7758 border: 1px solid #dfdfdf 7759} 7760 7761.navPages-list--user #currencySelection2 .dropdown-menu-item { 7762 padding: 0 7763} 7764 7765.navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) { 7766 border-bottom: 1px solid #dfdfdf 7767} 7768 7769.navPages-list--user #currencySelection2 a { 7770 padding: .78571rem 1.5rem 7771} 7772 7773.tags { 7774 list-style: none; 7775 margin-left: 0; 7776 font-size: 0; 7777 text-align: center 7778} 7779 7780.tags ol, 7781.tags ul { 7782 list-style: none; 7783 margin-bottom: 0 7784} 7785 7786.tag { 7787 display: inline-block; 7788 font-size: 1rem 7789} 7790 7791.tag a { 7792 color: #333; 7793 display: inline-block; 7794 padding: .35714rem .5rem; 7795 text-decoration: none 7796} 7797 7798.tag a:hover { 7799 color: #888 7800} 7801 7802.socialLinks { 7803 list-style: none; 7804 margin-left: 0; 7805 margin: 0; 7806 padding: 0; 7807 line-height: 37px 7808} 7809 7810.socialLinks:after, 7811.socialLinks:before { 7812 content: " "; 7813 display: table 7814} 7815 7816.socialLinks:after { 7817 clear: both 7818} 7819 7820.socialLinks ol, 7821.socialLinks ul { 7822 list-style: none; 7823 margin-bottom: 0 7824} 7825 7826.socialLinks li { 7827 margin: 0; 7828 padding: 0 7829} 7830 7831.socialLinks .icon { 7832 height: 1.42857rem; 7833 width: 1.42857rem; 7834 margin: 0; 7835 text-decoration: none 7836} 7837 7838.socialLinks .icon:hover svg { 7839 fill: #888 7840} 7841 7842.socialLinks .icon svg { 7843 fill: #8e8e8e; 7844 transition: all .15s ease 7845} 7846 7847.socialLinks-item--pinterest { 7848 width: 25px 7849} 7850 7851.pin_it_iframe_widget { 7852 display: none 7853} 7854 7855.socialLinks-item { 7856 display: inline-block; 7857 font-size: 0 7858} 7859 7860.socialLinks .socialLinks-item { 7861 margin-bottom: .35714rem; 7862 margin-right: .78571rem 7863} 7864 7865.socialLinks .socialLinks-item:last-child { 7866 margin-right: 0 7867} 7868 7869.socialLinks--alt .icon { 7870 height: 1.5rem; 7871 width: 1.5rem 7872} 7873 7874.socialLinks--alt svg { 7875 fill: #333 7876} 7877 7878.heroCarousel { 7879 width: 1px; 7880 min-width: 100%; 7881 margin-bottom: 4.5rem; 7882 margin-top: -1.5rem 7883} 7884 7885@media (min-width:801px) { 7886 .heroCarousel { 7887 margin-top: -2.5rem 7888 } 7889} 7890 7891.heroCarousel.slick-initialized { 7892 max-height: 71.42857rem; 7893 opacity: 1 7894} 7895 7896.heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide { 7897 display: none 7898} 7899 7900.heroCarousel .slick-next, 7901.heroCarousel .slick-prev { 7902 top: 50% 7903} 7904 7905.heroCarousel .slick-next { 7906 right: 15px 7907} 7908 7909@media (min-width:801px) { 7910 .heroCarousel .slick-next { 7911 right: 25px 7912 } 7913} 7914 7915.heroCarousel .slick-prev { 7916 left: 15px 7917} 7918 7919@media (min-width:801px) { 7920 .heroCarousel .slick-prev { 7921 left: 25px 7922 } 7923} 7924 7925.heroCarousel .slick-dots { 7926 bottom: .5rem 7927} 7928 7929@media (min-width:801px) { 7930 .heroCarousel .slick-dots { 7931 bottom: 1.5rem 7932 } 7933} 7934 7935.heroCarousel .slick-dots li { 7936 background-color: #fff; 7937 background-color: rgba(255, 255, 255, .9) 7938} 7939 7940.heroCarousel-slide { 7941 position: relative 7942} 7943 7944.heroCarousel-slide a { 7945 text-decoration: none 7946} 7947 7948@media (min-width:801px) { 7949 .heroCarousel-slide .heroCarousel-image { 7950 -o-object-fit: cover; 7951 object-fit: cover; 7952 max-height: 50rem; 7953 width: 100% 7954 } 7955} 7956 7957@media (min-width:801px) { 7958 .heroCarousel-slide .heroCarousel-image-wrapper { 7959 max-height: 49.64286rem 7960 } 7961} 7962 7963.heroCarousel-slide.compat-object-fit { 7964 background-size: cover; 7965 background-position: 50%; 7966 background-repeat: no-repeat 7967} 7968 7969@media (min-width:1261px) { 7970 .heroCarousel-slide.compat-object-fit.stretch { 7971 background-size: 100% 100% 7972 } 7973} 7974 7975.heroCarousel-slide.compat-object-fit .heroCarousel-image { 7976 opacity: 0 7977} 7978 7979.heroCarousel-content { 7980 background-color: #fff; 7981 padding: .78571rem 1.5rem 3rem; 7982 text-align: center 7983} 7984 7985@media (min-width:801px) { 7986 .heroCarousel-content { 7987 background-color: #fff; 7988 background-color: rgba(255, 255, 255, .9); 7989 background-color: rgba(255, 255, 255, .9); 7990 left: 0; 7991 margin: 0 auto; 7992 padding: 2.25rem; 7993 position: absolute; 7994 right: 0; 7995 top: 50%; 7996 transform: translateY(-50%); 7997 width: 50rem 7998 } 7999 .heroCarousel-content.heroCarousel-content--empty { 8000 background-color: transparent 8001 } 8002} 8003 8004.heroCarousel-title { 8005 color: #fff; 8006 font-size: 20px; 8007 margin-top: 0 8008} 8009 8010@media (min-width:801px) { 8011 .heroCarousel-title { 8012 font-size: 50px 8013 } 8014} 8015 8016.heroCarousel-description { 8017 color: #fff; 8018 font-size: 12px 8019} 8020 8021@media (min-width:551px) { 8022 .heroCarousel-description { 8023 font-size: 13px 8024 } 8025} 8026 8027@media (min-width:801px) { 8028 .heroCarousel-description { 8029 font-size: 15px 8030 } 8031} 8032 8033.heroCarousel-action { 8034 margin: 0 8035} 8036 8037@media (min-width:801px) { 8038 .heroCarousel-action { 8039 margin-top: 1.5rem 8040 } 8041} 8042 8043@media (min-width:801px) { 8044 .writeReview-productDetails { 8045 padding-left: .75rem; 8046 padding-right: .75rem; 8047 width: 50%; 8048 float: left 8049 } 8050} 8051 8052.writeReview-productDetails .product-brand { 8053 color: #999; 8054 margin: 0 8055} 8056 8057.writeReview-productDetails .product-title { 8058 margin-top: 0 8059} 8060 8061@media (min-width:801px) { 8062 .writeReview-form { 8063 padding-left: .75rem; 8064 padding-right: .75rem; 8065 width: 50%; 8066 float: left 8067 } 8068} 8069 8070.writeReview-productImage-container { 8071 position: relative 8072} 8073 8074.writeReview-productImage-container img { 8075 position: absolute; 8076 top: 0; 8077 bottom: 0; 8078 left: 0; 8079 right: 0; 8080 margin: auto; 8081 height: 100%; 8082 -o-object-fit: contain; 8083 object-fit: contain; 8084 font-family: 'object-fit: contain;' 8085} 8086 8087.writeReview-productImage-container:after { 8088 content: ''; 8089 display: block; 8090 height: 0; 8091 width: 100%; 8092 padding-bottom: 100% 8093} 8094 8095.account--addReturn .table { 8096 display: block; 8097 margin-bottom: 3rem 8098} 8099 8100@media (min-width:551px) { 8101 .account--addReturn .table { 8102 display: table; 8103 margin-bottom: 6rem 8104 } 8105} 8106 8107.account--addReturn .table tr { 8108 display: block; 8109 padding: 1.5rem 0 8110} 8111 8112@media (min-width:551px) { 8113 .account--addReturn .table tr { 8114 display: table-row; 8115 padding: 0 8116 } 8117} 8118 8119.account--addReturn .table td, 8120.account--addReturn .table th { 8121 display: block; 8122 padding: 0 8123} 8124 8125@media (min-width:551px) { 8126 .account--addReturn .table td, 8127 .account--addReturn .table th { 8128 display: table-cell; 8129 padding-bottom: .78571rem; 8130 padding-top: .78571rem 8131 } 8132} 8133 8134.account--addReturn .table td+td, 8135.account--addReturn .table td+th, 8136.account--addReturn .table th+td, 8137.account--addReturn .table th+th { 8138 padding-left: 0 8139} 8140 8141@media (min-width:551px) { 8142 .account--addReturn .table td+td, 8143 .account--addReturn .table td+th, 8144 .account--addReturn .table th+td, 8145 .account--addReturn .table th+th { 8146 padding-left: 1.5rem 8147 } 8148} 8149 8150.account--addReturn .table .return-itemTitle+.definitionList { 8151 margin-top: .21429rem 8152} 8153 8154@media (min-width:551px) { 8155 .account--addReturn .table .return-itemPrice { 8156 text-align: center 8157 } 8158} 8159 8160@media (min-width:551px) { 8161 .account--addReturn .table .return-itemQuantity { 8162 text-align: right 8163 } 8164} 8165 8166.account--addReturn .table-thead { 8167 display: none 8168} 8169 8170@media (min-width:551px) { 8171 .account--addReturn .table-thead { 8172 display: table-header-group 8173 } 8174} 8175 8176.account--addReturn .table-thead th { 8177 font-size: 15px 8178} 8179 8180.account--addReturn .table-thead th:first-child { 8181 width: 60% 8182} 8183 8184.account--addReturn .table-tbody { 8185 display: block 8186} 8187 8188@media (min-width:551px) { 8189 .account--addReturn .table-tbody { 8190 display: table-row-group 8191 } 8192} 8193 8194.return-itemName { 8195 font-size: 15px; 8196 font-weight: 700 8197} 8198 8199@media (min-width:551px) { 8200 .return-itemName { 8201 font-size: 1rem; 8202 font-weight: 400 8203 } 8204} 8205 8206.return-itemPrice { 8207 color: #999; 8208 margin-bottom: .35714rem 8209} 8210 8211@media (min-width:551px) { 8212 .return-itemPrice { 8213 color: inherit; 8214 margin-bottom: 0; 8215 text-align: center 8216 } 8217} 8218 8219.return-itemQuantity .form-label { 8220 display: inline; 8221 margin-right: .35714rem 8222} 8223 8224@media (min-width:551px) { 8225 .return-itemQuantity .form-label { 8226 border: 0; 8227 clip: rect(1px, 1px, 1px, 1px); 8228 height: 1px; 8229 overflow: hidden; 8230 padding: 0; 8231 position: absolute; 8232 width: 1px 8233 } 8234} 8235 8236.account--addReturn-row { 8237 margin: 0 -.75rem; 8238 max-width: none; 8239 width: auto; 8240 margin: 0 -1rem 8241} 8242 8243.account--addReturn-row:after, 8244.account--addReturn-row:before { 8245 content: " "; 8246 display: table 8247} 8248 8249.account--addReturn-row:after { 8250 clear: both 8251} 8252 8253.account--addReturn-column { 8254 padding-left: .75rem; 8255 padding-right: .75rem; 8256 width: 100%; 8257 float: left; 8258 padding: 0 1rem 8259} 8260 8261@media (min-width:551px) { 8262 .account--addReturn-column { 8263 width: 50% 8264 } 8265} 8266 8267.productCarousel { 8268 width: 1px; 8269 min-width: 100%; 8270 margin: 0 -.75rem; 8271 max-width: none; 8272 width: auto 8273} 8274 8275.productCarousel:after, 8276.productCarousel:before { 8277 content: " "; 8278 display: table 8279} 8280 8281.productCarousel:after { 8282 clear: both 8283} 8284 8285.productCarousel-slide { 8286 padding-left: .75rem; 8287 padding-right: .75rem; 8288 width: 50%; 8289 float: left 8290} 8291 8292@media (min-width:551px) { 8293 .productCarousel-slide {
8294 width: 33.33333% 8295 } 8296} 8297 8298@media (min-width:801px) { 8299 .productCarousel-slide { 8300 width: 25% 8301 } 8302} 8303 8304@media (min-width:1261px) { 8305 .productCarousel-slide { 8306 width: 16.66667% 8307 } 8308} 8309 8310.productCarousel-slide .card { 8311 margin-bottom: 0 8312} 8313 8314.productCarousel-slide .card .card-title { 8315 overflow-wrap: break-word 8316} 8317 8318.quickView:after, 8319.quickView:before { 8320 content: " "; 8321 display: table 8322} 8323 8324.quickView:after { 8325 clear: both 8326} 8327 8328.productReviews-list { 8329 list-style: none; 8330 margin-left: 0; 8331 margin: 0 -.75rem; 8332 max-width: none; 8333 width: auto; 8334 font-size: 0 8335} 8336 8337.productReviews-list ol, 8338.productReviews-list ul { 8339 list-style: none; 8340 margin-bottom: 0 8341} 8342 8343.productReviews-list:after, 8344.productReviews-list:before { 8345 content: " "; 8346 display: table 8347} 8348 8349.productReviews-list:after { 8350 clear: both 8351} 8352 8353.productReview { 8354 padding-left: .75rem; 8355 padding-right: .75rem; 8356 width: 100%; 8357 float: left; 8358 display: inline-block; 8359 float: none; 8360 font-size: 1rem; 8361 vertical-align: top 8362} 8363 8364@media (min-width:801px) { 8365 .productReview { 8366 width: 50% 8367 } 8368} 8369 8370@media (min-width:1261px) { 8371 .productReview { 8372 width: 33.33333% 8373 } 8374} 8375 8376.productReview-title { 8377 margin: 0; 8378 text-transform: none 8379} 8380 8381.productReview-author { 8382 color: #333; 8383 margin-bottom: 1rem 8384} 8385 8386.productReview-rating { 8387 display: inline-block; 8388 margin-bottom: .35714rem 8389} 8390 8391.productReview-ratingNumber { 8392 border: 0; 8393 clip: rect(1px, 1px, 1px, 1px); 8394 height: 1px; 8395 overflow: hidden; 8396 padding: 0; 8397 position: absolute; 8398 width: 1px 8399} 8400 8401.productView { 8402 padding-top: 1rem 8403} 8404 8405.productView-images { 8406 margin-bottom: 3rem 8407} 8408 8409.productView-image { 8410 -ms-flex-align: center; 8411 align-items: center; 8412 display: -ms-flexbox; 8413 display: flex; 8414 -ms-flex-pack: center; 8415 justify-content: center; 8416 margin: auto; 8417 position: relative 8418} 8419 8420@media (min-width:801px) { 8421 .productView-image { 8422 min-height: 366px; 8423 min-width: inherit 8424 } 8425} 8426 8427.productView-image+.productView-thumbnails { 8428 margin-top: .78571rem 8429} 8430 8431@media (min-width:320px) and (max-width:801px) { 8432 .productView-image { 8433 pointer-events: none 8434 } 8435} 8436 8437.productView-img-container { 8438 position: relative; 8439 margin: auto; 8440 max-width: 558px; 8441 width: 100% 8442} 8443 8444.productView-img-container img { 8445 position: absolute; 8446 top: 0; 8447 bottom: 0; 8448 left: 0; 8449 right: 0; 8450 margin: auto; 8451 max-height: 100%; 8452 width: 100%; 8453 -o-object-fit: contain; 8454 object-fit: contain; 8455 font-family: 'object-fit: contain;' 8456} 8457 8458.productView-img-container:after { 8459 content: ''; 8460 display: block; 8461 height: 0; 8462 width: 100%; 8463 padding-bottom: 100% 8464} 8465 8466.productView-thumbnails { 8467 list-style: none; 8468 margin-left: 0; 8469 margin: 0 -.75rem; 8470 max-width: none; 8471 width: auto; 8472 margin-left: -.35714rem; 8473 margin-right: -.35714rem 8474} 8475 8476.productView-thumbnails ol, 8477.productView-thumbnails ul { 8478 list-style: none; 8479 margin-bottom: 0 8480} 8481 8482.productView-thumbnails:after, 8483.productView-thumbnails:before { 8484 content: " "; 8485 display: table 8486} 8487 8488.productView-thumbnails:after { 8489 clear: both 8490} 8491 8492.productView-thumbnails .slick-list { 8493 margin-left: 2.85714rem; 8494 margin-right: 2.85714rem 8495} 8496 8497.productView-thumbnails .slick-next { 8498 right: 0 8499} 8500 8501.productView-thumbnails .slick-prev { 8502 left: 0 8503} 8504 8505.productView-thumbnails img { 8506 margin: 0; 8507 width: 90px; 8508 -o-object-fit: contain; 8509 object-fit: contain; 8510 font-family: 'object-fit: contain;'; 8511 position: relative 8512} 8513 8514.productView-thumbnail { 8515 padding-left: .75rem; 8516 padding-right: .75rem; 8517 width: 25%; 8518 float: left; 8519 padding-left: .35714rem; 8520 padding-right: .35714rem; 8521 text-align: center 8522} 8523 8524@media (min-width:1261px) { 8525 .productView-thumbnail { 8526 width: 20% 8527 } 8528} 8529 8530.productView-thumbnail-link { 8531 border: 1px solid #dfdfdf; 8532 display: -ms-inline-flexbox; 8533 display: inline-flex; 8534 height: 67px; 8535 max-width: 75px; 8536 padding: 2px; 8537 position: relative; 8538 width: 100%; 8539 box-sizing: content-box; 8540 -ms-flex-pack: center; 8541 justify-content: center 8542} 8543
8544.productView-thumbnail-link.is-active, 8545.productView-thumbnail-link:hover { 8546 border-color: #333 8547} 8548 8549.productView-details { 8550 margin-bottom: 2rem 8551} 8552 8553@media (min-width:801px) { 8554 .productView-product { 8555 border-bottom: 1px solid #dfdfdf; 8556 padding-bottom: 2rem 8557 } 8558} 8559 8560.productView-product>:last-child { 8561 margin-bottom: 0 8562} 8563 8564.productView-title { 8565 font-size: 20px; 8566 margin: -.78571rem 0 .35714rem 8567} 8568 8569@media (min-width:801px) { 8570 .productView-title { 8571 margin-top: 1.5rem 8572 } 8573} 8574 8575@media (min-width:1261px) { 8576 .productView-title { 8577 font-size: 28px 8578 } 8579} 8580 8581.productView-brand { 8582 color: #333; 8583 font-size: 15px; 8584 margin: 0 0 .78571rem 8585} 8586 8587@media (min-width:1261px) { 8588 .productView-brand { 8589 font-size: 20px; 8590 margin: -.21429rem 0 1rem 8591 } 8592} 8593 8594.productView-brand a { 8595 color: #333 8596} 8597 8598.productView-brand a:hover { 8599 color: #888 8600} 8601 8602.productView-price { 8603 font-size: 15px; 8604 margin-bottom: .5rem 8605} 8606 8607@media (min-width:801px) { 8608 .productView-price { 8609 font-size: 25px; 8610 margin-bottom: 1rem 8611 } 8612} 8613 8614.productView-price .price-section--saving { 8615 font-size: 15px 8616} 8617 8618.productView-price abbr { 8619 border: 0; 8620 color: inherit; 8621 font-size: inherit 8622} 8623 8624.productView-reviewLink { 8625 display: inline-block; 8626 margin-left: .78571rem; 8627 vertical-align: middle 8628} 8629 8630.productView-reviewLink+.productView-reviewLink { 8631 display: block; 8632 margin-left: auto 8633} 8634 8635@media (min-width:551px) { 8636 .productView-reviewLink+.productView-reviewLink { 8637 display: inline-block; 8638 margin-left: .78571rem 8639 } 8640} 8641 8642.productView-reviewLink>a { 8643 color: #333 8644} 8645 8646.productView-reviewLink>a:hover { 8647 color: #888 8648} 8649 8650.productView-info { 8651 margin-top: .78571rem 8652} 8653 8654.productView-info:after, 8655.productView-info:before { 8656 content: " "; 8657 display: table 8658} 8659 8660.productView-info:after { 8661 clear: both 8662} 8663 8664@media (min-width:551px) { 8665 .productView-info { 8666 margin-top: 0 8667 } 8668} 8669 8670@media (min-width:551px) { 8671 .productView-info>:first-child { 8672 margin-top: 1.5rem 8673 } 8674} 8675 8676.productView-info>:last-child { 8677 margin-bottom: 0 8678} 8679 8680.productView-info-name, 8681.productView-info-value { 8682 float: left 8683} 8684 8685@media (min-width:551px) { 8686 .productView-info-name, 8687 .productView-info-value { 8688 float: none 8689 } 8690} 8691 8692.productView-info-name { 8693 clear: both; 8694 margin-bottom: .21429rem; 8695 margin-right: .35714rem 8696} 8697 8698@media (min-width:551px) { 8699 .productView-info-name { 8700 font-family: Rubik, Arial, Helvetica, sans-serif; 8701 font-size: 13px; 8702 font-weight: 400 8703 } 8704} 8705 8706.productView-info-value { 8707 margin-bottom: .35714rem 8708} 8709 8710@media (min-width:551px) { 8711 .productView-info-value { 8712 margin-bottom: 1rem 8713 } 8714} 8715 8716.productView-options { 8717 margin-bottom: 1.5rem; 8718 text-align: center 8719} 8720 8721.productView-options:after, 8722.productView-options:before { 8723 content: " "; 8724 display: table 8725} 8726 8727.productView-options:after { 8728 clear: both 8729} 8730 8731@media (min-width:551px) { 8732 .productView-options { 8733 text-align: left 8734 } 8735} 8736 8737@media (min-width:551px) { 8738 .productView-options .form-input[type=number] { 8739 width: 16.66667% 8740 } 8741} 8742 8743.productView-options .form { 8744 display: inline 8745} 8746 8747.productView-options input[type=file] { 8748 font-size: 13px 8749} 8750 8751.productView-options .form-field { 8752 font-size: 0; 8753 margin-bottom: 2rem 8754} 8755 8756.productView-options .form-field>.form-checkbox+.form-label, 8757.productView-options .form-field>.form-radio+.form-label { 8758 display: inline-block; 8759 margin-left: 1.5rem; 8760 width: auto 8761} 8762 8763@media (min-width:551px) { 8764 .productView-options .form-field>.form-checkbox+.form-label, 8765 .productView-options .form-field>.form-radio+.form-label { 8766 margin-left: 0; 8767 width: 100% 8768 } 8769} 8770 8771.productView-options .form-field>.form-label:nth-of-type(2) { 8772 margin-left: 0 8773} 8774 8775@media (min-width:551px) { 8776 .productView-options .form-action { 8777 float: left; 8778 padding: 0 .71429rem; 8779 width: 50% 8780 } 8781} 8782 8783@media (min-width:801px) { 8784 .productView-options .form-action { 8785 float: none; 8786 padding: 0; 8787 width: auto 8788 } 8789} 8790 8791@media (min-width:1261px) { 8792 .productView-options .form-action { 8793 display: inline-block; 8794 margin-top: 1rem 8795 } 8796} 8797 8798.productView-options .form-action .button { 8799 width: 100% 8800} 8801 8802@media (min-width:1261px) { 8803 .productView-options .form-action .button { 8804 margin-right: .78571rem; 8805 width: auto 8806 } 8807} 8808 8809.productOptions-list { 8810 border: 1px solid #dfdfdf; 8811 list-style: none; 8812 margin: 0 8813} 8814 8815.productOptions-list-item { 8816 padding: 1.5rem 8817} 8818 8819.productOptions-list-item+.productOptions-list-item { 8820 border-top: 1px solid #dfdfdf 8821} 8822 8823.productOptions-list-item .form-label { 8824 text-align: left; 8825 top: -2px 8826} 8827 8828.productOptions-list-item-content, 8829.productOptions-list-item-figure { 8830 display: table-cell; 8831 vertical-align: middle 8832} 8833 8834.productOptions-list-item-figure { 8835 width: 3rem 8836} 8837 8838.productOptions-list-item-content { 8839 padding-left: 1.28571rem 8840} 8841 8842.shareProduct { 8843 text-align: center 8844} 8845 8846.productView-image .easyzoom-flyout { 8847 overflow: hidden; 8848 position: absolute; 8849 width: 100%; 8850 height: 100% 8851} 8852 8853.productView-image .easyzoom-flyout img { 8854 max-width: none; 8855 width: auto 8856} 8857 8858.price--discounted, 8859.price--non-sale, 8860.price--rrp { 8861 text-decoration: line-through 8862} 8863 8864.price-section--minor { 8865 color: #999 8866} 8867 8868.compareTable { 8869 border-top: 1px solid #dfdfdf; 8870 table-layout: fixed; 8871 width: 100% 8872} 8873 8874.compareTable-row { 8875 vertical-align: top 8876} 8877 8878.compareTable-row+.compareTable-row .compareTable-heading, 8879.compareTable-row+.compareTable-row .compareTable-item { 8880 border-top: 1px solid #dfdfdf 8881} 8882 8883.compareTable-row+.compareTable-row .compareTable-heading:empty { 8884 border-top: 0 8885} 8886 8887.compareTable-heading { 8888 font-family: Rubik, Arial, Helvetica, sans-serif; 8889 font-size: 15px; 8890 font-weight: 400; 8891 padding: 1.28571rem 1rem; 8892 position: relative; 8893 text-align: right; 8894 width: 0 8895} 8896 8897@media (min-width:801px) { 8898 .compareTable-heading { 8899 width: 25% 8900 } 8901} 8902 8903.compareTable-headingText { 8904 position: absolute; 8905 top: 1.28571rem; 8906 white-space: nowrap 8907} 8908 8909@media (min-width:801px) { 8910 .compareTable-headingText { 8911 position: inherit; 8912 top: inherit 8913 } 8914} 8915 8916.compareTable-item { 8917 padding: 3.28571rem 1rem 1.28571rem 8918} 8919 8920@media (min-width:801px) { 8921 .compareTable-item { 8922 padding-top: 1.28571rem 8923 } 8924} 8925 8926.compareTable-removeProduct { 8927 background-color: #f4f4f4; 8928 border-radius: 50%; 8929 height: 2.5rem; 8930 position: absolute; 8931 right: -1rem; 8932 top: -1rem; 8933 transition: background-color .15s ease; 8934 width: 2.5rem 8935} 8936 8937.compareTable-removeProduct .icon { 8938 fill: #8e8e8e; 8939 height: 1.5rem; 8940 margin-top: .5rem; 8941 width: 1.5rem 8942} 8943 8944.compareTable-product { 8945 font-weight: 400; 8946 padding: 2rem 1rem 1.28571rem 8947} 8948 8949.compareTable-product .card { 8950 margin-bottom: 0 8951} 8952 8953.compareTable-product .card-body { 8954 min-height: 6rem; 8955 padding-top: 1rem 8956} 8957 8958.compareTable-action { 8959 padding: 0 1rem 1rem 8960} 8961 8962.compareTable-action .button { 8963 display: block; 8964 padding-left: .78571rem; 8965 padding-right: .78571rem; 8966 width: 100% 8967} 8968 8969.blocker { 8970 background: rgba(255, 255, 255, .5); 8971 bottom: 0; 8972 left: 0; 8973 position: absolute; 8974 right: 0; 8975 top: 0; 8976 z-index: 500 8977} 8978 8979.blocker-container { 8980 position: relative 8981} 8982 8983.textTruncate { 8984 padding-bottom: 1.5rem; 8985 position: relative; 8986 transition: max-height .1s ease-out 8987} 8988 8989.js .textTruncate { 8990 max-height: 110px; 8991 overflow: hidden 8992} 8993 8994.js .textTruncate--visible { 8995 max-height: 71.42857rem 8996} 8997 8998.textTruncate-viewMore { 8999 background-color: #fff; 9000 bottom: 0; 9001 padding-top: 10px; 9002 position: absolute; 9003 width: 100% 9004} 9005 9006.toggle { 9007 border-top: 1px solid #dfdfdf; 9008 margin-bottom: 2.28571rem 9009} 9010 9011.toggle:last-of-type { 9012 margin-bottom: 4.57143rem 9013} 9014 9015.toggle-title { 9016 margin-bottom: 2.28571rem 9017} 9018 9019.toggleLink { 9020 color: #333 9021} 9022 9023.toggleLink:hover { 9024 color: #888 9025} 9026 9027.toggle-title .toggleLink { 9028 float: right; 9029 line-height: 24px 9030} 9031 9032.toggleLink-text { 9033 font-size: 13px; 9034 font-weight: 400 9035} 9036 9037.toggleLink-text--off { 9038 display: inline-block 9039} 9040 9041.toggleLink.is-open .toggleLink-text--off { 9042 display: none 9043} 9044 9045.toggleLink-text--on { 9046 display: none 9047} 9048 9049.toggleLink.is-open .toggleLink-text--on { 9050 display: inline-block 9051} 9052 9053.toggle-content { 9054 display: none 9055} 9056 9057.toggle-content.is-open { 9058 display: block 9059} 9060 9061.facetedSearch-toggle { 9062 margin: 0 auto; 9063 max-width: 85.71429rem; 9064 width: 100%; 9065 border: #dfdfdf solid; 9066 border-radius: 4px; 9067 border-width: 1px; 9068 display: block; 9069 margin-bottom: 2rem; 9070 padding: 1rem 9071} 9072 9073.facetedSearch-toggle:after, 9074.facetedSearch-toggle:before { 9075 content: " "; 9076 display: table 9077} 9078 9079.facetedSearch-toggle:after { 9080 clear: both 9081} 9082 9083@media (min-width:801px) { 9084 .facetedSearch-toggle { 9085 display: none !important 9086 } 9087} 9088 9089.facetedSearch-toggle.is-open { 9090 border-bottom-left-radius: 0; 9091 border-bottom-right-radius: 0; 9092 margin-bottom: 0 9093} 9094 9095.facetedSearch-toggle-indicator, 9096.facetedSearch-toggle-text { 9097 display: block; 9098 font-weight: 400 9099} 9100 9101.facetedSearch-toggle-text { 9102 padding-left: .75rem; 9103 padding-right: .75rem; 9104 width: 58.33333%; 9105 float: left; 9106 padding: 0; 9107 text-align: left 9108} 9109 9110.facetedSearch-toggle-indicator { 9111 padding-left: .75rem; 9112 padding-right: .75rem; 9113 width: 41.66667%; 9114 float: left; 9115 font-weight: 700; 9116 padding: 0; 9117 text-align: right 9118} 9119 9120.facetedSearch-navList { 9121 display: none 9122} 9123 9124@media (min-width:801px) { 9125 .facetedSearch-navList { 9126 display: block !important 9127 } 9128} 9129 9130.facetedSearch-navList.is-open { 9131 display: block 9132} 9133 9134.facetedSearch-navList.is-open .accordion--navList, 9135.facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation { 9136 border-top-left-radius: 0; 9137 border-top-right-radius: 0 9138} 9139 9140.facetedSearch-toggle+.facetedSearch-navList, 9141.sidebarBlock+.facetedSearch-navList { 9142 margin-top: 2rem 9143} 9144 9145.facetedSearch-toggle+.facetedSearch-navList.is-open, 9146.sidebarBlock+.facetedSearch-navList.is-open {
9147 margin-top: -1px 9148} 9149 9150@media (min-width:801px) { 9151 .facetedSearch-toggle+.facetedSearch-navList.is-open, 9152 .sidebarBlock+.facetedSearch-navList.is-open { 9153 margin-top: 2rem 9154 } 9155} 9156 9157.facetedSearch-navList .navList--inner { 9158 margin-left: 1.5rem 9159} 9160 9161.facet-quick-heading { 9162 text-transform: capitalize 9163} 9164 9165.facetedSearch-optionColumns { 9166 column-count: 3; 9167 column-gap: 20px 9168} 9169 9170.facetedSearch-refineFilters { 9171 display: none 9172} 9173 9174@media (min-width:801px) { 9175 .facetedSearch-refineFilters { 9176 display: block 9177 } 9178} 9179 9180.facetedSearch-content--rating .is-selected { 9181 font-weight: 700 9182} 9183 9184.banners { 9185 background-color: #888; 9186 color: #fff; 9187 padding: .78571rem 0; 9188 text-align: center 9189} 9190 9191.banners p:last-child { 9192 margin-bottom: 0 9193} 9194 9195.banners a { 9196 color: #fff 9197} 9198 9199.banner { 9200 margin: 0 auto; 9201 max-width: 85.71429rem; 9202 width: 100% 9203} 9204 9205.banner:after, 9206.banner:before { 9207 content: " "; 9208 display: table 9209} 9210 9211.banner:after { 9212 clear: both 9213} 9214 9215.banner+.banner { 9216 margin-top: 1.5rem 9217} 9218 9219.facetLabel { 9220 background: #f4f4f4; 9221 border-radius: 4px; 9222 padding: .21429rem .5rem .21429rem .71429rem; 9223 text-decoration: none 9224} 9225 9226.facetLabel .icon { 9227 height: .85714rem; 9228 width: .85714rem; 9229 display: inline-block; 9230 fill: #333; 9231 position: relative; 9232 top: -1px 9233} 9234 9235.cart { 9236 display: block; 9237 margin-bottom: 1.5rem; 9238 width: 100% 9239} 9240 9241@media (min-width:801px) { 9242 .cart { 9243 display: table 9244 } 9245} 9246 9247.cart-header { 9248 display: none 9249} 9250 9251@media (min-width:801px) { 9252 .cart-header { 9253 display: table-header-group; 9254 text-align: left 9255 } 9256} 9257 9258.cart-header-item { 9259 padding-bottom: 1rem 9260} 9261 9262.cart-header-item:last-child { 9263 text-align: right 9264} 9265 9266.cart-list { 9267 border-top: 1px solid #dfdfdf; 9268 display: block 9269} 9270 9271@media (min-width:801px) { 9272 .cart-list { 9273 display: table-row-group 9274 } 9275} 9276 9277.cart-item { 9278 border-bottom: 1px solid #dfdfdf; 9279 clear: both; 9280 display: block; 9281 padding: 1.5rem 0 9282} 9283 9284@media (min-width:551px) { 9285 .cart-item { 9286 padding-left: 25% 9287 } 9288 .cart-item:after, 9289 .cart-item:before { 9290 content: " "; 9291 display: table 9292 } 9293 .cart-item:after { 9294 clear: both 9295 } 9296} 9297 9298@media (min-width:801px) { 9299 .cart-item { 9300 display: table-row; 9301 padding-left: 0 9302 } 9303 .cart-item:after, 9304 .cart-item:before { 9305 display: none 9306 } 9307} 9308 9309.cart-item-block { 9310 display: block 9311} 9312 9313@media (min-width:801px) { 9314 .cart-item-block { 9315 display: table-cell 9316 } 9317} 9318 9319.cart-item-block .definitionList { 9320 margin-bottom: .35714rem 9321} 9322 9323.cart-item-figure { 9324 float: left; 9325 height: 7.14286rem; 9326 margin-bottom: 1.5rem; 9327 width: 33.33333%; 9328 position: relative 9329} 9330 9331@media (min-width:551px) { 9332 .cart-item-figure { 9333 margin-bottom: 0; 9334 margin-left: -33.33333%; 9335 width: 33.33333% 9336 } 9337} 9338 9339@media (min-width:801px) { 9340 .cart-item-figure { 9341 float: none; 9342 width: 8.33333% 9343 } 9344} 9345 9346.cart-item-figure:after { 9347 content: ''; 9348 display: block; 9349 height: 0; 9350 width: 100%; 9351 padding-bottom: 100% 9352} 9353 9354.cart-item-fixed-image { 9355 width: 100% 9356} 9357 9358.cart-item-image { 9359 max-width: 100px; 9360 position: absolute; 9361 top: 0; 9362 bottom: 0; 9363 left: 0; 9364 right: 0; 9365 margin: auto 9366} 9367 9368@media (min-width:801px) { 9369 .cart-item-image { 9370 margin-left: 0 9371 } 9372} 9373 9374.cart-item-title { 9375 display: table-cell; 9376 height: 7.14286rem; 9377 padding-left: 1.5rem 9378} 9379 9380@media (min-width:551px) { 9381 .cart-item-title { 9382 display: block; 9383 height: auto; 9384 margin-bottom: 1.5rem; 9385 overflow: hidden 9386 } 9387} 9388 9389@media (min-width:801px) { 9390 .cart-item-title { 9391 display: table-cell; 9392 padding: 1.5rem 9393 } 9394} 9395 9396.cart-item-info { 9397 clear: both; 9398 width: 100% 9399} 9400 9401@media (min-width:551px) { 9402 .cart-item-info { 9403 clear: none; 9404 float: left; 9405 overflow: hidden;
9406 width: 33.33333% 9407 } 9408 .cart-item-info+.cart-item-info { 9409 margin-top: 0 9410 } 9411} 9412 9413@media (min-width:801px) { 9414 .cart-item-info { 9415 float: none; 9416 width: 16.66667% 9417 } 9418 .cart-item-info:last-child { 9419 text-align: right 9420 } 9421} 9422 9423.cart-item-info+.cart-item-info { 9424 margin-top: .78571rem 9425} 9426 9427@media (min-width:801px) { 9428 .cart-header-quantity, 9429 .cart-item-quantity { 9430 text-align: center 9431 } 9432} 9433 9434.cart-item-quantity .form-increment { 9435 display: inline-block; 9436 margin: 0 .21429rem 1px 1.5rem; 9437 vertical-align: middle 9438} 9439 9440@media (min-width:801px) { 9441 .cart-item-quantity .form-increment { 9442 margin-left: 0 9443 } 9444} 9445 9446.cart-item-label { 9447 color: #999; 9448 float: left; 9449 margin-bottom: .35714rem; 9450 text-align: right; 9451 width: 33.33333% 9452} 9453 9454@media (min-width:551px) { 9455 .cart-item-label { 9456 display: block; 9457 padding-left: 1.5rem; 9458 text-align: left; 9459 width: 100% 9460 } 9461} 9462 9463@media (min-width:801px) { 9464 .cart-item-label { 9465 display: none 9466 } 9467} 9468 9469.cart-item-value { 9470 padding-left: 1.5rem 9471} 9472 9473@media (min-width:801px) { 9474 .cart-item-value { 9475 padding-left: 0 9476 } 9477} 9478 9479.cart-item-brand { 9480 color: #999; 9481 margin-bottom: .21429rem 9482} 9483 9484.cart-item-name { 9485 font-size: 15px; 9486 margin: 0 9487} 9488 9489.cart-item-name+.definitionList { 9490 margin-top: .35714rem 9491} 9492 9493.cart-item-options--giftWrapping { 9494 margin-top: 1.14286rem 9495} 9496 9497.cart-item-options--giftWrapping .cart-item-option-description { 9498 color: #333 9499} 9500 9501.cart-remove { 9502 background-color: #f4f4f4; 9503 border-radius: 50%; 9504 cursor: pointer; 9505 float: right; 9506 height: 1.28571rem; 9507 margin-top: .14286rem; 9508 padding: .21429rem; 9509 transition: background-color .15s ease; 9510 width: 1.28571rem 9511} 9512 9513@media (min-width:551px) { 9514 .cart-remove { 9515 margin-left: 1rem 9516 } 9517} 9518 9519.cart-remove.cart-remove--spacer { 9520 visibility: hidden 9521} 9522 9523.cart-remove>svg { 9524 fill: #8e8e8e 9525} 9526 9527.cart-totals { 9528 list-style: none; 9529 margin-left: 0; 9530 margin-bottom: 1.5rem; 9531 text-align: right; 9532 width: 100% 9533} 9534 9535.cart-totals ol, 9536.cart-totals ul { 9537 list-style: none; 9538 margin-bottom: 0 9539} 9540 9541@media (min-width:551px) { 9542 .cart-totals { 9543 float: right; 9544 width: 75% 9545 } 9546} 9547 9548@media (min-width:801px) { 9549 .cart-totals { 9550 margin-bottom: 1rem; 9551 width: 58.33333% 9552 } 9553} 9554 9555@media (min-width:1261px) { 9556 .cart-totals { 9557 width: 41.66667% 9558 } 9559} 9560 9561.cart-total { 9562 border-bottom: 0 9563} 9564 9565.cart-total:after, 9566.cart-total:before { 9567 content: " "; 9568 display: table 9569} 9570 9571.cart-total:after { 9572 clear: both 9573} 9574 9575@media (min-width:801px) { 9576 .cart-total+.cart-total { 9577 border-top: 1px solid #dfdfdf 9578 } 9579} 9580 9581.cart-total .form-input { 9582 display: inline-block; 9583 height: 2.28571rem; 9584 padding: .5rem; 9585 vertical-align: top; 9586 width: 75% 9587} 9588 9589.cart-total .form-select { 9590 background-position: right .35714rem top .5rem; 9591 background-size: 1.42857rem 1.42857rem; 9592 height: 2.28571rem; 9593 margin-bottom: .78571rem; 9594 padding: .5rem .78571rem 9595} 9596 9597.cart-total .form-inlineMessage { 9598 text-align: left 9599} 9600 9601.cart-total-label { 9602 color: #333; 9603 width: 33.33333% 9604} 9605 9606@media (min-width:551px) { 9607 .cart-total-label { 9608 width: 50% 9609 } 9610} 9611 9612@media (min-width:801px) { 9613 .cart-total-label { 9614 display: block; 9615 padding-left: 0; 9616 text-align: left 9617 } 9618} 9619 9620.cart-total-value { 9621 text-align: left 9622} 9623 9624@media (min-width:551px) { 9625 .cart-total-value { 9626 text-align: right 9627 } 9628} 9629 9630@media (min-width:801px) { 9631 .cart-total-value { 9632 width: 50% 9633 } 9634} 9635 9636.cart-total-label, 9637.cart-total-value { 9638 float: left; 9639 padding: .5rem 0 .5rem 1.5rem 9640} 9641 9642@media (min-width:801px) { 9643 .cart-total-label, 9644 .cart-total-value { 9645 padding: 1rem 0 9646 } 9647} 9648 9649.cart-total-grandTotal { 9650 font-family: Rubik, Arial, Helvetica, sans-serif; 9651 font-size: 20px; 9652 padding-bottom: .21429rem; 9653 padding-top: .21429rem; 9654 position: relative 9655} 9656 9657@media (min-width:801px) { 9658 .cart-total-grandTotal { 9659 padding: 1rem 0; 9660 top: -.28571rem 9661 } 9662} 9663 9664.coupon-code-add, 9665.coupon-code-cancel, 9666.gift-certificate-add, 9667.gift-certificate-cancel, 9668.shipping-estimate-hide, 9669.shipping-estimate-show { 9670 color: #333; 9671 padding: 0; 9672 text-decoration: underline; 9673 transition: color .15s ease 9674} 9675 9676.coupon-code-add:hover, 9677.coupon-code-cancel:hover, 9678.gift-certificate-add:hover, 9679.gift-certificate-cancel:hover, 9680.shipping-estimate-hide:hover, 9681.shipping-estimate-show:hover { 9682 color: #888 9683} 9684 9685.coupon-code-cancel, 9686.shipping-estimate-hide { 9687 font-style: italic 9688} 9689 9690.cart-gift-certificate-form, 9691.coupon-form { 9692 font-size: 0; 9693 margin-bottom: 1rem 9694} 9695 9696.cart-gift-certificate-form:after, 9697.cart-gift-certificate-form:before, 9698.coupon-form:after, 9699.coupon-form:before { 9700 content: " "; 9701 display: table 9702} 9703 9704.cart-gift-certificate-form:after, 9705.coupon-form:after { 9706 clear: both 9707} 9708 9709.cart-gift-certificate-form .button, 9710.cart-gift-certificate-form .form-input, 9711.coupon-form .button, 9712.coupon-form .form-input { 9713 float: left 9714} 9715 9716.cart-gift-certificate-form .form-input, 9717.coupon-form .form-input { 9718 width: 78% 9719} 9720 9721.cart-gift-certificate-form .button, 9722.coupon-form .button { 9723 margin: 0 0 0 2%; 9724 padding-left: .78571rem; 9725 padding-right: .78571rem; 9726 width: 20% 9727} 9728 9729.estimator-form { 9730 margin-bottom: 0 9731} 9732 9733.estimator-form .form-input { 9734 margin-bottom: .78571rem; 9735 width: 100% 9736} 9737 9738.estimator-form .button--primary { 9739 width: 60% 9740} 9741 9742.estimator-form-label { 9743 clear: both; 9744 float: left; 9745 font-weight: 400; 9746 margin-bottom: 0 9747} 9748 9749.estimator-form-label .form-label { 9750 line-height: 2.28571rem; 9751 margin-bottom: 0 9752} 9753 9754.estimator-form-label-text { 9755 margin-left: .71429rem 9756} 9757 9758.estimator-form-input { 9759 float: right; 9760 margin-bottom: 1em; 9761 width: 60% 9762} 9763 9764.estimator-form-input .form-input, 9765.estimator-form-input .form-select { 9766 margin-bottom: 0 9767} 9768 9769.estimator-form-input--price { 9770 width: 30% 9771} 9772 9773.estimator-form-row:after, 9774.estimator-form-row:before { 9775 content: " "; 9776 display: table 9777} 9778 9779.estimator-form-row:after { 9780 clear: both 9781} 9782 9783.estimator-form-toggleUPSRate { 9784 display: block; 9785 margin-bottom: 1em 9786} 9787 9788.cart-actions { 9789 clear: both 9790} 9791 9792.cart-actions:after, 9793.cart-actions:before { 9794 content: " "; 9795 display: table 9796} 9797 9798.cart-actions:after { 9799 clear: both 9800} 9801 9802.cart-actions .button { 9803 display: block; 9804 margin-bottom: 0 9805} 9806 9807@media (min-width:551px) { 9808 .cart-actions .button { 9809 display: inline-block; 9810 float: right 9811 } 9812} 9813 9814.cart-actions .checkoutMultiple { 9815 clear: right; 9816 display: block; 9817 float: right;
9818 padding-top: .35714rem 9819} 9820 9821.cart-additionalCheckoutButtons:after, 9822.cart-additionalCheckoutButtons:before { 9823 content: " "; 9824 display: table 9825} 9826 9827.cart-additionalCheckoutButtons:after { 9828 clear: both 9829} 9830 9831.cart-additionalCheckoutButtons .FloatRight:after, 9832.cart-additionalCheckoutButtons .FloatRight:before { 9833 content: " "; 9834 display: table 9835} 9836 9837.cart-additionalCheckoutButtons .FloatRight:after { 9838 clear: both 9839} 9840 9841.cart-additionalCheckoutButtons .FloatRight p { 9842 float: none !important; 9843 margin: .5rem 0; 9844 text-align: right 9845} 9846 9847.cart-additionalCheckoutButtons .FloatRight div { 9848 float: right 9849} 9850 9851.cart-additionalCheckoutButtons .CheckoutButton { 9852 margin-bottom: 1rem 9853} 9854 9855.cart-additionalCheckoutButtons .CheckoutButton:first-child { 9856 margin-top: 1.5rem 9857} 9858 9859.cart-additionalCheckoutButtons .CheckoutButton:last-child { 9860 margin-bottom: 1.5rem 9861} 9862 9863.previewCartList { 9864 list-style: none; 9865 margin-left: 0; 9866 margin: 0; 9867 padding: 0; 9868 border-collapse: collapse; 9869 display: table; 9870 table-layout: fixed; 9871 width: 100% 9872} 9873 9874.previewCartList ol, 9875.previewCartList ul { 9876 list-style: none; 9877 margin-bottom: 0 9878} 9879 9880.previewCartList li { 9881 margin: 0; 9882 padding: 0 9883} 9884 9885.previewCartItem { 9886 margin: 0 auto; 9887 max-width: 85.71429rem; 9888 width: 100%; 9889 display: table-row; 9890 line-height: 19px 9891} 9892 9893.previewCartItem:after, 9894.previewCartItem:before { 9895 content: " "; 9896 display: table 9897} 9898 9899.previewCartItem:after { 9900 clear: both 9901} 9902 9903.previewCartItem+.previewCartItem { 9904 border-top: 1px solid #dfdfdf 9905} 9906 9907.previewCartItem-content, 9908.previewCartItem-image { 9909 display: table-cell; 9910 vertical-align: middle 9911} 9912 9913.previewCartItem-image { 9914 padding-left: .75rem; 9915 padding-right: .75rem; 9916 width: 33.33333%; 9917 padding: 0; 9918 text-align: center; 9919 position: relative 9920} 9921 9922.previewCartItem-image img { 9923 position: absolute; 9924 top: 0; 9925 bottom: 0; 9926 left: 0; 9927 right: 0; 9928 margin: auto 9929} 9930 9931.previewCartItem-image:after { 9932 content: ''; 9933 display: block; 9934 height: 0; 9935 width: 100%; 9936 padding-bottom: 100% 9937} 9938 9939.previewCartItem-content { 9940 padding-left: .75rem; 9941 padding-right: .75rem; 9942 width: 66.66667%; 9943 padding-left: 0 9944} 9945 9946.previewCartItem-name { 9947 margin: 0; 9948 text-transform: none 9949} 9950 9951.previewCartItem-name>a { 9952 text-decoration: none 9953} 9954 9955.previewCartItem-brand, 9956.previewCartItem-name { 9957 margin-bottom: .21429rem 9958} 9959 9960.previewCartItem-brand, 9961.previewCartItem-price { 9962 color: #333; 9963 display: inline-block; 9964 font-size: 13px 9965} 9966 9967.previewCartAction { 9968 margin: 0 auto; 9969 max-width: 85.71429rem; 9970 width: 100%; 9971 border-top: 1px solid #dfdfdf; 9972 display: block; 9973 padding: 1.5rem .78571rem 9974} 9975 9976.previewCartAction:after, 9977.previewCartAction:before { 9978 content: " "; 9979 display: table 9980} 9981 9982.previewCartAction:after { 9983 clear: both 9984} 9985 9986.previewCartAction .button { 9987 margin: 0; 9988 padding-left: .78571rem; 9989 padding-right: .78571rem; 9990 width: 100% 9991} 9992 9993.previewCartAction-checkout, 9994.previewCartAction-viewCart { 9995 padding-left: .75rem; 9996 padding-right: .75rem; 9997 width: 50%; 9998 float: left 9999} 10000 10001.previewCartAction-checkout.previewCartAction-viewCart--sole, 10002.previewCartAction-viewCart.previewCartAction-viewCart--sole { 10003 padding-left: .75rem; 10004 padding-right: .75rem; 10005 width: 50%; 10006 float: left; 10007 margin-left: auto; 10008 margin-right: auto; 10009 float: none 10010} 10011 10012.previewCartAction-checkout { 10013 padding-right: .35714rem 10014} 10015 10016.previewCartAction-checkoutMultiple { 10017 clear: both; 10018 padding-left: .78571rem; 10019 padding-top: .35714rem 10020} 10021 10022.previewCartAction-viewCart { 10023 padding-left: .35714rem 10024} 10025 10026.previewCart-emptyBody { 10027 padding: 3rem; 10028 text-align: center 10029} 10030 10031.addressList { 10032 font-size: 0; 10033 list-style: none; 10034 margin-left: -.78571rem; 10035 margin-right: -.78571rem 10036} 10037 10038.address { 10039 display: inline-block; 10040 padding: 0 .78571rem; 10041 vertical-align: top; 10042 width: 100% 10043} 10044 10045@media (min-width:551px) { 10046 .address { 10047 width: 50% 10048 } 10049} 10050 10051@media (min-width:1261px) { 10052 .address {
10053 width: 33.33333% 10054 } 10055} 10056 10057.panel--address { 10058 font-size: 1rem; 10059 position: relative 10060} 10061 10062.panel--address .panel-body { 10063 min-height: 17.85714rem; 10064 padding: 1.5rem 10065} 10066 10067@media (min-width:551px) { 10068 .panel--address .panel-body { 10069 padding: 1.5rem 1.5rem 4.5rem 10070 } 10071} 10072 10073.panel--address .form-actions { 10074 margin-bottom: -.78571rem; 10075 margin-top: 1.5rem; 10076 text-align: left 10077} 10078 10079@media (min-width:551px) { 10080 .panel--address .form-actions { 10081 bottom: 1.5rem; 10082 position: absolute; 10083 width: auto 10084 } 10085} 10086 10087.panel--address .form-actions .button { 10088 margin-bottom: .78571rem 10089} 10090 10091.panel--address .form-actions .button+.button { 10092 margin-left: 0; 10093 margin-top: 0 10094} 10095 10096@media (min-width:551px) { 10097 .panel--address .form-actions .button+.button { 10098 margin-left: .35714rem 10099 } 10100} 10101 10102.address-title { 10103 margin: 0 0 .78571rem; 10104 text-transform: none 10105} 10106 10107.address-details { 10108 list-style: none; 10109 margin: 0 0 .78571rem 10110} 10111 10112.address-details--postal { 10113 font-size: 15px 10114} 10115 10116.address-description, 10117.address-label { 10118 display: inline-block; 10119 font-size: 1rem; 10120 margin: 0 10121} 10122 10123.address-label { 10124 color: #333; 10125 font-weight: 400 10126} 10127 10128.panel--newAddress { 10129 display: block; 10130 text-align: center; 10131 text-decoration: none 10132} 10133 10134.panel--newAddress:hover .address-title { 10135 color: #888 10136} 10137 10138.panel--newAddress .panel-body { 10139 background-color: transparent; 10140 border: 1px solid #dfdfdf; 10141 display: block 10142} 10143 10144.panel--newAddress .address-title { 10145 margin-bottom: 0; 10146 transition: all .15s ease 10147} 10148 10149.address-addNew { 10150 left: 50%; 10151 position: absolute; 10152 top: 50%; 10153 transform: translateX(-50%) translateY(-55%) 10154} 10155 10156.address-symbol { 10157 font-size: 50px; 10158 line-height: 1 10159} 10160 10161.videoGallery-main { 10162 height: 0; 10163 margin-bottom: 1.14286rem; 10164 overflow: hidden; 10165 padding-bottom: 67.5%; 10166 padding-top: 1.78571rem; 10167 position: relative; 10168 margin-bottom: 1.85714rem 10169} 10170 10171.videoGallery-main.widescreen { 10172 padding-bottom: 56.34% 10173} 10174 10175.videoGallery-main.vimeo { 10176 padding-top: 0 10177} 10178 10179.videoGallery-main embed, 10180.videoGallery-main iframe, 10181.videoGallery-main object, 10182.videoGallery-main video { 10183 height: 100%; 10184 position: absolute; 10185 top: 0; 10186 width: 100%; 10187 left: 0 10188} 10189 10190.videoGallery-list { 10191 list-style: none; 10192 margin-left: 0; 10193 margin: 0 -.75rem; 10194 max-width: none; 10195 width: auto; 10196 font-size: 0 10197} 10198 10199.videoGallery-list ol, 10200.videoGallery-list ul { 10201 list-style: none; 10202 margin-bottom: 0 10203} 10204 10205.videoGallery-list:after, 10206.videoGallery-list:before { 10207 content: " "; 10208 display: table 10209} 10210 10211.videoGallery-list:after { 10212 clear: both 10213} 10214 10215.videoGallery-item { 10216 padding-left: .75rem; 10217 padding-right: .75rem; 10218 width: 100%; 10219 float: left; 10220 display: inline-block; 10221 float: none; 10222 vertical-align: top 10223} 10224 10225@media (min-width:801px) { 10226 .videoGallery-item { 10227 width: 50% 10228 } 10229} 10230 10231.video { 10232 display: block; 10233 margin-bottom: 1.85714rem; 10234 opacity: .4; 10235 text-decoration: none; 10236 transition: opacity .1s ease-out 10237} 10238 10239.video:after, 10240.video:before { 10241 content: " "; 10242 display: table 10243} 10244 10245.video:after { 10246 clear: both 10247} 10248 10249.video-figure { 10250 float: left; 10251 margin-right: .78571rem 10252} 10253 10254.video-figure>img { 10255 display: block 10256} 10257 10258.video-figure--opposite { 10259 float: right; 10260 margin-left: .78571rem; 10261 margin-right: 0 10262} 10263 10264.video-body:after, 10265.video-body:before { 10266 content: " "; 10267 display: table 10268} 10269 10270.video-body:after { 10271 clear: both 10272} 10273 10274@media (min-width:801px) { 10275 .video { 10276 margin-bottom: 1.85714rem 10277 } 10278} 10279 10280.video.is-active, 10281.video:hover { 10282 color: #333; 10283 opacity: 1 10284} 10285 10286.video-figure { 10287 margin-right: 1.85714rem 10288} 10289 10290.video-title { 10291 margin-bottom: 0; 10292 margin-top: 0; 10293 text-transform: none 10294} 10295 10296.video-description { 10297 font-size: 1rem; 10298 margin-bottom: 0 10299} 10300 10301.previewCart { 10302 margin: 0 auto; 10303 max-width: 85.71429rem; 10304 width: 100% 10305} 10306 10307.previewCart:after, 10308.previewCart:before { 10309 content: " "; 10310 display: table 10311} 10312 10313.previewCart:after { 10314 clear: both 10315} 10316 10317@media (min-width:801px) { 10318 .previewCart .productView { 10319 padding-left: .75rem; 10320 padding-right: .75rem; 10321 width: 75%; 10322 float: left; 10323 display: -ms-flexbox; 10324 display: flex; 10325 margin: 0; 10326 padding-bottom: 0; 10327 padding-top: 0 10328 } 10329 .previewCart .productView-image { 10330 padding-left: .75rem; 10331 padding-right: .75rem; 10332 width: 58.33333%; 10333 float: left; 10334 display: -ms-flexbox; 10335 display: flex; 10336 -ms-flex-direction: column; 10337 flex-direction: column 10338 } 10339 .previewCart .productView-image--cart { 10340 -ms-flex-item-align: start; 10341 align-self: flex-start; 10342 margin: 0 auto; 10343 width: 100% 10344 } 10345 .previewCart .productView-details { 10346 padding-left: .75rem; 10347 padding-right: .75rem; 10348 width: 41.66667%; 10349 float: left 10350 } 10351} 10352 10353.previewCart .productView-title { 10354 margin-top: 0 10355} 10356 10357.previewCartCheckout { 10358 background: #f4f4f4; 10359 padding: 1rem; 10360 text-align: center 10361} 10362 10363@media (min-width:801px) { 10364 .previewCartCheckout { 10365 padding-left: .75rem; 10366 padding-right: .75rem; 10367 width: 25%; 10368 float: right; 10369 padding: 1.5rem 10370 } 10371} 10372 10373.previewCartCheckout .button { 10374 display: block; 10375 margin: 0; 10376 width: 100% 10377} 10378 10379.previewCartCheckout .button+.button, 10380.previewCartCheckout .button+p { 10381 margin-top: .78571rem 10382} 10383 10384.previewCartCheckout-price { 10385 display: block; 10386 font-size: 28px; 10387 font-weight: 700; 10388 text-align: center 10389} 10390 10391.previewCartCheckout-subtotal { 10392 display: block; 10393 margin-bottom: 1.5rem; 10394 margin-top: 1.5rem 10395} 10396 10397.previewCartCheckout-additionalCheckoutButtons p { 10398 float: none !important; 10399 margin: .5rem 0 10400} 10401 10402.previewCartCheckout-additionalCheckoutButtons .CheckoutButton { 10403 margin-bottom: 1rem 10404} 10405 10406.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child { 10407 margin-top: 1.5rem 10408} 10409 10410.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child { 10411 margin-bottom: 1.5rem 10412} 10413 10414.suggestiveCart { 10415 display: none; 10416 text-align: center 10417} 10418 10419@media (min-width:801px) { 10420 .suggestiveCart { 10421 display: block 10422 } 10423} 10424 10425.maintenanceNotice { 10426 background-color: #fffdea; 10427 box-shadow: 0 0 5px #999; 10428 color: #333; 10429 left: 1.14286rem; 10430 padding: 1rem 1.28571rem; 10431 position: fixed; 10432 top: 1.14286rem; 10433 width: 24rem; 10434 z-index: 500 10435} 10436 10437.maintenanceNotice>:last-child { 10438 margin-bottom: 0 10439} 10440 10441.maintenanceNotice a { 10442 color: #333 10443} 10444 10445.maintenanceNotice-header { 10446 font-family: Rubik; 10447 margin: 0 0 .78571rem 10448} 10449 10450body.hasAdminBar { 10451 padding-top: 101px 10452} 10453 10454@media (min-width:801px) { 10455 body.hasAdminBar { 10456 padding-top: 0 10457 } 10458 body.hasAdminBar .banners { 10459 margin-top: 46px 10460 } 10461 body.hasAdminBar .header { 10462 padding-top: 0 10463 } 10464} 10465 10466body.hasAdminBar .header { 10467 padding-top: 46px 10468} 10469 10470body.hasAdminBar .navPages-container.is-open { 10471 padding-top: 101px 10472} 10473 10474.adminBar { 10475 background-color: #fff; 10476 box-shadow: 0 .14286rem .5rem 0 rgba(0, 0, 0, .2); 10477 color: #626568; 10478 float: left; 10479 font-family: "Source Sans Pro", arial, "sans serif", sans-serif; 10480 font-size: 14px; 10481 font-weight: 600; 10482 height: 46px; 10483 left: 0; 10484 position: fixed; 10485 text-decoration: none; 10486 top: 0; 10487 width: 100%; 10488 z-index: 10000 10489} 10490 10491.adminBar-logo { 10492 background-color: #273a8a; 10493 float: left; 10494 height: 46px; 10495 width: 45px 10496} 10497 10498.adminBar-logo svg { 10499 height: 100%; 10500 padding: 7px 10px 11px 7px; 10501 width: 100% 10502} 10503 10504.adminBar-content { 10505 -ms-flex-align: center;
10506 align-items: center; 10507 display: -ms-flexbox; 10508 display: flex; 10509 height: 46px; 10510 -ms-flex-pack: justify; 10511 justify-content: space-between; 10512 margin-left: 45px; 10513 padding: 17px 20.5px 14px 20px 10514} 10515 10516.adminBar-content a { 10517 color: #4b71fc; 10518 font-weight: 600; 10519 text-decoration: none 10520} 10521 10522.adminBar-private { 10523 float: right; 10524 text-align: right 10525} 10526 10527.adminBar-private span { 10528 white-space: nowrap 10529} 10530 10531.preview { 10532 font-weight: 400; 10533 padding-left: 9px 10534} 10535 10536.cookieMessage { 10537 background: #e5e5e5; 10538 color: #333; 10539 display: none 10540} 10541 10542.cookieMessage .button { 10543 width: 100% 10544} 10545 10546@media (min-width:801px) { 10547 .cookieMessage .button { 10548 vertical-align: middle; 10549 width: 25% 10550 } 10551} 10552 10553@media (min-width:1261px) { 10554 .cookieMessage .button { 10555 vertical-align: top 10556 } 10557} 10558 10559.cookieMessage-container { 10560 margin: 0 auto; 10561 padding: 1.5rem 10562} 10563 10564@media (min-width:801px) { 10565 .cookieMessage-container { 10566 width: 83.33333% 10567 } 10568} 10569 10570@media (min-width:1261px) { 10571 .cookieMessage-container { 10572 width: 58.33333% 10573 } 10574} 10575 10576@media (min-width:801px) { 10577 .cookieMessage-text { 10578 display: inline-block; 10579 padding: 0 .78571rem; 10580 vertical-align: middle; 10581 width: 66.66667% 10582 } 10583} 10584 10585.login { 10586 margin: 3rem auto 6rem; 10587 max-width: 64.28571rem 10588} 10589 10590.login-row { 10591 margin: 0 auto; 10592 max-width: 85.71429rem; 10593 width: 100% 10594} 10595 10596.login-row:after, 10597.login-row:before { 10598 content: " "; 10599 display: table 10600} 10601 10602.login-row:after { 10603 clear: both 10604} 10605 10606@media (min-width:801px) { 10607 .login-row { 10608 margin-top: 6rem 10609 } 10610} 10611 10612.login-form { 10613 padding-left: .75rem; 10614 padding-right: .75rem; 10615 width: 100%; 10616 float: left 10617} 10618 10619@media (min-width:801px) { 10620 .login-form { 10621 padding-left: .75rem; 10622 padding-right: .75rem; 10623 width: 50%; 10624 float: left; 10625 margin-top: 3rem 10626 } 10627} 10628 10629.new-customer { 10630 padding-left: .75rem; 10631 padding-right: .75rem; 10632 width: 100%; 10633 float: left 10634} 10635 10636@media (min-width:801px) { 10637 .new-customer { 10638 padding-left: .75rem; 10639 padding-right: .75rem; 10640 width: 50%; 10641 float: left 10642 } 10643} 10644 10645.new-customer-intro { 10646 margin-bottom: 0 10647} 10648 10649.new-customer-fact-list { 10650 margin-left: 3rem 10651} 10652 10653.new-customer-fact { 10654 padding-left: .78571rem 10655} 10656 10657.search-suggestion { 10658 margin-bottom: 2rem 10659} 10660 10661.search-suggestion>:last-child { 10662 margin-bottom: 0 10663} 10664 10665.suggestion-title { 10666 margin-top: 0; 10667 text-transform: inherit 10668} 10669 10670.advancedSearch-form { 10671 margin-bottom: 3rem 10672} 10673 10674.advancedSearch-form .form-row { 10675 margin-bottom: -1.5rem 10676} 10677 10678.quickSearchResults { 10679 margin-top: 1.5rem 10680} 10681 10682@media (min-width:801px) { 10683 .quickSearchResults { 10684 margin-top: 0 10685 } 10686} 10687 10688.quickSearchResults .modal-close { 10689 display: none 10690} 10691 10692@media (min-width:801px) { 10693 .quickSearchResults .modal-close { 10694 display: block 10695 } 10696} 10697 10698.advancedSearch-separator { 10699 display: none 10700} 10701 10702.advancedSearch-title { 10703 margin: 0 0 1.5rem; 10704 text-transform: inherit 10705} 10706 10707.search-price-range label { 10708 display: inline 10709} 10710 10711.search-price-range label input { 10712 display: block; 10713 padding-left: 1.5rem 10714} 10715 10716@media (min-width:551px) { 10717 .search-price-range label input { 10718 display: inline; 10719 width: 6rem 10720 } 10721} 10722 10723@media (min-width:551px) { 10724 .search-price-range label span { 10725 display: inline; 10726 padding-left: 1.5rem; 10727 padding-right: 1.5rem 10728 } 10729} 10730 10731.category-suggestion-list { 10732 margin: 0 -.75rem; 10733 max-width: none; 10734 width: auto; 10735 list-style-type: none 10736} 10737 10738.category-suggestion-list:after, 10739.category-suggestion-list:before { 10740 content: " "; 10741 display: table 10742} 10743 10744.category-suggestion-list:after { 10745 clear: both 10746} 10747 10748.category-suggestion { 10749 padding-left: .75rem; 10750 padding-right: .75rem; 10751 width: 33.33333%; 10752 float: left; 10753 font-size: 15px 10754} 10755 10756.search-refine { 10757 margin-left: 1.5rem 10758} 10759 10760.quickSearchMessage { 10761 font-size: 28px; 10762 margin: 1.5rem 0 0; 10763 text-align: center 10764} 10765 10766.navBar--account { 10767 display: none 10768} 10769 10770@media (min-width:801px) { 10771 .navBar--account { 10772 display: block 10773 } 10774} 10775 10776.account-heading { 10777 border-bottom: 1px solid #dfdfdf; 10778 margin: 0; 10779 padding-bottom: 1rem 10780} 10781 10782.account-list { 10783 list-style: none; 10784 margin-left: 0 10785} 10786 10787.account-listItem { 10788 border-bottom: 1px solid #dfdfdf; 10789 padding: 1.5rem 0; 10790 position: relative 10791} 10792 10793.account-listItem img { 10794 width: 100% 10795} 10796 10797.account-listItem .account-product-image { 10798 position: absolute; 10799 top: 0; 10800 bottom: 0; 10801 left: 0; 10802 right: 0; 10803 margin: auto; 10804 position: relative 10805} 10806 10807.account-listShipping { 10808 border-bottom: 1px solid #dfdfdf; 10809 font-weight: 700; 10810 padding: 2rem 0 10811} 10812 10813.account-listShipping .account-listShipping-title { 10814 margin: 0; 10815 text-transform: inherit 10816} 10817 10818.account-product:after, 10819.account-product:before { 10820 content: " "; 10821 display: table 10822} 10823 10824.account-product:after { 10825 clear: both 10826} 10827 10828.account-product-figure { 10829 float: left; 10830 margin-right: .78571rem 10831} 10832 10833.account-product-figure>img { 10834 display: block 10835} 10836 10837.account-product-figure--opposite { 10838 float: right; 10839 margin-left: .78571rem; 10840 margin-right: 0 10841} 10842 10843.account-product-body:after, 10844.account-product-body:before { 10845 content: " "; 10846 display: table 10847} 10848 10849.account-product-body:after { 10850 clear: both 10851} 10852 10853.account-product-figure { 10854 -ms-flex-align: center;
10855 align-items: center; 10856 display: -ms-flexbox; 10857 display: flex; 10858 -ms-flex-direction: column; 10859 flex-direction: column; 10860 margin: 0 2rem 0 0; 10861 position: relative; 10862 width: 70px 10863} 10864 10865.account-product-figure:after { 10866 content: ''; 10867 display: block; 10868 height: 0; 10869 width: 100%; 10870 padding-bottom: 100% 10871} 10872 10873.account-product-download { 10874 border-radius: 50%; 10875 height: 2.35714rem; 10876 padding: 0; 10877 position: absolute; 10878 right: -.78571rem; 10879 top: -.78571rem; 10880 width: 2.35714rem; 10881 z-index: 1 10882} 10883 10884.account-product-download .icon { 10885 height: 1.5rem; 10886 margin-top: .35714rem; 10887 width: 1.5rem 10888} 10889 10890.account-product-download svg { 10891 fill: #fff 10892} 10893 10894.account-product-body { 10895 overflow: hidden; 10896 padding-bottom: 3.5rem; 10897 position: relative 10898} 10899 10900@media (min-width:551px) { 10901 .account-product-body { 10902 padding-bottom: 0 10903 } 10904} 10905 10906.account-product-body .definitionList { 10907 font-size: 15px; 10908 margin-bottom: 0 10909} 10910 10911.account-product-title { 10912 margin: 0 0 .21429rem; 10913 text-transform: inherit 10914} 10915 10916.account-product-title>a { 10917 text-decoration: none 10918} 10919 10920.account-product-title+.definitionList { 10921 margin-top: .78571rem 10922} 10923 10924.account-product-subtitle { 10925 color: #999; 10926 font-family: Rubik, Arial, Helvetica, sans-serif; 10927 font-size: 15px; 10928 margin: -.21429rem 0 1rem; 10929 text-transform: inherit 10930} 10931 10932.account-product-price { 10933 float: right; 10934 font-size: 15px 10935} 10936 10937.account-product-description+.definitionList { 10938 margin: -1.35714rem 0 1.5rem 10939} 10940 10941.account-product-refundQty { 10942 color: #999; 10943 margin-bottom: 0 10944} 10945 10946.account-product-details { 10947 margin: 0 -.75rem; 10948 max-width: none; 10949 width: auto 10950} 10951 10952.account-product-details:after, 10953.account-product-details:before { 10954 content: " "; 10955 display: table 10956} 10957 10958.account-product-details:after { 10959 clear: both 10960} 10961 10962.account-product-detail { 10963 padding-left: .75rem; 10964 padding-right: .75rem; 10965 width: 100%; 10966 float: left 10967} 10968 10969@media (min-width:551px) { 10970 .account-product-detail { 10971 width: 33.33333% 10972 } 10973} 10974 10975@media (min-width:1261px) { 10976 .account-product-detail { 10977 width: 25% 10978 } 10979} 10980 10981.account-product-detail+.account-product-detail { 10982 margin-top: 1rem 10983} 10984 10985@media (min-width:551px) { 10986 .account-product-detail+.account-product-detail { 10987 margin-top: 0 10988 } 10989} 10990 10991@media (min-width:551px) { 10992 .account-product-detail+.account-product-detail--full { 10993 margin-top: 1.5rem 10994 } 10995} 10996 10997@media (min-width:1261px) { 10998 .account-product-detail--large { 10999 width: 50% 11000 } 11001} 11002 11003.account-product-detail--full { 11004 width: 100% 11005} 11006 11007.account-product-detail-heading { 11008 color: #333; 11009 font-family: Rubik, Arial, Helvetica, sans-serif; 11010 font-size: 12px; 11011 margin: 0 0 .35714rem 11012} 11013 11014.account-product--alignMiddle { 11015 display: table; 11016 width: 100% 11017} 11018 11019.account-product--alignMiddle .account-product-checkItem { 11020 display: table-cell; 11021 position: relative; 11022 vertical-align: middle; 11023 width: 2rem 11024} 11025 11026@media (min-width:1261px) { 11027 .account-product--alignMiddle .account-product-checkItem { 11028 left: -2.5rem 11029 } 11030} 11031 11032.account-product--alignMiddle .account-product-checkItem .form-label { 11033 height: 1.5rem; 11034 margin: 0; 11035 padding: 0; 11036 width: 1.5rem 11037} 11038 11039.account-product--alignMiddle .account-product-body, 11040.account-product--alignMiddle .account-product-figure { 11041 display: table-cell 11042} 11043 11044.account-product--alignMiddle .account-product-figure { 11045 float: none; 11046 margin-right: 0 11047} 11048 11049@media (min-width:1261px) { 11050 .account-product--alignMiddle .account-product-figure { 11051 left: -2rem 11052 } 11053} 11054 11055.account-product--alignMiddle .account-product-body { 11056 padding-left: 2rem; 11057 vertical-align: middle 11058} 11059 11060@media (min-width:1261px) { 11061 .account-product--alignMiddle .account-product-body { 11062 padding-left: 0 11063 } 11064} 11065 11066.account-orderTotal { 11067 float: right; 11068 font-size: 15px; 11069 margin-top: -1.5rem; 11070 width: 66.66667% 11071} 11072 11073.account-orderTotal-key, 11074.account-orderTotal-value { 11075 margin: 0; 11076 padding: 1.5rem 0 11077} 11078 11079.account-orderTotal-key { 11080 color: #333; 11081 float: left; 11082 font-weight: 400 11083} 11084 11085.account-orderTotal-key:last-of-type { 11086 position: relative; 11087 top: .28571rem 11088} 11089 11090.account-orderTotal-value { 11091 border-bottom: 1px solid #dfdfdf; 11092 text-align: right 11093} 11094 11095.account-orderTotal-value:last-child { 11096 border-bottom: 0; 11097 font-size: 20px 11098} 11099 11100.account-orderStatus { 11101 bottom: 0; 11102 left: 0; 11103 position: absolute 11104} 11105 11106@media (min-width:551px) { 11107 .account-orderStatus { 11108 float: right; 11109 position: inherit; 11110 text-align: right 11111 } 11112} 11113 11114.account-orderStatus-label { 11115 background-color: #ccc; 11116 color: #fff; 11117 display: inline-block; 11118 font-size: 12px; 11119 line-height: 15px; 11120 margin: 0 0 .35714rem; 11121 padding: .21429rem .5rem 11122} 11123 11124.account-orderStatus-action { 11125 color: #333; 11126 display: inline-block; 11127 font-size: 12px; 11128 font-style: italic; 11129 letter-spacing: .25px; 11130 margin-left: .78571rem; 11131 text-align: right; 11132 text-decoration: underline; 11133 vertical-align: top 11134} 11135 11136@media (min-width:551px) { 11137 .account-orderStatus-action { 11138 display: block; 11139 margin-left: 0 11140 } 11141} 11142 11143.account-orderStatus-action:hover { 11144 color: #888 11145} 11146 11147.account .pagination { 11148 color: #999; 11149 margin-top: 3rem; 11150 text-align: center 11151} 11152 11153.account-message .is-read { 11154 color: #999 11155} 11156 11157.account-sidebar-block { 11158 font-size: 15px 11159} 11160 11161.account-sidebar-block+.account-sidebar-block { 11162 margin-top: 3rem 11163} 11164 11165.account-sidebar-block .account-heading { 11166 margin-bottom: 1.5rem 11167} 11168 11169.account-order-address { 11170 list-style: none; 11171 margin-left: 0 11172} 11173 11174.account-order-address ol, 11175.account-order-address ul { 11176 list-style: none; 11177 margin-bottom: 0 11178} 11179 11180.account-reorder-form { 11181 display: inline-block 11182} 11183 11184.order-payments-description { 11185 color: #888; 11186 font-weight: 400; 11187 margin-top: 1.5rem 11188} 11189 11190.account-downloads-summary { 11191 border-bottom: 1px solid #dfdfdf; 11192 font-size: 15px; 11193 padding-bottom: 1.5rem 11194} 11195 11196.account-downloadsList { 11197 list-style: none; 11198 margin-left: 0 11199} 11200 11201.account-downloadsList ol, 11202.account-downloadsList ul { 11203 list-style: none; 11204 margin-bottom: 0 11205} 11206 11207.account-downloadsItem { 11208 margin-bottom: 1.5rem 11209} 11210 11211.account-downloadsItem>:first-child { 11212 margin-top: 0 11213} 11214 11215.account-downloadsItem>:last-child { 11216 margin-bottom: 0 11217} 11218 11219.account-downloadsItem-title { 11220 color: #333; 11221 font-size: 15px; 11222 margin-bottom: .21429rem; 11223 text-transform: inherit 11224} 11225 11226.account-downloadsItem-description { 11227 margin-bottom: 0 11228} 11229 11230.account-downloadsItem-availability { 11231 color: #333 11232} 11233 11234.wishlists-table { 11235 margin-left: auto; 11236 margin-right: auto; 11237 max-width: 85.71429rem 11238} 11239 11240.wishlist-header { 11241 display: none; 11242 text-align: center 11243} 11244 11245.modal .wishlist-header { 11246 display: block 11247} 11248 11249.wishlist-form { 11250 margin: 0 auto; 11251 max-width: 85.71429rem; 11252 width: 100%; 11253 margin-left: auto; 11254 margin-right: auto; 11255 max-width: 39.28571rem 11256} 11257 11258.wishlist-form:after, 11259.wishlist-form:before { 11260 content: " "; 11261 display: table 11262} 11263 11264.wishlist-form:after { 11265 clear: both 11266} 11267 11268.wishlist-form .form-field { 11269 padding-left: .75rem; 11270 padding-right: .75rem; 11271 width: 100%; 11272 float: left 11273} 11274 11275.share-wishlist { 11276 margin-left: auto; 11277 margin-right: auto; 11278 max-width: 46.42857rem; 11279 text-align: center 11280} 11281 11282.icon--ratingEmpty svg { 11283 fill: #c8c8c8 11284} 11285 11286.icon--ratingFull svg { 11287 fill: #2e3344 11288} 11289 11290.rating--small { 11291 display: inline-block 11292} 11293 11294.rating--small .icon { 11295 height: 1rem; 11296 width: 1rem; 11297 margin-top: -3px 11298} 11299 11300.apple-pay-checkout-button { 11301 background-position: 50% 50%; 11302 background-repeat: no-repeat; 11303 background-size: 100% 60%; 11304 border-radius: .28571rem; 11305 cursor: pointer; 11306 display: none; 11307 max-height: 4.57143rem; 11308 min-height: 2.28571rem; 11309 min-width: 9.57143rem; 11310 padding: 1.5rem; 11311 background-color: #000; 11312 background-image: -webkit-named-image(apple-pay-logo-white) 11313} 11314 11315.cart-additionalCheckoutButtons .apple-pay-checkout-button { 11316 margin-top: 20px 11317} 11318 11319.cart-additionalCheckoutButtons .PayPalExpressCheckout { 11320 clear: both 11321} 11322 11323.apple-pay-supported .apple-pay-checkout-button { 11324 display: block 11325} 11326 11327@media (min-width:551px) { 11328 .apple-pay-supported .apple-pay-checkout-button { 11329 display: inline-block; 11330 float: right 11331 } 11332} 11333 11334.previewCartCheckout .apple-pay-checkout-button { 11335 float: none; 11336 margin-top: .78571rem 11337} 11338 11339.paymentMethodList { 11340 font-size: 0; 11341 list-style: none; 11342 margin-left: -.78571rem; 11343 margin-right: -.78571rem 11344} 11345 11346.paymentMethodName { 11347 margin-top: 0;
11348 padding: 0 .78571rem; 11349 text-transform: none 11350} 11351 11352.paymentMethod { 11353 display: inline-block; 11354 padding: 0 .78571rem; 11355 vertical-align: top; 11356 width: 100% 11357} 11358 11359@media (min-width:551px) { 11360 .paymentMethod { 11361 width: 50% 11362 } 11363} 11364 11365@media (min-width:551px) { 11366 .paymentMethodForm { 11367 max-width: 60% 11368 } 11369 .paymentMethodForm .paymentMethodForm-column { 11370 display: -ms-flexbox; 11371 display: flex 11372 } 11373 .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:first-child { 11374 width: 70% 11375 } 11376 .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:last-child { 11377 padding-left: 1.5rem; 11378 width: 30% 11379 } 11380 .paymentMethodForm .paymentMethodForm-column:first-child .form-field { 11381 margin-bottom: .78571rem 11382 } 11383} 11384 11385.panel--paymentMethod { 11386 font-size: 1rem; 11387 position: relative 11388} 11389 11390.panel--paymentMethod .panel-body { 11391 border: 1px solid #dfdfdf; 11392 border-radius: .21429rem; 11393 min-height: 16.28571rem; 11394 padding: 0 11395} 11396 11397.panel--paymentMethod .form-actions { 11398 font-size: 0; 11399 margin-top: 0; 11400 text-align: left 11401} 11402 11403.panel--paymentMethod .form-actions .button { 11404 margin-top: 0 11405} 11406 11407.paymentMethod-card, 11408.paymentMethod-details { 11409 display: -ms-flexbox; 11410 display: flex; 11411 -ms-flex-flow: wrap; 11412 flex-flow: wrap; 11413 margin-bottom: 0 11414} 11415 11416.paymentMethod-card { 11417 -ms-flex-align: center; 11418 align-items: center; 11419 background: #fff; 11420 padding: .78571rem 11421} 11422 11423@media (min-width:1261px) { 11424 .paymentMethod-card { 11425 padding: 1.5rem 11426 } 11427} 11428 11429.paymentMethod-icon { 11430 margin-right: .78571rem; 11431 width: 2rem 11432} 11433 11434@media (min-width:1261px) { 11435 .paymentMethod-icon { 11436 width: 3rem 11437 } 11438} 11439 11440.paymentMethod-brand { 11441 font-size: 13px; 11442 font-weight: 600 11443} 11444 11445@media (min-width:1261px) { 11446 .paymentMethod-brand { 11447 font-size: 1rem 11448 } 11449} 11450 11451.paymentMethod-default { 11452 margin-left: .78571rem 11453} 11454 11455.paymentMethod-default.icon { 11456 fill: #666; 11457 height: 1.28571rem; 11458 width: 1.28571rem 11459} 11460 11461@media (min-width:1261px) { 11462 .paymentMethod-default.icon { 11463 height: 1.42857rem; 11464 width: 1.42857rem 11465 } 11466} 11467 11468.paymentMethod-expiry { 11469 font-size: 15px; 11470 margin-left: auto; 11471 text-transform: capitalize 11472} 11473 11474.paymentMethod-details { 11475 padding: 1.5rem 11476} 11477 11478.paymentMethod-description, 11479.paymentMethod-label { 11480 display: inline-block; 11481 font-size: 13px; 11482 margin-bottom: .78571rem 11483} 11484 11485.paymentMethod-label { 11486 -ms-flex: 7.14286rem; 11487 flex: 7.14286rem; 11488 font-weight: 600 11489} 11490 11491.paymentMethod-description { 11492 -ms-flex: calc(100% - 100px); 11493 flex: calc(100% - 100px); 11494 padding-left: .78571rem 11495} 11496 11497.paymentMethod-form { 11498 padding: 0 1.5rem .78571rem 11499} 11500 11501@media (min-width:551px) { 11502 .paymentMethod-form { 11503 bottom: .78571rem; 11504 position: absolute; 11505 width: auto 11506 } 11507} 11508 11509.panel--newPaymentMethod { 11510 display: block; 11511 text-align: center; 11512 text-decoration: none 11513} 11514 11515.panel--newPaymentMethod:hover .paymentMethod-title { 11516 color: #888 11517} 11518 11519.panel--newPaymentMethod .panel-body { 11520 background-color: transparent 11521} 11522 11523.panel--newPaymentMethod .paymentMethod-title { 11524 margin-bottom: 0; 11525 text-transform: none; 11526 transition: all .15s ease 11527} 11528 11529.paymentMethod-addNew { 11530 left: 50%; 11531 position: absolute; 11532 top: 50%; 11533 transform: translateX(-50%) translateY(-55%) 11534} 11535 11536.paymentMethod-symbol { 11537 font-size: 50px; 11538 line-height: 1 11539} 11540 11541.paymentMethodForm-heading { 11542 color: #333; 11543 font-family: Rubik, Arial, Helvetica, sans-serif; 11544 margin-top: 1.5rem; 11545 text-transform: capitalize 11546} 11547 11548.paymentMethodForm-subheading { 11549 display: -ms-flexbox; 11550 display: flex; 11551 font-weight: 600 11552} 11553 11554@media (min-width:551px) { 11555 .paymentMethodForm-cards { 11556 margin-left: auto 11557 } 11558} 11559 11560.paymentMethodForm-cards-icon { 11561 margin-right: .21429rem; 11562 width: 2.42857rem 11563} 11564 11565.paymentMethodForm-inputs { 11566 position: relative 11567} 11568 11569.paymentMethodForm-inputs-icon { 11570 position: absolute; 11571 right: .64286rem; 11572 top: 2.78571rem 11573} 11574 11575.paymentMethodForm-inputs-icon.icon { 11576 fill: #999; 11577 height: 1.5rem; 11578 width: 1.5rem 11579} 11580 11581.paymentMethodForm-details { 11582 margin-bottom: 0 11583} 11584 11585@media (min-width:551px) { 11586 .paymentMethodForm-details { 11587 display: inline-block; 11588 margin: 0 3rem 0 0 11589 } 11590} 11591 11592.paymentMethodForm-details-term { 11593 font-weight: 400; 11594 margin-bottom: .78571rem 11595} 11596 11597.paymentMethodForm-details-description { 11598 font-size: 15px; 11599 font-weight: 600; 11600 letter-spacing: .25px 11601} 11602 11603.header { 11604 background-color: #020204; 11605 border-bottom: 1px solid #dfdfdf; 11606 position: fixed; 11607 top: 0; 11608 width: 100%; 11609 z-index: 100 11610} 11611 11612@media (min-width:801px) { 11613 .header { 11614 border-bottom: 1px solid #dfdfdf; 11615 overflow: visible; 11616 position: relative 11617 } 11618} 11619 11620.header.is-open { 11621 height: 100% 11622} 11623 11624@media (min-width:801px) { 11625 .header.is-open { 11626 height: auto 11627 } 11628} 11629 11630.header-logo { 11631 font-size: 0; 11632 margin: 0 3.92857rem; 11633 text-align: center 11634} 11635 11636@media (min-width:551px) { 11637 .header-logo { 11638 margin-left: 5.89286rem; 11639 margin-right: 5.89286rem 11640 } 11641} 11642 11643@media (min-width:801px) { 11644 .header-logo { 11645 margin: 4rem auto 4.5rem; 11646 padding: 0 11647 } 11648 .header.fixed .header-logo { 11649 background-color: #e5e5e5; 11650 margin: 0; 11651 padding: .35714rem 0; 11652 position: absolute; 11653 top: 0; 11654 width: 100% 11655 } 11656} 11657 11658.header-logo>a { 11659 color: #130d0d; 11660 display: inline-block; 11661 padding: .78571rem 0; 11662 position: relative; 11663 text-decoration: none; 11664 width: 60%; 11665 z-index: 20 11666} 11667 11668.header-logo>a:after, 11669.header-logo>a:before { 11670 content: " "; 11671 display: table 11672} 11673 11674.header-logo>a:after { 11675 clear: both 11676} 11677 11678@media (min-width:801px) { 11679 .header-logo>a { 11680 background: 0 0; 11681 border-bottom: 0; 11682 display: inline; 11683 padding: 0; 11684 width: 100% 11685 } 11686} 11687 11688.header-logo>a:hover { 11689 color: #888 11690} 11691 11692.header-logo>a:active { 11693 color: #888 11694} 11695 11696.header-logo--left { 11697 text-align: left 11698} 11699 11700@media (min-width:801px) { 11701 .header-logo--left { 11702 margin-left: 2.85714rem 11703 } 11704} 11705 11706.header-logo--left .header-logo-image { 11707 right: unset 11708} 11709 11710.header-logo--right { 11711 text-align: right 11712} 11713 11714@media (min-width:801px) { 11715 .header-logo--right { 11716 margin-right: 2.85714rem 11717 } 11718} 11719 11720.header-logo--right .header-logo-image { 11721 left: unset 11722} 11723 11724.header-logo-text { 11725 display: block; 11726 font-family: Rubik, Arial, Helvetica, sans-serif; 11727 font-size: 20px; 11728 font-weight: 500; 11729 letter-spacing: .14286rem; 11730 margin-left: auto; 11731 margin-right: auto; 11732 overflow: hidden; 11733 padding: .21429rem 0; 11734 text-overflow: ellipsis; 11735 text-transform: uppercase; 11736 white-space: nowrap 11737} 11738 11739@media (min-width:551px) { 11740 .header-logo-text { 11741 font-size: 22px; 11742 padding-bottom: 0; 11743 padding-top: 0 11744 } 11745} 11746 11747@media (min-width:801px) { 11748 .header-logo-text { 11749 display: inline; 11750 font-size: 28px; 11751 margin-left: 0; 11752 margin-right: -.14286rem; 11753 max-width: none; 11754 overflow: auto; 11755 white-space: normal 11756 } 11757 .header.fixed .header-logo-text { 11758 font-size: 25px 11759 } 11760} 11761 11762.header-logo-image-container { 11763 position: relative 11764} 11765 11766.header-logo-image-container:after { 11767 content: ''; 11768 display: block; 11769 padding-bottom: 2.35714rem 11770} 11771 11772@media (min-width:801px) { 11773 .header-logo-image-container:after { 11774 padding-bottom: 150px 11775 } 11776} 11777 11778.header-logo-image { 11779 position: absolute; 11780 top: 0; 11781 bottom: 0; 11782 left: 0; 11783 right: 0; 11784 margin: auto; 11785 max-height: 2.35714rem 11786} 11787 11788@media (min-width:801px) { 11789 .header-logo-image { 11790 max-height: none 11791 } 11792} 11793 11794.header-logo-image-unknown-size { 11795 max-height: 2.35714rem 11796} 11797 11798@media (min-width:801px) { 11799 .header-logo-image-unknown-size { 11800 max-height: none 11801 } 11802} 11803 11804.mobileMenu-toggle { 11805 height: 3.92857rem; 11806 width: 3.92857rem; 11807 display: inline-block; 11808 font-size: 0; 11809 left: 0; 11810 overflow: hidden; 11811 padding: 0 1.28571rem; 11812 position: absolute; 11813 z-index: 50 11814} 11815 11816@media (min-width:801px) { 11817 .mobileMenu-toggle { 11818 display: none 11819 } 11820} 11821 11822.mobileMenu-toggle .mobileMenu-toggleIcon, 11823.mobileMenu-toggle .mobileMenu-toggleIcon::after, 11824.mobileMenu-toggle .mobileMenu-toggleIcon::before { 11825 background: #2e3344; 11826 content: ""; 11827 display: block; 11828 height: 2px; 11829 position: absolute; 11830 transform: rotate(0); 11831 transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms; 11832 width: 1.42857rem 11833} 11834 11835.mobileMenu-toggle .mobileMenu-toggleIcon { 11836 top: 1.92857rem; 11837 transition: background-color 10ms ease-in .1s 11838} 11839 11840.mobileMenu-toggle .mobileMenu-toggleIcon::before { 11841 top: -.5rem 11842} 11843 11844.mobileMenu-toggle .mobileMenu-toggleIcon::after { 11845 bottom: -.5rem 11846} 11847 11848.mobileMenu-toggle.is-open .mobileMenu-toggleIcon { 11849 background-color: transparent; 11850 transition-delay: .1s 11851} 11852 11853.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, 11854.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { 11855 background-color: #2e3344; 11856 bottom: auto; 11857 top: auto; 11858 transition: transform .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in 11859} 11860 11861.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { 11862 top: 0; 11863 transform: rotate(45deg) 11864} 11865 11866.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after { 11867 bottom: 0; 11868 transform: rotate(-45deg) 11869} 11870 11871.body { 11872 margin-bottom: 6rem; 11873 margin-top: 1.5rem 11874} 11875 11876@media (min-width:801px) { 11877 .body { 11878 margin-top: 2.5rem 11879 } 11880} 11881 11882.page { 11883 margin: 0 -.75rem; 11884 max-width: none; 11885 width: auto 11886} 11887 11888.page:after, 11889.page:before { 11890 content: " "; 11891 display: table 11892} 11893 11894.page:after { 11895 clear: both 11896} 11897 11898.page-content, 11899.page-content--full { 11900 padding-left: .75rem; 11901 padding-right: .75rem; 11902 width: 100%; 11903 float: left 11904} 11905 11906@media (min-width:801px) { 11907 .page-content--centered { 11908 padding-left: .75rem; 11909 padding-right: .75rem; 11910 width: 66.66667%; 11911 float: left; 11912 margin-left: auto; 11913 margin-right: auto; 11914 float: none 11915 } 11916} 11917 11918.page-content--textCenter { 11919 text-align: center 11920} 11921 11922.page-sidebar { 11923 padding-left: .75rem; 11924 padding-right: .75rem; 11925 width: 100%; 11926 float: left; 11927 position: relative 11928} 11929 11930@media (min-width:801px) { 11931 .page-sidebar { 11932 padding-left: .75rem; 11933 padding-right: .75rem; 11934 width: 25%; 11935 float: left 11936 } 11937 .page-sidebar+.page-content { 11938 padding-left: .75rem; 11939 padding-right: .75rem; 11940 width: 75%; 11941 float: left 11942 } 11943} 11944 11945.footer { 11946 background-color: #020204; 11947 border-top: 1px solid #dfdfdf; 11948 padding: 3rem 0 11949} 11950 11951.footer-info { 11952 margin: 0 -.75rem; 11953 max-width: none; 11954 width: auto; 11955 font-size: 0 11956} 11957 11958.footer-info:after, 11959.footer-info:before { 11960 content: " "; 11961 display: table 11962} 11963 11964.footer-info:after { 11965 clear: both 11966} 11967 11968.footer-info-col { 11969 padding-left: .75rem; 11970 padding-right: .75rem; 11971 width: 100%; 11972 float: left; 11973 color: #333; 11974 display: inline-block; 11975 float: none; 11976 font-size: 1rem; 11977 margin-bottom: 3rem; 11978 text-align: center; 11979 vertical-align: top 11980} 11981 11982@media (min-width:551px) { 11983 .footer-info-col { 11984 text-align: left; 11985 width: 50% 11986 } 11987} 11988 11989@media (min-width:801px) { 11990 .footer-info-col { 11991 width: 33.33334% 11992 } 11993} 11994 11995.footer-info-col>:first-child { 11996 margin-top: 0 11997} 11998 11999.footer-info-col>:last-child { 12000 margin-bottom: 0 12001} 12002 12003@media (min-width:801px) { 12004 .footer-info-col--small { 12005 width: 16.66667% 12006 } 12007} 12008 12009.footer-info-col--social { 12010 width: 100% 12011} 12012 12013@media (min-width:551px) { 12014 .footer-info-col--left { 12015 padding: 0 12016 } 12017} 12018 12019@media (min-width:551px) { 12020 .footer-info-col--right { 12021 left: 50%; 12022 position: inherit 12023 } 12024} 12025 12026@media (min-width:801px) { 12027 .footer-info-col--right { 12028 left: 0; 12029 padding: 0; 12030 text-align: right 12031 } 12032} 12033 12034.footer-info-heading { 12035 font-size: 1rem; 12036 text-transform: inherit 12037} 12038 12039.footer-info-list { 12040 list-style: none; 12041 margin-left: 0 12042} 12043 12044.footer-info-list a { 12045 color: #333; 12046 text-decoration: none 12047} 12048 12049.footer-info-list a:hover { 12050 color: #888 12051} 12052 12053.footer-copyright { 12054 text-align: center 12055} 12056 12057@media (min-width:551px) { 12058 .footer-copyright { 12059 text-align: left 12060 } 12061} 12062 12063.footer-copyright>.powered-by { 12064 color: #333; 12065 font-size: 12px; 12066 margin: 0 12067} 12068 12069.footer-copyright a { 12070 color: #333; 12071 text-decoration: none 12072} 12073 12074.footer-copyright a:hover { 12075 color: #888 12076} 12077 12078.footer-payment-icons { 12079 height: 2.85714rem; 12080 margin-top: 1.5rem 12081} 12082 12083@media (min-width:801px) { 12084 .footer-payment-icons { 12085 margin-top: 3rem 12086 } 12087} 12088 12089.footer-payment-icons .footer-payment-icon { 12090 height: 100%; 12091 margin: .35714rem; 12092 vertical-align: middle; 12093 width: 3.57143rem 12094} 12095 12096.footer-payment-icons svg { 12097 fill: #8e8e8e 12098} 12099 12100@media (min-width:551px) { 12101 .footer-geotrust-ssl-seal { 12102 bottom: 0; 12103 position: absolute; 12104 right: 16px 12105 } 12106} 12107 12108.footer-geotrust-ssl-seal table { 12109 margin: auto 12110} 12111 12112.footer-newsletter-summary { 12113 text-align: left 12114} 12115 12116.container { 12117 margin-left: auto; 12118 margin-right: auto; 12119 max-width: 91.71429rem; 12120 padding: 0 1.5rem; 12121 position: relative; 12122 width: 100% 12123} 12124 12125@media (min-width:1261px) { 12126 .container { 12127 padding: 0 6rem 12128 } 12129} 12130 12131.blog { 12132 margin-bottom: 1.5rem 12133} 12134 12135@media (min-width:801px) { 12136 .blog { 12137 margin: auto; 12138 width: 100% 12139 } 12140} 12141 12142.blog+.blog { 12143 border-top: 1px solid #dfdfdf; 12144 margin-top: 3rem; 12145 padding-top: 3rem 12146} 12147 12148.blog .tags { 12149 margin-top: 3rem; 12150 text-align: center 12151} 12152 12153.blog .socialLinks { 12154 text-align: center 12155} 12156 12157.blog .addthis_toolbox { 12158 margin-top: 3rem 12159} 12160 12161.blog-title { 12162 font-size: 22px; 12163 margin: 0 1.5rem .35714rem 12164} 12165 12166.blog-title a { 12167 text-decoration: none 12168} 12169 12170.blog-author, 12171.blog-date { 12172 color: #333; 12173 text-align: center 12174} 12175 12176.blog-author { 12177 margin-bottom: 2.5rem 12178} 12179 12180.blog-post { 12181 font-size: 15px; 12182 text-align: left 12183} 12184 12185.blog-thumbnail { 12186 margin: 0 auto 2rem; 12187 position: relative; 12188 max-width: 400px 12189} 12190 12191.blog-thumbnail img { 12192 width: 100% 12193} 12194 12195.blog-post-figure { 12196 display: block; 12197 margin: auto; 12198 text-align: center 12199} 12200 12201@media (min-width:801px) { 12202 .blog-post-figure { 12203 width: 66.66667% 12204 } 12205} 12206 12207.blog-post-body { 12208 display: block; 12209 margin: 0 auto; 12210 text-align: center; 12211 width: 100% 12212} 12213 12214@media (min-width:551px) { 12215 .blog-post-body {
12216 width: 83.33333% 12217 } 12218} 12219 12220@media (min-width:801px) { 12221 .blog-post-body { 12222 width: 66.66667% 12223 } 12224} 12225 12226@media (min-width:1261px) { 12227 .blog-post-body { 12228 width: 50% 12229 } 12230} 12231 12232.sidebarBlock+.sidebarBlock { 12233 border-top: 1px solid #dfdfdf; 12234 margin-top: 2rem; 12235 padding-top: 2rem 12236} 12237 12238.sidebarBlock-heading { 12239 margin-top: 0; 12240 text-transform: inherit 12241} 12242 12243.brandGrid { 12244 list-style: none; 12245 margin-left: 0; 12246 margin: 0 -.75rem; 12247 max-width: none; 12248 width: auto; 12249 font-size: 0; 12250 margin-bottom: 1.5rem 12251} 12252 12253.brandGrid ol, 12254.brandGrid ul { 12255 list-style: none; 12256 margin-bottom: 0 12257} 12258 12259.brandGrid:after, 12260.brandGrid:before { 12261 content: " "; 12262 display: table 12263} 12264 12265.brandGrid:after { 12266 clear: both 12267} 12268 12269.brandGrid .brand { 12270 padding-left: .75rem; 12271 padding-right: .75rem; 12272 width: 50%; 12273 float: none; 12274 display: inline-block; 12275 font-size: 1rem; 12276 vertical-align: top 12277} 12278 12279@media (min-width:551px) { 12280 .brandGrid .brand { 12281 width: 33.33333% 12282 } 12283} 12284 12285@media (min-width:801px) { 12286 .brandGrid .brand { 12287 width: 25% 12288 } 12289} 12290 12291.brandGrid .brand .card-title { 12292 text-align: center 12293} 12294 12295.brand-image-container { 12296 position: relative; 12297 max-width: 100px 12298} 12299 12300.brand-image-container img { 12301 position: absolute; 12302 top: 0; 12303 bottom: 0; 12304 left: 0; 12305 right: 0; 12306 margin: auto 12307} 12308 12309.brand-image-container:after { 12310 content: ''; 12311 display: block; 12312 height: 0; 12313 width: 100%; 12314 padding-bottom: 100% 12315} 12316 12317.brand .card-img-container { 12318 max-width: 271px 12319} 12320 12321.brand .card-img-container:after { 12322 content: ''; 12323 display: block; 12324 height: 0; 12325 width: 100%; 12326 padding-bottom: 100% 12327} 12328 12329.productGrid { 12330 list-style: none; 12331 margin-left: 0; 12332 margin: 0 -.75rem; 12333 max-width: none; 12334 width: auto; 12335 font-size: 0; 12336 margin-bottom: 1.5rem 12337} 12338 12339.productGrid ol, 12340.productGrid ul { 12341 list-style: none; 12342 margin-bottom: 0 12343} 12344 12345.productGrid:after, 12346.productGrid:before { 12347 content: " "; 12348 display: table 12349} 12350 12351.productGrid:after { 12352 clear: both 12353} 12354 12355.productGrid .product { 12356 padding-left: .75rem; 12357 padding-right: .75rem; 12358 width: 50%; 12359 float: none; 12360 display: inline-block; 12361 font-size: 1rem; 12362 vertical-align: top 12363} 12364 12365@media (min-width:551px) { 12366 .productGrid .product { 12367 width: 33.33333% 12368 } 12369} 12370 12371@media (min-width:801px) { 12372 .productGrid .product { 12373 width: 25% 12374 } 12375} 12376 12377@media (min-width:551px) { 12378 .page-sidebar+.page-content .productGrid .product { 12379 width: 33.33333% 12380 } 12381} 12382 12383.productMasonry { 12384 column-count: 2; 12385 column-fill: auto; 12386 column-gap: 1.42857rem; 12387 margin: 0 0 1.5rem; 12388 overflow: hidden 12389} 12390 12391@media (min-width:551px) { 12392 .productMasonry { 12393 column-count: 3 12394 } 12395} 12396 12397@media (min-width:801px) { 12398 .productMasonry { 12399 column-count: 4 12400 } 12401} 12402 12403.productMasonry .product { 12404 break-inside: avoid; 12405 page-break-inside: avoid; 12406 display: block; 12407 margin-bottom: 3rem; 12408 padding: 0; 12409 width: 100% 12410} 12411 12412.productMasonry .card { 12413 margin: 0 12414} 12415 12416@media (min-width:801px) { 12417 .no-csscolumns .productGrid--maxCol6 .product { 12418 width: 16.66667% 12419 } 12420} 12421 12422@media (min-width:801px) { 12423 .csscolumns .productGrid--maxCol6 { 12424 column-count: 6 12425 } 12426} 12427 12428@media (min-width:801px) { 12429 .no-csscolumns .productGrid--maxCol3 .product { 12430 width: 33.33333% 12431 } 12432} 12433 12434@media (min-width:801px) { 12435 .csscolumns .productGrid--maxCol3 { 12436 padding-left: .75rem; 12437 padding-right: .75rem; 12438 width: 100%; 12439 float: left; 12440 float: none 12441 } 12442 .csscolumns .productGrid--maxCol3 .product { 12443 padding-left: .75rem; 12444 padding-right: .75rem; 12445 width: 33.33333%; 12446 float: none 12447 } 12448} 12449 12450.productList { 12451 list-style: none; 12452 margin-left: 0; 12453 margin: .78571rem 12454} 12455 12456.productList ol, 12457.productList ul { 12458 list-style: none; 12459 margin-bottom: 0 12460} 12461 12462.productList .product+.product { 12463 margin-top: 4rem 12464} 12465 12466@media (min-width:551px) { 12467 .listItem { 12468 margin: 0 -.75rem; 12469 max-width: none; 12470 width: auto; 12471 display: table 12472 } 12473 .listItem:after, 12474 .listItem:before { 12475 content: " "; 12476 display: table 12477 } 12478 .listItem:after { 12479 clear: both 12480 } 12481} 12482 12483@media (min-width:551px) { 12484 .listItem-body, 12485 .listItem-figure { 12486 display: table-cell; 12487 vertical-align: top 12488 } 12489} 12490 12491@media (min-width:1261px) { 12492 .listItem-body, 12493 .listItem-figure { 12494 vertical-align: middle 12495 } 12496} 12497 12498.listItem-button { 12499 background-color: rgba(46, 51, 68, .9); 12500 color: #fff 12501} 12502 12503.listItem-button:hover { 12504 background-color: #2e3344; 12505 color: #fff 12506} 12507 12508.listItem-figure { 12509 margin: 0 0 1.5rem 12510} 12511 12512@media (min-width:551px) { 12513 .listItem-figure { 12514 margin-bottom: 0; 12515 padding-left: .78571rem; 12516 padding-right: .78571rem; 12517 width: 25% 12518 } 12519} 12520 12521@media (min-width:1261px) { 12522 .listItem-figure { 12523 position: relative 12524 } 12525} 12526 12527.listItem-figure .listItem-button { 12528 margin: 1.5rem 0 12529} 12530 12531@media (min-width:1261px) { 12532 .listItem-figure .listItem-button { 12533 position: relative; 12534 top: 50%; 12535 transform: translateY(-50%); 12536 display: inline-block; 12537 margin: 0 0 1.5rem; 12538 pointer-events: all; 12539 transform-style: preserve-3d 12540 } 12541} 12542 12543.listItem-figureBody { 12544 opacity: 1;
12545 text-align: center 12546} 12547 12548@media (min-width:1261px) { 12549 .listItem-figureBody { 12550 bottom: 0; 12551 height: 100%; 12552 left: .78571rem; 12553 opacity: 0; 12554 position: absolute; 12555 right: .78571rem; 12556 top: 0 12557 } 12558 .listItem-figureBody:hover { 12559 opacity: 1 12560 } 12561} 12562 12563.listItem-image { 12564 width: 100% 12565} 12566 12567@media (min-width:551px) { 12568 .listItem-body { 12569 padding-left: 1.28571rem; 12570 padding-right: .78571rem; 12571 width: 75% 12572 } 12573} 12574 12575@media (min-width:1261px) { 12576 .listItem-content { 12577 display: table 12578 } 12579} 12580 12581@media (min-width:1261px) { 12582 .listItem-actions, 12583 .listItem-details { 12584 display: table-cell; 12585 vertical-align: top 12586 } 12587} 12588 12589@media (min-width:1261px) { 12590 .listItem-details { 12591 padding-right: 6rem 12592 } 12593 .listItem-details>:last-child { 12594 margin-bottom: 0 12595 } 12596} 12597 12598.listItem-rating { 12599 margin-bottom: .35714rem 12600} 12601 12602.listItem-brand { 12603 color: #999; 12604 font-size: 1rem; 12605 margin: 0 0 .21429rem 12606} 12607 12608@media (min-width:801px) { 12609 .listItem-brand { 12610 font-size: 15px; 12611 margin-bottom: 0 12612 } 12613} 12614 12615.listItem-title { 12616 font-size: 15px; 12617 margin: 0 0 .21429rem 12618} 12619 12620@media (min-width:801px) { 12621 .listItem-title { 12622 font-size: 20px 12623 } 12624} 12625 12626.listItem-title>a { 12627 text-decoration: none 12628} 12629 12630.listItem-price { 12631 margin-bottom: 1rem 12632} 12633 12634@media (min-width:801px) { 12635 .listItem-price { 12636 font-size: 20px 12637 } 12638} 12639 12640@media (min-width:1261px) { 12641 .listItem-actions { 12642 vertical-align: middle; 12643 width: 22% 12644 } 12645 .listItem-actions .button--compare { 12646 font-size: 13px; 12647 padding: .57143rem 1.5rem 12648 } 12649} 12650 12651.listItem-actions .button { 12652 margin-bottom: 0 12653} 12654 12655@media (min-width:1261px) { 12656 .listItem-actions .button { 12657 width: 100% 12658 } 12659 .listItem-actions .button+.button { 12660 margin: .78571rem 0 0 12661 } 12662} 12663 12664@media (min-width:1261px) { 12665 .page-sidebar+.page-content .productList .listItem-details { 12666 padding-right: 3rem 12667 } 12668} 12669 12670@media (min-width:1261px) { 12671 .page-sidebar+.page-content .productList .listItem-actions { 12672 width: 30% 12673 } 12674} 12675 12676.productView { 12677 margin: 0 -.75rem; 12678 max-width: none; 12679 width: auto; 12680 margin-left: -1rem; 12681 margin-right: -1rem 12682} 12683 12684.productView:after, 12685.productView:before { 12686 content: " "; 12687 display: table 12688} 12689 12690.productView:after { 12691 clear: both 12692} 12693 12694.modal .productView { 12695 padding-bottom: 0; 12696 padding-top: 0 12697} 12698 12699.productView--quickView .socialLinks-item--print { 12700 display: none 12701} 12702 12703.productView-images { 12704 padding-left: .75rem; 12705 padding-right: .75rem; 12706 width: 100%; 12707 float: left; 12708 padding-left: 1rem; 12709 padding-right: 1rem 12710} 12711 12712@media (min-width:801px) { 12713 .productView-images { 12714 width: 50% 12715 } 12716} 12717 12718.productView-details { 12719 padding-left: .75rem; 12720 padding-right: .75rem; 12721 width: 100%; 12722 float: left; 12723 padding-left: 1rem; 12724 padding-right: 1rem 12725} 12726 12727@media (min-width:801px) { 12728 .productView-details { 12729 clear: right; 12730 float: right; 12731 width: 50% 12732 } 12733} 12734 12735.productView-description { 12736 padding-left: .75rem; 12737 padding-right: .75rem; 12738 width: 100%; 12739 float: left; 12740 padding-left: 1rem; 12741 padding-right: 1rem 12742} 12743 12744@media (min-width:1261px) { 12745 .productView-description { 12746 clear: right; 12747 float: right; 12748 width: 50% 12749 } 12750} 12751 12752.productView-description .productView-title { 12753 border-bottom: 1px solid #dfdfdf; 12754 margin-bottom: 1rem; 12755 padding-left: 1rem; 12756 padding-right: 1rem 12757} 12758 12759@media (min-width:801px) { 12760 .productView-description .productView-description { 12761 clear: both; 12762 float: none; 12763 width: 100% 12764 } 12765} 12766 12767.sale-flag-star, 12768.sale-flag-star:after, 12769.sale-flag-star:before { 12770 background: #61ca70; 12771 content: ""; 12772 display: block; 12773 height: 3.57143rem; 12774 left: 0; 12775 overflow: visible; 12776 position: absolute; 12777 top: 0; 12778 transform: scaleX(1) scaleY(1) scaleZ(1); 12779 transform-origin: 50% 50% 0; 12780 width: 3.57143rem; 12781 z-index: 10 12782} 12783 12784.sale-flag-star:before { 12785 transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1) 12786} 12787 12788.sale-flag-star:after { 12789 transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1) 12790} 12791 12792.starwrap { 12793 height: 3.57143rem; 12794 position: absolute; 12795 top: 10px; 12796 width: 3.57143rem 12797} 12798 12799.sale-text-burst { 12800 color: #fff; 12801 font-weight: 600; 12802 line-height: 1.07143rem; 12803 position: absolute; 12804 text-align: center; 12805 top: 20%; 12806 width: 3.57143rem; 12807 z-index: 50 12808} 12809 12810.sale-flag-side { 12811 background: #61ca70; 12812 border-radius: 0 50px 50px 0; 12813 color: #fff; 12814 font-size: 15px; 12815 font-weight: 700; 12816 height: 1.42857rem; 12817 line-height: 1.14286rem; 12818 padding-left: .5rem; 12819 padding-right: .78571rem; 12820 padding-top: .10714rem; 12821 position: absolute; 12822 transition: .8s ease; 12823 z-index: 10 12824} 12825 12826.sale-flag-sash { 12827 background: #61ca70; 12828 color: #fff; 12829 font-size: 15px; 12830 font-weight: 700; 12831 height: 1.42857rem; 12832 left: -35px; 12833 line-height: 1.14286rem; 12834 padding-top: .10714rem; 12835 position: absolute; 12836 text-align: center; 12837 top: 25px; 12838 transform: rotate(-45deg); 12839 transition: .8s ease; 12840 width: 8.5rem; 12841 z-index: 10 12842} 12843
12844.product:hover .sale-flag-sash { 12845 background: #000; 12846 transition: .8s ease 12847} 12848 12849.product { 12850 overflow: hidden 12851} 12852 12853[data-product-attribute] .form-option.form-option-swatch { 12854 overflow: visible 12855} 12856 12857.form-option-variant--color, 12858.form-option-variant--pattern { 12859 height: 34px; 12860 width: 34px 12861} 12862 12863.form-option-expanded { 12864 background-color: #fff; 12865 border: 1px solid #999; 12866 left: calc(100% + 55px); 12867 opacity: 0; 12868 padding: 3px; 12869 position: absolute; 12870 top: calc(100% + 5px); 12871 transition: opacity .3s cubic-bezier(.25, .46, .45, .94); 12872 visibility: hidden 12873} 12874 12875.form-option:hover .form-option-expanded { 12876 opacity: 1; 12877 transform: translate(-50%, 0); 12878 visibility: visible; 12879 z-index: 5000 12880} 12881 12882.form-option-image { 12883 background-position: 50%; 12884 background-repeat: no-repeat; 12885 background-size: cover; 12886 display: block; 12887 height: 100px; 12888 width: 100px 12889} 12890 12891.account { 12892 margin-bottom: 1.5rem 12893} 12894 12895@media (min-width:801px) { 12896 .account--fixed { 12897 margin: 0 auto; 12898 width: 66.66667% 12899 } 12900} 12901 12902@media (min-width:801px) { 12903 .account--fixedSmall { 12904 margin: 0 auto; 12905 width: 50% 12906 } 12907} 12908 12909@media (min-width:801px) { 12910 .account--fixedLarge { 12911 margin: 0 auto; 12912 width: 75% 12913 } 12914} 12915 12916.account-head { 12917 margin-bottom: 3rem; 12918 text-align: center 12919} 12920 12921.account-head .alertBox { 12922 padding-left: 3rem; 12923 padding-right: 3rem; 12924 text-align: left 12925} 12926 12927.account-body { 12928 margin: 0 -.75rem; 12929 max-width: none; 12930 width: auto 12931} 12932 12933.account-body:after, 12934.account-body:before { 12935 content: " "; 12936 display: table 12937} 12938 12939.account-body:after { 12940 clear: both 12941} 12942 12943.account-content { 12944 padding-left: .75rem; 12945 padding-right: .75rem; 12946 width: 100%; 12947 float: left 12948} 12949 12950@media (min-width:801px) { 12951 .account-content--fixed { 12952 width: 66.66667% 12953 } 12954} 12955 12956@media (min-width:801px) { 12957 .account-content--fixedSmall { 12958 width: 50% 12959 } 12960} 12961 12962.account-sidebar { 12963 padding-left: .75rem; 12964 padding-right: .75rem; 12965 width: 100%; 12966 float: left 12967} 12968 12969@media (min-width:801px) { 12970 .account-sidebar { 12971 width: 33.33333% 12972 } 12973 .account-content--fixedSmall+.account-sidebar { 12974 float: right 12975 } 12976} 12977 12978.jstree-children, 12979.jstree-container-ul, 12980.jstree-node { 12981 display: block; 12982 margin: 0; 12983 padding: 0; 12984 list-style-type: none; 12985 list-style-image: none 12986} 12987 12988.jstree-node { 12989 white-space: nowrap 12990} 12991 12992.jstree-anchor { 12993 display: inline-block; 12994 color: #000; 12995 white-space: nowrap; 12996 padding: 0 4px 0 1px; 12997 margin: 0; 12998 vertical-align: top 12999} 13000 13001.jstree-anchor:focus { 13002 outline: 0 13003} 13004 13005.jstree-anchor, 13006.jstree-anchor:active, 13007.jstree-anchor:hover, 13008.jstree-anchor:link, 13009.jstree-anchor:visited { 13010 text-decoration: none; 13011 color: inherit 13012} 13013 13014.jstree-icon { 13015 display: inline-block; 13016 text-decoration: none; 13017 margin: 0; 13018 padding: 0; 13019 vertical-align: top; 13020 text-align: center 13021} 13022 13023.jstree-icon:empty { 13024 display: inline-block; 13025 text-decoration: none; 13026 margin: 0; 13027 padding: 0; 13028 vertical-align: top; 13029 text-align: center 13030} 13031 13032.jstree-ocl { 13033 cursor: pointer 13034} 13035 13036.jstree-leaf>.jstree-ocl { 13037 cursor: default 13038} 13039 13040.jstree .jstree-open>.jstree-children { 13041 display: block 13042} 13043 13044.jstree .jstree-closed>.jstree-children, 13045.jstree .jstree-leaf>.jstree-children { 13046 display: none 13047} 13048 13049.jstree-anchor>.jstree-themeicon { 13050 margin-right: 2px 13051} 13052 13053.jstree-anchor>.jstree-themeicon-hidden, 13054.jstree-no-icons .jstree-themeicon { 13055 display: none 13056} 13057 13058.jstree-hidden { 13059 display: none 13060} 13061 13062.jstree-rtl .jstree-anchor { 13063 padding: 0 1px 0 4px 13064} 13065 13066.jstree-rtl .jstree-anchor>.jstree-themeicon { 13067 margin-left: 2px; 13068 margin-right: 0 13069} 13070 13071.jstree-rtl .jstree-node { 13072 margin-left: 0 13073} 13074 13075.jstree-rtl .jstree-container-ul>.jstree-node { 13076 margin-right: 0 13077} 13078 13079.jstree-wholerow-ul { 13080 position: relative; 13081 display: inline-block; 13082 min-width: 100% 13083} 13084 13085.jstree-wholerow-ul .jstree-leaf>.jstree-ocl { 13086 cursor: pointer 13087} 13088 13089.jstree-wholerow-ul .jstree-anchor, 13090.jstree-wholerow-ul .jstree-icon { 13091 position: relative 13092} 13093 13094.jstree-wholerow-ul .jstree-wholerow { 13095 width: 100%; 13096 cursor: pointer; 13097 position: absolute; 13098 left: 0; 13099 -webkit-user-select: none; 13100 -moz-user-select: none;
13101 -ms-user-select: none; 13102 user-select: none 13103} 13104 13105.vakata-context { 13106 display: none 13107} 13108 13109.vakata-context, 13110.vakata-context ul { 13111 margin: 0; 13112 padding: 2px; 13113 position: absolute; 13114 background: #f5f5f5; 13115 border: 1px solid #979797; 13116 box-shadow: 2px 2px 2px #999 13117} 13118 13119.vakata-context ul { 13120 list-style: none; 13121 left: 100%; 13122 margin-top: -2.7em; 13123 margin-left: -4px 13124} 13125 13126.vakata-context .vakata-context-right ul { 13127 left: auto; 13128 right: 100%; 13129 margin-left: auto; 13130 margin-right: -4px 13131} 13132 13133.vakata-context li { 13134 list-style: none; 13135 display: inline 13136} 13137 13138.vakata-context li>a { 13139 display: block; 13140 padding: 0 2em 0 2em; 13141 text-decoration: none; 13142 width: auto; 13143 color: #000; 13144 white-space: nowrap; 13145 line-height: 2.4em; 13146 text-shadow: 1px 1px 0 #fff; 13147 border-radius: 1px 13148} 13149 13150.vakata-context li>a:hover { 13151 position: relative; 13152 background-color: #e8eff7; 13153 box-shadow: 0 0 2px #0a6aa1 13154} 13155 13156.vakata-context li>a.vakata-context-parent { 13157 background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==); 13158 background-position: right center; 13159 background-repeat: no-repeat 13160} 13161 13162.vakata-context li>a:focus { 13163 outline: 0 13164} 13165 13166.vakata-context .vakata-context-hover>a { 13167 position: relative; 13168 background-color: #e8eff7; 13169 box-shadow: 0 0 2px #0a6aa1 13170} 13171 13172.vakata-context .vakata-context-separator>a, 13173.vakata-context .vakata-context-separator>a:hover { 13174 background: #fff; 13175 border: 0; 13176 border-top: 1px solid #e2e3e3; 13177 height: 1px; 13178 min-height: 1px; 13179 max-height: 1px; 13180 padding: 0; 13181 margin: 0 0 0 2.4em; 13182 border-left: 1px solid #e0e0e0; 13183 text-shadow: 0 0 0 transparent; 13184 box-shadow: 0 0 0 transparent; 13185 border-radius: 0 13186} 13187 13188.vakata-context .vakata-contextmenu-disabled a, 13189.vakata-context .vakata-contextmenu-disabled a:hover { 13190 color: silver; 13191 background-color: transparent; 13192 border: 0; 13193 box-shadow: 0 0 0 13194} 13195 13196.vakata-context li>a>i { 13197 text-decoration: none; 13198 display: inline-block; 13199 width: 2.4em; 13200 height: 2.4em; 13201 background: 0 0; 13202 margin: 0 0 0 -2em; 13203 vertical-align: top; 13204 text-align: center; 13205 line-height: 2.4em 13206} 13207 13208.vakata-context li>a>i:empty { 13209 width: 2.4em; 13210 line-height: 2.4em 13211} 13212 13213.vakata-context li>a .vakata-contextmenu-sep { 13214 display: inline-block; 13215 width: 1px; 13216 height: 2.4em; 13217 background: #fff; 13218 margin: 0 .5em 0 0; 13219 border-left: 1px solid #e2e3e3 13220} 13221 13222.vakata-context .vakata-contextmenu-shortcut { 13223 font-size: .8em; 13224 color: silver; 13225 opacity: .5; 13226 display: none 13227} 13228 13229.vakata-context-rtl ul { 13230 left: auto; 13231 right: 100%; 13232 margin-left: auto; 13233 margin-right: -4px 13234} 13235 13236.vakata-context-rtl li>a.vakata-context-parent { 13237 background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7); 13238 background-position: left center; 13239 background-repeat: no-repeat 13240} 13241 13242.vakata-context-rtl .vakata-context-separator>a { 13243 margin: 0 2.4em 0 0; 13244 border-left: 0; 13245 border-right: 1px solid #e2e3e3 13246} 13247 13248.vakata-context-rtl .vakata-context-left ul { 13249 right: auto; 13250 left: 100%; 13251 margin-left: -4px; 13252 margin-right: auto 13253} 13254 13255.vakata-context-rtl li>a>i { 13256 margin: 0 -2em 0 0 13257} 13258 13259.vakata-context-rtl li>a .vakata-contextmenu-sep { 13260 margin: 0 0 0 .5em; 13261 border-left-color: #fff; 13262 background: #e2e3e3 13263} 13264 13265#jstree-marker { 13266 position: absolute; 13267 top: 0; 13268 left: 0; 13269 margin: -5px 0 0 0; 13270 padding: 0; 13271 border-right: 0; 13272 border-top: 5px solid transparent; 13273 border-bottom: 5px solid transparent; 13274 border-left: 5px solid; 13275 width: 0; 13276 height: 0; 13277 font-size: 0; 13278 line-height: 0 13279} 13280 13281#jstree-dnd { 13282 line-height: 16px; 13283 margin: 0; 13284 padding: 4px 13285} 13286 13287#jstree-dnd .jstree-copy, 13288#jstree-dnd .jstree-icon { 13289 display: inline-block; 13290 text-decoration: none; 13291 margin: 0 2px 0 0; 13292 padding: 0; 13293 width: 16px; 13294 height: 16px 13295} 13296 13297#jstree-dnd .jstree-ok { 13298 background: green 13299} 13300 13301#jstree-dnd .jstree-er { 13302 background: red 13303} 13304 13305#jstree-dnd .jstree-copy { 13306 margin: 0 2px 0 2px 13307} 13308 13309.jstree-default .jstree-icon, 13310.jstree-default .jstree-node { 13311 background-repeat: no-repeat; 13312 background-color: transparent 13313} 13314 13315.jstree-default .jstree-anchor, 13316.jstree-default .jstree-wholerow { 13317 transition: background-color .15s, box-shadow .15s 13318} 13319 13320.jstree-default .jstree-hovered { 13321 background: #e7f4f9; 13322 border-radius: 2px; 13323 box-shadow: inset 0 0 1px #ccc 13324} 13325 13326.jstree-default .jstree-clicked { 13327 background: #beebff; 13328 border-radius: 2px; 13329 box-shadow: inset 0 0 1px #999 13330} 13331 13332.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon { 13333 display: none 13334} 13335 13336.jstree-default .jstree-disabled { 13337 background: 0 0; 13338 color: #666 13339} 13340 13341.jstree-default .jstree-disabled.jstree-hovered { 13342 background: 0 0; 13343 box-shadow: none 13344} 13345 13346.jstree-default .jstree-disabled.jstree-clicked { 13347 background: #efefef 13348} 13349 13350.jstree-default .jstree-disabled>.jstree-icon { 13351 opacity: .8; 13352 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"); 13353 filter: gray; 13354 -webkit-filter: grayscale(100%) 13355} 13356 13357.jstree-default .jstree-search { 13358 font-style: italic; 13359 color: #8b0000; 13360 font-weight: 700 13361} 13362 13363.jstree-default .jstree-no-checkboxes .jstree-checkbox { 13364 display: none !important 13365} 13366 13367.jstree-default.jstree-checkbox-no-clicked .jstree-clicked { 13368 background: 0 0; 13369 box-shadow: none 13370} 13371 13372.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { 13373 background: #e7f4f9 13374} 13375 13376.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked { 13377 background: 0 0 13378} 13379 13380.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { 13381 background: #e7f4f9 13382} 13383 13384.jstree-default>.jstree-striped { 13385 min-width: 100%; 13386 display: inline-block; 13387 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat 13388} 13389 13390.jstree-default>.jstree-wholerow-ul .jstree-clicked, 13391.jstree-default>.jstree-wholerow-ul .jstree-hovered { 13392 background: 0 0; 13393 box-shadow: none; 13394 border-radius: 0 13395} 13396 13397.jstree-default .jstree-wholerow { 13398 box-sizing: border-box 13399} 13400 13401.jstree-default .jstree-wholerow-hovered { 13402 background: #e7f4f9 13403} 13404 13405.jstree-default .jstree-wholerow-clicked { 13406 background: #beebff; 13407 background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%) 13408} 13409 13410.jstree-default .jstree-node { 13411 min-height: 24px; 13412 line-height: 24px; 13413 margin-left: 24px; 13414 min-width: 24px 13415} 13416 13417.jstree-default .jstree-anchor { 13418 line-height: 24px; 13419 height: 24px 13420} 13421 13422.jstree-default .jstree-icon { 13423 width: 24px; 13424 height: 24px; 13425 line-height: 24px 13426} 13427 13428.jstree-default .jstree-icon:empty { 13429 width: 24px; 13430 height: 24px; 13431 line-height: 24px 13432} 13433 13434.jstree-default.jstree-rtl .jstree-node { 13435 margin-right: 24px 13436} 13437 13438.jstree-default .jstree-wholerow { 13439 height: 24px 13440} 13441 13442.jstree-default .jstree-icon, 13443.jstree-default .jstree-node { 13444 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 13445} 13446 13447.jstree-default .jstree-node { 13448 background-position: -292px -4px; 13449 background-repeat: repeat-y 13450} 13451 13452.jstree-default .jstree-last { 13453 background: 0 0 13454} 13455 13456.jstree-default .jstree-open>.jstree-ocl { 13457 background-position: -132px -4px 13458} 13459 13460.jstree-default .jstree-closed>.jstree-ocl { 13461 background-position: -100px -4px 13462} 13463 13464.jstree-default .jstree-leaf>.jstree-ocl { 13465 background-position: -68px -4px 13466} 13467 13468.jstree-default .jstree-themeicon { 13469 background-position: -260px -4px 13470} 13471 13472.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13473.jstree-default>.jstree-no-dots .jstree-node { 13474 background: 0 0 13475} 13476 13477.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl { 13478 background-position: -36px -4px 13479} 13480 13481.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl { 13482 background-position: -4px -4px 13483} 13484 13485.jstree-default .jstree-disabled { 13486 background: 0 0 13487} 13488 13489.jstree-default .jstree-disabled.jstree-hovered { 13490 background: 0 0 13491} 13492 13493.jstree-default .jstree-disabled.jstree-clicked { 13494 background: #efefef 13495} 13496 13497.jstree-default .jstree-checkbox { 13498 background-position: -164px -4px 13499} 13500 13501.jstree-default .jstree-checkbox:hover { 13502 background-position: -164px -36px 13503} 13504 13505.jstree-default .jstree-checked>.jstree-checkbox, 13506.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 13507 background-position: -228px -4px 13508} 13509 13510.jstree-default .jstree-checked>.jstree-checkbox:hover, 13511.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 13512 background-position: -228px -36px 13513} 13514 13515.jstree-default .jstree-anchor>.jstree-undetermined { 13516 background-position: -196px -4px 13517} 13518 13519.jstree-default .jstree-anchor>.jstree-undetermined:hover { 13520 background-position: -196px -36px 13521} 13522 13523.jstree-default .jstree-checkbox-disabled { 13524 opacity: .8; 13525 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"); 13526 filter: gray; 13527 -webkit-filter: grayscale(100%) 13528} 13529 13530.jstree-default>.jstree-striped { 13531 background-size: auto 48px 13532} 13533 13534.jstree-default.jstree-rtl .jstree-node { 13535 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 13536 background-position: 100% 1px; 13537 background-repeat: repeat-y 13538} 13539 13540.jstree-default.jstree-rtl .jstree-last { 13541 background: 0 0 13542} 13543 13544.jstree-default.jstree-rtl .jstree-open>.jstree-ocl { 13545 background-position: -132px -36px 13546} 13547 13548.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl { 13549 background-position: -100px -36px 13550} 13551 13552.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl { 13553 background-position: -68px -36px 13554} 13555 13556.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13557.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node { 13558 background: 0 0 13559} 13560 13561.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 13562 background-position: -36px -36px 13563} 13564 13565.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 13566 background-position: -4px -36px 13567} 13568 13569.jstree-default .jstree-themeicon-custom { 13570 background-color: transparent; 13571 background-image: none; 13572 background-position: 0 0 13573} 13574 13575.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl { 13576 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 13577} 13578 13579.jstree-default .jstree-file { 13580 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -100px -68px n
13580o-repeat 13581} 13582 13583.jstree-default .jstree-folder { 13584 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -260px -4px no-repeat 13585} 13586 13587.jstree-default>.jstree-container-ul>.jstree-node { 13588 margin-left: 0; 13589 margin-right: 0 13590} 13591 13592#jstree-dnd.jstree-default { 13593 line-height: 24px; 13594 padding: 0 4px 13595} 13596 13597#jstree-dnd.jstree-default .jstree-er, 13598#jstree-dnd.jstree-default .jstree-ok { 13599 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 13600 background-repeat: no-repeat; 13601 background-color: transparent 13602} 13603 13604#jstree-dnd.jstree-default i { 13605 background: 0 0; 13606 width: 24px; 13607 height: 24px; 13608 line-height: 24px 13609} 13610 13611#jstree-dnd.jstree-default .jstree-ok { 13612 background-position: -4px -68px 13613} 13614 13615#jstree-dnd.jstree-default .jstree-er { 13616 background-position: -36px -68px 13617} 13618 13619.jstree-default.jstree-rtl .jstree-node { 13620 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==) 13621} 13622 13623.jstree-default.jstree-rtl .jstree-last { 13624 background: 0 0 13625} 13626 13627.jstree-default-small .jstree-node { 13628 min-height: 18px; 13629 line-height: 18px; 13630 margin-left: 18px; 13631 min-width: 18px 13632} 13633 13634.jstree-default-small .jstree-anchor { 13635 line-height: 18px; 13636 height: 18px 13637} 13638 13639.jstree-default-small .jstree-icon { 13640 width: 18px; 13641 height: 18px; 13642 line-height: 18px 13643} 13644 13645.jstree-default-small .jstree-icon:empty { 13646 width: 18px; 13647 height: 18px; 13648 line-height: 18px 13649} 13650 13651.jstree-default-small.jstree-rtl .jstree-node { 13652 margin-right: 18px 13653} 13654 13655.jstree-default-small .jstree-wholerow { 13656 height: 18px 13657} 13658 13659.jstree-default-small .jstree-icon, 13660.jstree-default-small .jstree-node { 13661 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 13662} 13663 13664.jstree-default-small .jstree-node { 13665 background-position: -295px -7px; 13666 background-repeat: repeat-y 13667} 13668 13669.jstree-default-small .jstree-last { 13670 background: 0 0 13671} 13672 13673.jstree-default-small .jstree-open>.jstree-ocl { 13674 background-position: -135px -7px 13675} 13676 13677.jstree-default-small .jstree-closed>.jstree-ocl { 13678 background-position: -103px -7px 13679} 13680 13681.jstree-default-small .jstree-leaf>.jstree-ocl { 13682 background-position: -71px -7px 13683} 13684 13685.jstree-default-small .jstree-themeicon { 13686 background-position: -263px -7px 13687} 13688 13689.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13690.jstree-default-small>.jstree-no-dots .jstree-node { 13691 background: 0 0 13692} 13693 13694.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl { 13695 background-position: -39px -7px 13696} 13697 13698.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl { 13699 background-position: -7px -7px 13700} 13701 13702.jstree-default-small .jstree-disabled { 13703 background: 0 0 13704} 13705 13706.jstree-default-small .jstree-disabled.jstree-hovered { 13707 background: 0 0 13708} 13709 13710.jstree-default-small .jstree-disabled.jstree-clicked { 13711 background: #efefef 13712} 13713 13714.jstree-default-small .jstree-checkbox { 13715 background-position: -167px -7px 13716} 13717 13718.jstree-default-small .jstree-checkbox:hover { 13719 background-position: -167px -39px 13720} 13721 13722.jstree-default-small .jstree-checked>.jstree-checkbox, 13723.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 13724 background-position: -231px -7px 13725} 13726 13727.jstree-default-small .jstree-checked>.jstree-checkbox:hover, 13728.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 13729 background-position: -231px -39px 13730} 13731 13732.jstree-default-small .jstree-anchor>.jstree-undetermined { 13733 background-position: -199px -7px 13734} 13735 13736.jstree-default-small .jstree-anchor>.jstree-undetermined:hover { 13737 background-position: -199px -39px 13738} 13739 13740.jstree-default-small .jstree-checkbox-disabled { 13741 opacity: .8; 13742 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"); 13743 filter: gray; 13744 -webkit-filter: grayscale(100%) 13745} 13746 13747.jstree-default-small>.jstree-striped { 13748 background-size: auto 36px 13749} 13750
13751.jstree-default-small.jstree-rtl .jstree-node { 13752 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 13753 background-position: 100% 1px; 13754 background-repeat: repeat-y 13755} 13756 13757.jstree-default-small.jstree-rtl .jstree-last { 13758 background: 0 0 13759} 13760 13761.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl { 13762 background-position: -135px -39px 13763} 13764 13765.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl { 13766 background-position: -103px -39px 13767} 13768 13769.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl { 13770 background-position: -71px -39px 13771} 13772 13773.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13774.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node { 13775 background: 0 0 13776} 13777 13778.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 13779 background-position: -39px -39px 13780} 13781 13782.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 13783 background-position: -7px -39px 13784} 13785 13786.jstree-default-small .jstree-themeicon-custom { 13787 background-color: transparent; 13788 background-image: none; 13789 background-position: 0 0 13790} 13791 13792.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl { 13793 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 13794} 13795 13796.jstree-default-small .jstree-file { 13797 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -103px -71px no-repeat 13798} 13799 13800.jstree-default-small .jstree-folder { 13801 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -263px -7px no-repeat 13802} 13803 13804.jstree-default-small>.jstree-container-ul>.jstree-node { 13805 margin-left: 0; 13806 margin-right: 0 13807} 13808 13809#jstree-dnd.jstree-default-small { 13810 line-height: 18px; 13811 padding: 0 4px 13812} 13813 13814#jstree-dnd.jstree-default-small .jstree-er, 13815#jstree-dnd.jstree-default-small .jstree-ok { 13816 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 13817 background-repeat: no-repeat; 13818 background-color: transparent 13819} 13820 13821#jstree-dnd.jstree-default-small i { 13822 background: 0 0; 13823 width: 18px; 13824 height: 18px; 13825 line-height: 18px 13826} 13827 13828#jstree-dnd.jstree-default-small .jstree-ok { 13829 background-position: -7px -71px 13830} 13831 13832#jstree-dnd.jstree-default-small .jstree-er { 13833 background-position: -39px -71px 13834} 13835 13836.jstree-default-small.jstree-rtl .jstree-node { 13837 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==) 13838} 13839 13840.jstree-default-small.jstree-rtl .jstree-last { 13841 background: 0 0 13842} 13843 13844.jstree-default-large .jstree-node { 13845 min-height: 32px; 13846 line-height: 32px; 13847 margin-left: 32px; 13848 min-width: 32px 13849} 13850 13851.jstree-default-large .jstree-anchor { 13852 line-height: 32px; 13853 height: 32px 13854} 13855 13856.jstree-default-large .jstree-icon { 13857 width: 32px; 13858 height: 32px; 13859 line-height: 32px 13860} 13861 13862.jstree-default-large .jstree-icon:empty { 13863 width: 32px; 13864 height: 32px; 13865 line-height: 32px 13866} 13867 13868.jstree-default-large.jstree-rtl .jstree-node { 13869 margin-right: 32px 13870} 13871 13872.jstree-default-large .jstree-wholerow { 13873 height: 32px 13874} 13875 13876.jstree-default-large .jstree-icon, 13877.jstree-default-large .jstree-node { 13878 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 13879} 13880 13881.jstree-default-large .jstree-node { 13882 background-position: -288px 0; 13883 background-repeat: repeat-y 13884} 13885 13886.jstree-default-large .jstree-last { 13887 background: 0 0 13888} 13889 13890.jstree-default-large .jstree-open>.jstree-ocl { 13891 background-position: -128px 0 13892} 13893 13894.jstree-default-large .jstree-closed>.jstree-ocl { 13895 background-position: -96px 0 13896} 13897 13898.jstree-default-large .jstree-leaf>.jstree-ocl { 13899 background-position: -64px 0 13900} 13901 13902.jstree-default-large .jstree-themeicon { 13903 background-position: -256px 0 13904} 13905 13906.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13907.jstree-default-large>.jstree-no-dots .jstree-node { 13908 background: 0 0 13909} 13910 13911.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl { 13912 background-position: -32px 0 13913} 13914 13915.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl { 13916 background-position: 0 0 13917} 13918 13919.jstree-default-large .jstree-disabled { 13920 background: 0 0 13921} 13922 13923.jstree-default-large .jstree-disabled.jstree-hovered { 13924 background: 0 0 13925} 13926 13927.jstree-default-large .jstree-disabled.jstree-clicked { 13928 background: #efefef 13929} 13930 13931.jstree-default-large .jstree-checkbox { 13932 background-position: -160px 0 13933} 13934 13935.jstree-default-large .jstree-checkbox:hover { 13936 background-position: -160px -32px 13937} 13938 13939.jstree-default-large .jstree-checked>.jstree-checkbox, 13940.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 13941 background-position: -224px 0 13942} 13943 13944.jstree-default-large .jstree-checked>.jstree-checkbox:hover, 13945.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 13946 background-position: -224px -32px 13947} 13948 13949.jstree-default-large .jstree-anchor>.jstree-undetermined { 13950 background-position: -192px 0 13951} 13952 13953.jstree-default-large .jstree-anchor>.jstree-undetermined:hover { 13954 background-position: -192px -32px 13955} 13956 13957.jstree-default-large .jstree-checkbox-disabled { 13958 opacity: .8; 13959 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"); 13960 filter: gray; 13961 -webkit-filter: grayscale(100%) 13962} 13963 13964.jstree-default-large>.jstree-striped { 13965 background-size: auto 64px 13966} 13967 13968.jstree-default-large.jstree-rtl .jstree-node { 13969 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 13970 background-position: 100% 1px; 13971 background-repeat: repeat-y 13972} 13973 13974.jstree-default-large.jstree-rtl .jstree-last { 13975 background: 0 0 13976} 13977 13978.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl { 13979 background-position: -128px -32px 13980} 13981 13982.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl { 13983 background-position: -96px -32px 13984} 13985 13986.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl { 13987 background-position: -64px -32px 13988} 13989 13990.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13991.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node { 13992 background: 0 0 13993} 13994 13995.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 13996 background-position: -32px -32px 13997} 13998 13999.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 14000 background-position: 0 -32px 14001} 14002 14003.jstree-default-large .jstree-themeicon-custom { 14004 background-color: transparent; 14005 background-image: none; 14006 background-position: 0 0 14007} 14008 14009.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl { 14010 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 14011} 14012 14013.jstree-default-large .jstree-file { 14014 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -96px -64px no-repeat 14015} 14016 14017.jstree-default-large .jstree-folder { 14018 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -256px 0 no-repeat 14019} 14020 14021.jstree-default-large>.jstree-container-ul>.jstree-node { 14022 margin-left: 0; 14023 margin-right: 0 14024} 14025 14026#jstree-dnd.jstree-default-large { 14027 line-height: 32px; 14028 padding: 0 4px 14029} 14030 14031#jstree-dnd.jstree-default-large .jstree-er, 14032#jstree-dnd.jstree-default-large .jstree-ok { 14033 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 14034 background-repeat: no-repeat; 14035 background-color: transparent 14036} 14037 14038#jstree-dnd.jstree-default-large i { 14039 background: 0 0; 14040 width: 32px; 14041 height: 32px; 14042 line-height: 32px 14043} 14044 14045#jstree-dnd.jstree-default-large .jstree-ok { 14046 background-position: 0 -64px 14047} 14048 14049#jstree-dnd.jstree-default-large .jstree-er { 14050 background-position: -32px -64px 14051} 14052 14053.jstree-default-large.jstree-rtl .jstree-node { 14054 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==) 14055} 14056 14057.jstree-default-large.jstree-rtl .jstree-last { 14058 background: 0 0 14059} 14060 14061@media (max-width:768px) { 14062 #jstree-dnd.jstree-dnd-responsive { 14063 line-height: 40px; 14064 font-weight: 700; 14065 font-size: 1.1em; 14066 text-shadow: 1px 1px #fff 14067 } 14068 #jstree-dnd.jstree-dnd-responsive>i { 14069 background: 0 0; 14070 width: 40px; 14071 height: 40px 14072 } 14073 #jstree-dnd.jstree-dnd-responsive>.jstree-ok { 14074 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14075 background-position: 0 -200px; 14076 background-size: 120px 240px 14077 } 14078 #jstree-dnd.jstree-dnd-responsive>.jstree-er { 14079 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14080 background-position: -40px -200px; 14081 background-size: 120px 240px 14082 } 14083 #jstree-marker.jstree-dnd-responsive { 14084 border-left-width: 10px; 14085 border-top-width: 10px; 14086 border-bottom-width: 10px; 14087 margin-top: -10px 14088 } 14089} 14090 14091@media (max-width:768px) { 14092 .jstree-default-responsive .jstree-icon { 14093 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) 14094 } 14095 .jstree-default-responsive .jstree-leaf>.jstree-ocl, 14096 .jstree-default-responsive .jstree-node { 14097 background: 0 0 14098 } 14099 .jstree-default-responsive .jstree-node { 14100 min-height: 40px; 14101 line-height: 40px; 14102 margin-left: 40px; 14103 min-width: 40px; 14104 white-space: nowrap 14105 } 14106 .jstree-default-responsive .jstree-anchor { 14107 line-height: 40px; 14108 height: 40px 14109 } 14110 .jstree-default-responsive .jstree-icon, 14111 .jstree-default-responsive .jstree-icon:empty { 14112 width: 40px; 14113 height: 40px; 14114 line-height: 40px 14115 } 14116 .jstree-default-responsive>.jstree-container-ul>.jstree-node { 14117 margin-left: 0 14118 } 14119 .jstree-default-responsive.jstree-rtl .jstree-node { 14120 margin-left: 0; 14121 margin-right: 40px 14122 } 14123 .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node { 14124 margin-right: 0 14125 } 14126 .jstree-default-responsive .jstree-checkbox, 14127 .jstree-default-responsive .jstree-ocl, 14128 .jstree-default-responsive .jstree-themeicon { 14129 background-size: 120px 240px 14130 } 14131 .jstree-default-responsive .jstree-leaf>.jstree-ocl { 14132 background: 0 0 14133 } 14134 .jstree-default-responsive .jstree-open>.jstree-ocl { 14135 background-position: 0 0 !important 14136 } 14137 .jstree-default-responsive .jstree-closed>.jstree-ocl { 14138 background-position: 0 -40px !important 14139 } 14140 .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl { 14141 background-position: -40px 0 !important 14142 } 14143 .jstree-default-responsive .jstree-themeicon { 14144 background-position: -40px -40px 14145 } 14146 .jstree-default-responsive .jstree-checkbox, 14147 .jstree-default-responsive .jstree-checkbox:hover { 14148 background-position: -40px -80px 14149 } 14150 .jstree-default-responsive .jstree-checked>.jstree-checkbox, 14151 .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover, 14152 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox, 14153 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 14154 background-position: 0 -80px 14155 } 14156 .jstree-default-responsive .jstree-anchor>.jstree-undetermined, 14157 .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover { 14158 background-position: 0 -120px 14159 } 14160 .jstree-default-responsive .jstree-anchor { 14161 font-weight: 700; 14162 font-size: 1.1em; 14163 text-shadow: 1px 1px #fff 14164 } 14165 .jstree-default-responsive>.jstree-striped { 14166 background: 0 0 14167 } 14168 .jstree-default-responsive .jstree-wholerow { 14169 border-top: 1px solid rgba(255, 255, 255, .7);
14170 border-bottom: 1px solid rgba(64, 64, 64, .2); 14171 background: #ebebeb; 14172 height: 40px 14173 } 14174 .jstree-default-responsive .jstree-wholerow-hovered { 14175 background: #e7f4f9 14176 } 14177 .jstree-default-responsive .jstree-wholerow-clicked { 14178 background: #beebff 14179 } 14180 .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow { 14181 box-shadow: inset 0 -6px 3px -5px #666 14182 } 14183 .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow { 14184 box-shadow: inset 0 6px 3px -5px #666; 14185 border-top: 0 14186 } 14187 .jstree-default-responsive .jstree-children .jstree-open+.jstree-open { 14188 box-shadow: none 14189 } 14190 .jstree-default-responsive .jstree-checkbox, 14191 .jstree-default-responsive .jstree-icon, 14192 .jstree-default-responsive .jstree-node, 14193 .jstree-default-responsive .jstree-node>.jstree-ocl, 14194 .jstree-default-responsive .jstree-themeicon { 14195 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14196 background-size: 120px 240px 14197 } 14198 .jstree-default-responsive .jstree-node { 14199 background-position: -80px 0; 14200 background-repeat: repeat-y 14201 } 14202 .jstree-default-responsive .jstree-last { 14203 background: 0 0 14204 } 14205 .jstree-default-responsive .jstree-leaf>.jstree-ocl { 14206 background-position: -40px -120px 14207 } 14208 .jstree-default-responsive .jstree-last>.jstree-ocl { 14209 background-position: -40px -160px 14210 } 14211 .jstree-default-responsive .jstree-themeicon-custom { 14212 background-color: transparent; 14213 background-image: none; 14214 background-position: 0 0 14215 } 14216 .jstree-default-responsive .jstree-file { 14217 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) 0 -160px no-repeat; 14218 background-size: 120px 240px 14219 } 14220 .jstree-default-responsive .jstree-folder { 14221 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) -40px -40px no-repeat; 14222 background-size: 120px 240px 14223 } 14224 .jstree-default-responsive>.jstree-container-ul>.jstree-node { 14225 margin-left: 0; 14226 margin-right: 0 14227 } 14228} 14229 14230@keyframes bounceInDown { 14231 0%, 14232 60%, 14233 75%, 14234 90%, 14235 to { 14236 animation-timing-function: cubic-bezier(.215, .61, .355, 1) 14237 } 14238 0% { 14239 opacity: 0; 14240 transform: translate3d(0, -100px, 0) 14241 } 14242 90% { 14243 transform: none 14244 } 14245 to { 14246 transform: none 14247 } 14248} 14249 14250@keyframes fadeInUp { 14251 from { 14252 opacity: 0; 14253 transform: translate3d(0, 100%, 0) 14254 } 14255 to { 14256 opacity: 1; 14257 transform: translate3d(0, 0, 0) 14258 } 14259} 14260 14261.fadeInUp { 14262 animation-name: fadeInUp 14263} 14264 14265@keyframes slideInUp { 14266 from { 14267 transform: translate3d(0, 100%, 0); 14268 visibility: visible 14269 } 14270 to { 14271 transform: translate3d(0, 0, 0) 14272 } 14273} 14274 14275.slideInUp { 14276 animation-name: slideInUp 14277} 14278 14279html { 14280 -webkit-font-smoothing: antialiased; 14281 -webkit-text-size-adjust: 100%; 14282 -ms-text-size-adjust: 100% 14283} 14284 14285body { 14286 -webkit-font-smoothing: subpixel-antialiased; 14287 -webkit-text-stroke-width: 0; 14288 -moz-osx-font-smoothing: auto; 14289 padding: 0; 14290 font-size: 14px; 14291 color: #666 14292} 14293 14294.body { 14295 margin-bottom: 50px; 14296 margin-top: 0 14297} 14298 14299@media only screen and (max-width:1023px) { 14300 .body { 14301 margin-bottom: 30px 14302 } 14303} 14304 14305input[type=color], 14306input[type=date], 14307input[type=datetime-local], 14308input[type=datetime], 14309input[type=email], 14310input[type=month], 14311input[type=number], 14312input[type=password], 14313input[type=search], 14314input[type=tel], 14315input[type=text], 14316input[type=time], 14317input[type=url], 14318input[type=week], 14319textarea { 14320 outline: 0 14321} 14322 14323textarea { 14324 resize: vertical 14325} 14326 14327.h1, 14328.h2, 14329.h3, 14330.h4, 14331.h5, 14332.h6, 14333h1, 14334h2, 14335h3, 14336h4, 14337h5, 14338h6 { 14339 margin: 0 0 20px 0; 14340 padding: 0; 14341 font-weight: 400; 14342 color: #2e3344 14343} 14344 14345@media only screen and (max-width:666px) { 14346 .h1, 14347 .h2, 14348 .h3, 14349 .h4, 14350 .h5, 14351 .h6, 14352 h1, 14353 h2, 14354 h3, 14355 h4, 14356 h5, 14357 h6 { 14358 margin: 0 0 10px 0 14359 } 14360} 14361 14362.h1, 14363h1 { 14364 font-size: 36px; 14365 line-height: 44px 14366} 14367 14368.h2, 14369h2 { 14370 font-size: 30px; 14371 line-height: 38px 14372} 14373 14374.h3, 14375h3 { 14376 font-size: 24px; 14377 line-height: 32px 14378} 14379 14380.h4, 14381h4 { 14382 font-size: 20px; 14383 line-height: 28px 14384} 14385 14386.h5, 14387h5 { 14388 font-size: 16px; 14389 line-height: 24px 14390} 14391 14392.h6, 14393h6 { 14394 font-size: 14px; 14395 line-height: 18px 14396} 14397 14398p { 14399 font-size: 14px; 14400 line-height: 24px; 14401 margin: 0 0 20px 0 14402} 14403 14404a { 14405 outline: 0; 14406 text-decoration: none; 14407 transition: all .5s; 14408 color: #020204 14409} 14410 14411a:focus, 14412a:hover { 14413 transition: all .5s; 14414 color: #c2c2c2 14415} 14416 14417ol, 14418ul { 14419 margin-bottom: 20px; 14420 margin-left: 0 14421} 14422 14423ol li, 14424ul li { 14425 line-height: 18px; 14426 margin-bottom: 10px; 14427 list-style: none 14428} 14429 14430.container { 14431 max-width: 1440px; 14432 width: 100%; 14433 margin: 0 auto; 14434 padding: 0 14435} 14436 14437@media only screen and (max-width:1919px) { 14438 .container { 14439 max-width: 1230px 14440 } 14441} 14442 14443@media only screen and (max-width:1279px) { 14444 .container { 14445 max-width: 980px 14446 } 14447} 14448 14449@media only screen and (max-width:1023px) { 14450 .container { 14451 max-width: 728px 14452 } 14453} 14454 14455@media only screen and (max-width:767px) { 14456 .container { 14457 max-width: 94% 14458 } 14459} 14460 14461@media only screen and (max-width:479px) { 14462 .container { 14463 max-width: 100%; 14464 padding: 0 11px 14465 } 14466} 14467 14468.column, 14469.columns { 14470 width: 100%; 14471 padding-right: 15px; 14472 padding-left: 15px 14473} 14474 14475@media only screen and (max-width:1023px) { 14476 .column, 14477 .columns { 14478 padding-right: 10px; 14479 padding-left: 10px 14480 } 14481} 14482 14483.custom-row { 14484 margin-left: -15px; 14485 margin-right: -15px 14486} 14487 14488@media only screen and (max-width:1023px) { 14489 .custom-row { 14490 margin-left: -10px; 14491 margin-right: -10px 14492 } 14493} 14494 14495.productCarousel { 14496 margin: 0 -15px 14497} 14498 14499@media only screen and (max-width:1023px) { 14500 .productCarousel { 14501 margin: 0 -10px 14502 } 14503} 14504 14505.productCarousel .productCarousel-slide { 14506 padding-left: 15px; 14507 padding-right: 15px; 14508 width: 25% 14509} 14510 14511@media only screen and (max-width:1279px) { 14512 .productCarousel .productCarousel-slide { 14513 width: 33.33% 14514 } 14515} 14516 14517@media only screen and (max-width:1023px) { 14518 .productCarousel .productCarousel-slide { 14519 width: 39% 14520 } 14521} 14522 14523@media only screen and (max-width:479px) { 14524 .productCarousel .productCarousel-slide { 14525 width: 50% 14526 } 14527} 14528 14529@media only screen and (max-width:1023px) { 14530 .productCarousel .productCarousel-slide { 14531 padding-left: 10px; 14532 padding-right: 10px 14533 } 14534} 14535 14536.productCarousel.slick-not-apply { 14537 display: -ms-flexbox; 14538 display: flex; 14539 -ms-flex-pack: start; 14540 justify-content: flex-start 14541} 14542 14543.productGrid { 14544 margin: 0 -15px 14545} 14546 14547@media only screen and (max-width:1023px) { 14548 .productGrid { 14549 margin: 0 -10px 14550 } 14551} 14552 14553.productGrid .product { 14554 padding-left: 15px; 14555 padding-right: 15px 14556} 14557 14558@media only screen and (max-width:1023px) { 14559 .productGrid .product { 14560 padding-left: 10px; 14561 padding-right: 10px 14562 } 14563} 14564 14565.banners { 14566 padding: 0; 14567 background: 0 0 14568} 14569 14570@media only screen and (max-width:1023px) { 14571 .banners.m-b-40 { 14572 margin-bottom: 30px 14573 } 14574} 14575 14576.banners .banner { 14577 max-width: 100% 14578} 14579 14580.banners .page-heading { 14581 padding-bottom: 0; 14582 border-bottom: 0; 14583 margin-bottom: 20px 14584} 14585 14586@media only screen and (max-width:1023px) { 14587 .banners .page-heading { 14588 font-size: 24px; 14589 line-height: 28px; 14590 margin-bottom: 10px 14591 } 14592} 14593 14594.banners h3 { 14595 margin-bottom: 20px 14596} 14597 14598@media only screen and (max-width:1023px) { 14599 .banners h3 { 14600 margin-bottom: 10px; 14601 font-size: 20px; 14602 line-height: 22px 14603 } 14604} 14605 14606.banners p { 14607 color: #666; 14608 font-size: 16px; 14609 text-align: left 14610} 14611 14612@media only screen and (max-width:1023px) { 14613 .banners p { 14614 font-size: 14px 14615 } 14616} 14617 14618.banners img { 14619 margin-bottom: 20px 14620} 14621 14622.banners a { 14623 color: #020204 14624} 14625 14626.banners a:focus, 14627.banners a:hover { 14628 color: #6832bb 14629} 14630 14631@media only screen and (max-width:479px) { 14632 .g-recaptcha { 14633 max-width: 260px; 14634 overflow: auto; 14635 padding: 10px 0 14636 } 14637 .g-recaptcha iframe { 14638 transform: scale(.75); 14639 -webkit-transform: scale(.75); 14640 transform-origin: 0 0; 14641 -webkit-transform-origin: 0 0 14642 } 14643} 14644 14645.icon--ratingFull svg { 14646 width: 12px; 14647 height: 12px 14648} 14649 14650.icon--ratingEmpty svg { 14651 height: 13px; 14652 width: 13px 14653} 14654 14655.clearfix:after, 14656.clearfix:before { 14657 display: table; 14658 content: " " 14659} 14660 14661.clearfix:after { 14662 clear: both 14663} 14664 14665.clear { 14666 clear: both 14667} 14668 14669@media only screen and (max-width:767px) {
14670 .modal-body { 14671 padding: 20px 14672 } 14673} 14674 14675.view-all:before { 14676 display: none 14677} 14678 14679.view-all a { 14680 color: #020204; 14681 font-style: italic 14682} 14683 14684.view-all a:hover { 14685 color: #888 14686} 14687 14688.theme-color { 14689 color: #020204 14690} 14691 14692.theme-red-color { 14693 color: #ea272d 14694} 14695 14696.panel-title { 14697 font-weight: 500 14698} 14699 14700.modal-header-title { 14701 font-size: 24px; 14702 line-height: 28px 14703} 14704 14705@media only screen and (max-width:1023px) { 14706 .modal-header-title { 14707 font-size: 20px; 14708 line-height: 24px 14709 } 14710} 14711 14712.width-100 { 14713 width: 100% 14714} 14715 14716.width-50 { 14717 width: 50% 14718} 14719 14720.width-33 { 14721 width: 33.33% 14722} 14723 14724.width-25 { 14725 width: 25% 14726} 14727 14728.form-input, 14729.form-select { 14730 border: 1px solid #dfdfdf; 14731 font-size: 15px; 14732 line-height: normal; 14733 padding: 10px 30px 10px 15px; 14734 border-radius: 0; 14735 height: auto; 14736 background-size: 20px; 14737 background-position: right 10px top 11px 14738} 14739 14740@media only screen and (max-width:767px) { 14741 .form-input, 14742 .form-select { 14743 padding: 10px 30px 10px 10px; 14744 font-size: 14px; 14745 background-position: right 8px top 8px 14746 } 14747} 14748 14749.form-select--date, 14750.form-select--small { 14751 background-position: right 10px top 11px 14752} 14753 14754@media only screen and (max-width:567px) { 14755 .form-select--date, 14756 .form-select--small { 14757 background-position: right 8px top 8px 14758 } 14759} 14760 14761.form-label small, 14762.form-label--inlineSmall small { 14763 margin: 0; 14764 color: #ea272d; 14765 font-size: 15px; 14766 float: none 14767} 14768 14769.form-fileDescription { 14770 margin-bottom: 0 14771} 14772 14773.form-checkbox+.form-label::before { 14774 height: 15px; 14775 width: 15px 14776} 14777 14778.form-field-group { 14779 border-radius: 0 14780} 14781 14782@media only screen and (max-width:767px) { 14783 .form-field { 14784 margin-bottom: 20px 14785 } 14786} 14787 14788.form-prefixPostfix .form-input { 14789 font-size: 16px; 14790 font-weight: 400; 14791 font-weight: 300 14792} 14793 14794@media only screen and (max-width:767px) { 14795 .form-prefixPostfix .form-input { 14796 padding-top: 12px; 14797 padding-bottom: 12px 14798 } 14799} 14800 14801.form-prefixPostfix .form-input:-webkit-input-placeholder { 14802 font-weight: 300 14803} 14804 14805.form-prefixPostfix .form-input:-moz-placeholder { 14806 font-weight: 300 14807} 14808 14809.form-prefixPostfix .form-input:-ms-input-placeholder { 14810 font-weight: 300 14811} 14812 14813.form-prefixPostfix .form-input:-moz-placeholder { 14814 font-weight: 300 14815} 14816 14817.form-prefixPostfix .button { 14818 height: auto; 14819 text-transform: uppercase 14820} 14821 14822@media only screen and (max-width:767px) { 14823 .form-prefixPostfix .button { 14824 padding: 12px 15px; 14825 line-height: 18px 14826 } 14827} 14828 14829select option { 14830 padding: 4px 8px; 14831 font-size: 13px; 14832 border: 1px solid #000 !important 14833} 14834 14835ul.list-with-arrow { 14836 margin-bottom: 10px 14837} 14838 14839ul.list-with-arrow li { 14840 margin: 0; 14841 font-size: 14px; 14842 line-height: 20px; 14843 font-weight: 400; 14844 position: relative; 14845 padding-left: 20px; 14846 margin-bottom: 15px 14847} 14848 14849ul.list-with-arrow li:before { 14850 content: ""; 14851 position: absolute; 14852 width: 10px; 14853 height: 7px; 14854 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/product-description-arrow.svg); 14855 background-size: 100%; 14856 left: 0; 14857 top: 5px 14858} 14859 14860.modal-close:hover span { 14861 color: #020204 14862} 14863 14864.alertBox--info { 14865 color: #fff; 14866 background: #f5f5f5 14867} 14868 14869.alertBox--info svg { 14870 fill: #333 14871} 14872 14873.alertBox--info p { 14874 color: #333 14875} 14876 14877.alertBox--info .alertBox-close svg { 14878 fill: #333 14879} 14880 14881.m-t-10 { 14882 margin-top: 10px 14883} 14884 14885.m-b-10 { 14886 margin-bottom: 10px 14887} 14888 14889.m-l-10 { 14890 margin-left: 10px 14891} 14892 14893.m-r-10 { 14894 margin-right: 10px 14895} 14896 14897.m-t-15 { 14898 margin-top: 15px 14899} 14900 14901.m-b-15 { 14902 margin-bottom: 15px 14903} 14904 14905.m-l-15 { 14906 margin-left: 15px 14907} 14908 14909.m-r-15 { 14910 margin-right: 15px 14911} 14912 14913.m-t--20 { 14914 margin-top: -20px 14915} 14916 14917.m-t-20 { 14918 margin-top: 20px 14919} 14920 14921.m-b-20 { 14922 margin-bottom: 20px 14923} 14924 14925.m-l-20 { 14926 margin-left: 20px 14927} 14928 14929.m-r-20 { 14930 margin-right: 20px 14931} 14932 14933.m-t-30 { 14934 margin-top: 30px 14935} 14936 14937.m-b-30 { 14938 margin-bottom: 30px 14939} 14940 14941.m-l-30 { 14942 margin-left: 30px 14943} 14944 14945.m-r-30 { 14946 margin-right: 30px 14947} 14948 14949.m-t-40 { 14950 margin-top: 40px 14951} 14952 14953.m-b-40 { 14954 margin-bottom: 40px 14955} 14956 14957.m-l-40 { 14958 margin-left: 40px 14959} 14960 14961.m-r-40 { 14962 margin-right: 40px 14963} 14964 14965.m-t-50 { 14966 margin-top: 50px 14967} 14968 14969.m-b-50 { 14970 margin-bottom: 50px 14971} 14972 14973.m-l-50 { 14974 margin-left: 50px 14975} 14976 14977.m-r-50 { 14978 margin-right: 50px 14979} 14980 14981.m-t-60 { 14982 margin-top: 60px 14983} 14984 14985.m-b-60 { 14986 margin-bottom: 60px 14987} 14988 14989.m-l-60 { 14990 margin-left: 60px 14991} 14992 14993.m-r-60 { 14994 margin-right: 60px 14995} 14996 14997.m-b-0 { 14998 margin-bottom: 0 14999} 15000 15001.m-l-0 { 15002 margin-left: 0 15003} 15004 15005.m-r-0 { 15006 margin-right: 0 15007} 15008 15009.m-l--15 { 15010 margin-left: -15px 15011} 15012 15013.m-r--15 { 15014 margin-right: -15px 15015} 15016 15017.p-t-15 { 15018 padding-top: 15px 15019} 15020 15021.p-b-15 { 15022 padding-bottom: 15px 15023} 15024 15025.p-l-15 { 15026 padding-left: 15px 15027} 15028 15029.p-r-15 { 15030 padding-right: 15px 15031} 15032 15033.p-t-20 { 15034 padding-top: 20px 15035} 15036 15037.p-b-20 { 15038 padding-bottom: 20px 15039} 15040 15041.p-l-20 { 15042 padding-left: 20px 15043} 15044 15045.p-r-20 { 15046 padding-right: 20px 15047} 15048 15049.p-t-30 { 15050 padding-top: 30px 15051} 15052 15053.p-b-30 { 15054 padding-bottom: 30px 15055} 15056 15057.p-l-30 { 15058 padding-left: 30px 15059} 15060 15061.p-r-30 { 15062 padding-right: 30px 15063} 15064 15065.p-l-0 { 15066 padding-left: 0 15067} 15068 15069.p-r-0 { 15070 padding-right: 0 15071} 15072 15073.padding-5 { 15074 padding: 5px 15075} 15076 15077.padding-20 { 15078 padding: 20px 15079} 15080 15081.display-flex { 15082 display: -ms-flexbox; 15083 display: flex 15084} 15085 15086.align-item-center { 15087 -ms-flex-align: center;
15088 align-items: center 15089} 15090 15091.align-item-start { 15092 -ms-flex-align: flex-start; 15093 align-items: flex-start 15094} 15095 15096.align-item-end { 15097 -ms-flex-align: flex-end; 15098 align-items: flex-end 15099} 15100 15101.justify-content-start { 15102 -ms-flex-pack: start; 15103 justify-content: flex-start 15104} 15105 15106.justify-content-center { 15107 -ms-flex-pack: center; 15108 justify-content: center 15109} 15110 15111.justify-content-end { 15112 -ms-flex-pack: end; 15113 justify-content: flex-end 15114} 15115 15116.justify-content-sb { 15117 -ms-flex-pack: justify; 15118 justify-content: space-between 15119} 15120 15121.flex-wrap-w { 15122 -ms-flex-wrap: wrap; 15123 flex-wrap: wrap; 15124 -webkit-flex-wrap: wrap 15125} 15126 15127.banner-hover a { 15128 position: relative; 15129 display: block; 15130 overflow: hidden 15131} 15132 15133.banner-hover a:before { 15134 width: 100%; 15135 height: 100%; 15136 display: block; 15137 content: ""; 15138 position: absolute; 15139 visibility: hidden; 15140 opacity: 0; 15141 background-color: #000; 15142 transition: .3s all; 15143 z-index: 1 15144} 15145 15146.banner-hover a:hover:before { 15147 visibility: visible; 15148 opacity: .3 15149} 15150 15151.pagination .pagination-item { 15152 margin-left: 4px 15153} 15154 15155.pagination .pagination-item.pagination-item--current { 15156 border: 0; 15157 margin-right: 0 15158} 15159 15160.pagination .pagination-item.pagination-item--current .pagination-link { 15161 background: #020204; 15162 color: #fff; 15163 padding: 4px 7px; 15164 line-height: 15px; 15165 border-radius: 0 15166} 15167 15168.pagination .pagination-item .pagination-link { 15169 font-size: 15px; 15170 color: #020204; 15171 position: relative; 15172 min-width: 22px; 15173 height: 22px; 15174 border-radius: 0 15175} 15176 15177@media only screen and (max-width:767px) { 15178 .pagination .pagination-item .pagination-link { 15179 font-size: 14px 15180 } 15181} 15182 15183.pagination .pagination-item .pagination-link:hover { 15184 background: #020204; 15185 color: #fff 15186} 15187 15188.pagination .pagination-item .pagination-link:hover svg { 15189 fill: #fff 15190} 15191 15192.pagination .pagination-item .pagination-link svg { 15193 fill: #020204 15194} 15195 15196.pagination .pagination-item--next, 15197.pagination .pagination-item--previous { 15198 float: none 15199} 15200 15201.pagination .pagination-item--next>a:hover .icon>svg, 15202.pagination .pagination-item--previous>a:hover .icon>svg { 15203 fill: #fff 15204} 15205 15206.pagination .pagination-item--next .icon, 15207.pagination .pagination-item--previous .icon { 15208 position: absolute; 15209 top: 3px 15210} 15211 15212.pagination .pagination-item--previous .pagination-link { 15213 padding-left: 20px 15214} 15215 15216.pagination .pagination-item--previous .icon { 15217 left: 0; 15218 margin-left: 0 15219} 15220 15221.pagination .pagination-item--next .pagination-link { 15222 padding-right: 20px 15223} 15224 15225.pagination .pagination-item--next .icon { 15226 right: 0; 15227 margin-right: 0 15228} 15229 15230.button { 15231 padding: 11px 20px; 15232 line-height: 20px; 15233 font-weight: 400; 15234 text-transform: uppercase; 15235 font-size: 15px; 15236 border-radius: 0; 15237 letter-spacing: .1px; 15238 height: auto; 15239 border: 1px solid #020204; 15240 color: #020204; 15241 background: #fff 15242} 15243 15244@media only screen and (max-width:767px) { 15245 .button { 15246 padding: 8px 18px; 15247 font-size: 14px 15248 } 15249} 15250 15251.button:active, 15252.button:focus, 15253.button:hover { 15254 background: #020204; 15255 color: #fff 15256} 15257 15258.button.button--primary { 15259 background: #020204; 15260 border: 1px solid #020204; 15261 color: #fff 15262} 15263 15264.button.button--primary:active, 15265.button.button--primary:focus, 15266.button.button--primary:hover { 15267 color: #020204; 15268 background: #fff 15269} 15270 15271.swal2-modal .swal2-confirm:focus, 15272.swal2-modal .swal2-confirm:hover { 15273 background: #020204; 15274 border-color: #020204; 15275 color: #fff 15276} 15277 15278.swal2-modal .swal2-cancel:focus, 15279.swal2-modal .swal2-cancel:hover { 15280 background-color: transparent; 15281 border-color: #2e3344; 15282 color: #020204 15283} 15284 15285.swal2-confirm:active { 15286 background: #020204; 15287 border-color: #020204; 15288 color: #2e3344 15289} 15290 15291.breadcrumbs { 15292 text-align: left; 15293 display: block; 15294 margin: 15px 0 15295} 15296 15297.breadcrumbs .breadcrumb:first-child:before { 15298 content: "" 15299} 15300 15301.breadcrumbs .breadcrumb:before { 15302 content: ">" 15303} 15304 15305.breadcrumbs .breadcrumb a { 15306 font-size: 13px; 15307 color: #666 15308} 15309 15310.breadcrumbs .breadcrumb a:hover { 15311 color: #020204 15312} 15313 15314.breadcrumbs .breadcrumb.is-active span { 15315 color: #020204 15316} 15317 15318.slick-dotted.slick-slider { 15319 margin-bottom: 39px 15320} 15321 15322.slick-arrow { 15323 padding: 0; 15324 height: 15px;
15325 width: 20px; 15326 margin: 0; 15327 right: 0; 15328 transform: none 15329} 15330 15331.slick-arrow:before { 15332 display: none 15333} 15334 15335.slick-arrow svg { 15336 width: 30px; 15337 height: 30px; 15338 fill: #020204 15339} 15340 15341.slick-arrow:hover svg { 15342 fill: #b8b8b8 15343} 15344 15345.slick-disabled { 15346 opacity: 1 15347} 15348 15349.slick-disabled svg { 15350 fill: #b8b8b8 15351} 15352 15353.slick-dots { 15354 bottom: -15px 15355} 15356 15357.slick-dots li { 15358 background: 0 0; 15359 width: 20px; 15360 height: 20px; 15361 padding: 0; 15362 line-height: 26px 15363} 15364 15365.slick-dots li button { 15366 border: 1px solid #666; 15367 height: 14px; 15368 width: 14px 15369} 15370 15371.slick-dots li button:before { 15372 width: 8px; 15373 height: 8px; 15374 background: #666; 15375 top: 50%; 15376 left: 50%; 15377 margin-left: -4px; 15378 margin-top: -4px; 15379 opacity: 1 15380} 15381 15382.slick-dots li button:focus, 15383.slick-dots li button:hover { 15384 border: 1px solid #020204 15385} 15386 15387.slick-dots li button:focus:before, 15388.slick-dots li button:hover:before { 15389 background: #020204; 15390 opacity: 1 15391} 15392 15393.slick-dots li.slick-active button { 15394 border: 1px solid #020204 15395} 15396 15397.slick-dots li.slick-active button:before { 15398 background: #020204; 15399 opacity: 1 15400} 15401 15402.navList-treeview li { 15403 position: relative 15404} 15405 15406.navList-treeview li .hitarea { 15407 position: absolute; 15408 text-align: center; 15409 right: 0; 15410 top: 4px; 15411 cursor: pointer; 15412 z-index: 3; 15413 transition: all .2s ease; 15414 padding: 7px; 15415 display: -ms-flexbox; 15416 display: flex; 15417 -ms-flex-pack: center; 15418 justify-content: center; 15419 -ms-flex-align: center; 15420 align-items: center 15421} 15422 15423.navList-treeview li .hitarea:before { 15424 position: absolute; 15425 background-color: #666; 15426 content: ""; 15427 width: 11px; 15428 height: 1px; 15429 left: 1px; 15430 top: 7px 15431} 15432 15433.navList-treeview li .hitarea:after { 15434 position: absolute; 15435 background-color: #666; 15436 width: 11px; 15437 height: 1px; 15438 left: 1px; 15439 top: 7px; 15440 content: ""; 15441 transform: rotate(-90deg) 15442} 15443 15444.navList-treeview li .hitarea svg { 15445 width: 11px; 15446 height: 11px; 15447 pointer-events: none; 15448 line-height: normal; 15449 display: none 15450} 15451 15452.navList-treeview li.collapsable>.hitarea:before { 15453 transform: rotate(180deg); 15454 opacity: 0 15455} 15456 15457.navList-treeview li.collapsable>.hitarea:after { 15458 transform: rotate(180deg) 15459} 15460 15461.navList-treeview li.collapsable>a { 15462 color: #020204 15463} 15464 15465.navList-treeview li li a svg { 15466 display: none 15467} 15468 15469.navList-treeview li li a span { 15470 display: none 15471} 15472 15473.navList-treeview li ul { 15474 display: none 15475} 15476 15477.navList-treeview li a { 15478 text-transform: capitalize; 15479 display: inline-block; 15480 vertical-align: middle; 15481 padding-right: 25px 15482} 15483 15484.navList-treeview li a span { 15485 display: none 15486} 15487 15488.socialLinks { 15489 line-height: normal 15490} 15491 15492.socialLinks .socialLinks-item { 15493 margin: 0 3px 15494} 15495 15496.socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15497 margin-bottom: 0; 15498 margin-left: 15px; 15499 display: inline-block; 15500 vertical-align: middle 15501} 15502 15503@media only screen and (max-width:1279px) { 15504 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15505 margin-top: 10px; 15506 margin-left: 0 15507 } 15508} 15509 15510@media only screen and (max-width:1023px) { 15511 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15512 margin-top: 0; 15513 margin-left: 15px 15514 } 15515} 15516 15517@media only screen and (max-width:479px) { 15518 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15519 margin-top: 10px; 15520 margin-left: 0; 15521 display: block 15522 } 15523} 15524 15525.socialLinks .socialLinks-item.socialLinks-item--facebookLike iframe { 15526 position: static !important; 15527 height: 25px; 15528 width: 116px; 15529 display: -ms-flexbox; 15530 display: flex 15531} 15532 15533.socialLinks .socialLinks-item svg { 15534 width: 18px; 15535 height: 13px 15536} 15537 15538.socialLinks .socialLinks-item.socialLinks-item--print svg { 15539 height: 15px 15540} 15541 15542.socialLinks .icon { 15543 height: 34px; 15544 width: 34px; 15545 display: -ms-flexbox; 15546 display: flex; 15547 -ms-flex-align: center; 15548 align-items: center; 15549 -ms-flex-pack: center; 15550 justify-content: center; 15551 border: 1px solid #dfdfdf; 15552 border-radius: 50% 15553} 15554 15555.socialLinks .icon:hover svg { 15556 fill: #fff 15557} 15558 15559.socialLinks .icon--google_plusone:hover { 15560 border-color: #c33; 15561 background: #c33 15562} 15563 15564.socialLinks .icon--facebook:hover { 15565 border-color: #597ac7; 15566 background: #597ac7 15567} 15568 15569.socialLinks .icon--email:hover { 15570 border-color: #c33; 15571 background: #c33 15572} 15573 15574.socialLinks .icon--print:hover { 15575 border-color: red; 15576 background: red 15577} 15578 15579.socialLinks .icon--twitter:hover { 15580 border-color: #1da1f2; 15581 background: #1da1f2 15582} 15583 15584.socialLinks .icon--google:hover { 15585 border-color: #c33; 15586 background: #c33 15587} 15588 15589.socialLinks .icon--linkedin:hover { 15590 border-color: #0077b5; 15591 background: #0077b5 15592} 15593 15594.socialLinks .icon--pinterest:hover { 15595 border-color: #c8232c; 15596 background: #c8232c 15597} 15598 15599.addthis_toolbox a.at300b, 15600.addthis_toolbox a.at300m { 15601 width: 34px !important 15602} 15603 15604.socialLinks--alt .socialLinks-item { 15605 padding: 0; 15606 margin: 0 6px 0 0 15607} 15608 15609.socialLinks--alt .icon { 15610 margin: 0; 15611 border-radius: 50%; 15612 border: 1px solid #000; 15613 height: 34px; 15614 width: 34px; 15615 text-align: center; 15616 display: -ms-flexbox; 15617 display: flex; 15618 -ms-flex-align: center;
15619 align-items: center; 15620 -ms-flex-pack: center; 15621 justify-content: center 15622} 15623 15624.socialLinks--alt .icon svg { 15625 width: 15px; 15626 height: 15px 15627} 15628 15629.socialLinks--alt .icon.icon--facebook { 15630 border: 1px solid #49669d 15631} 15632 15633.socialLinks--alt .icon.icon--facebook svg { 15634 fill: #49669d 15635} 15636 15637.socialLinks--alt .icon.icon--linkedin { 15638 border: 1px solid #387ba6 15639} 15640 15641.socialLinks--alt .icon.icon--linkedin svg { 15642 fill: #387ba6 15643} 15644 15645.socialLinks--alt .icon.icon--tumblr { 15646 border: 1px solid #34526f 15647} 15648 15649.socialLinks--alt .icon.icon--tumblr svg { 15650 fill: #34526f 15651} 15652 15653.socialLinks--alt .icon.icon--twitter { 15654 border: 1px solid #60bdea 15655} 15656 15657.socialLinks--alt .icon.icon--twitter svg { 15658 fill: #60bdea 15659} 15660 15661.socialLinks--alt .icon.icon--instagram { 15662 border: 1px solid #b5b196 15663} 15664 15665.socialLinks--alt .icon.icon--instagram svg { 15666 fill: #b5b196 15667} 15668 15669.socialLinks--alt .icon.icon--pinterest { 15670 border: 1px solid #fc393d 15671} 15672 15673.socialLinks--alt .icon.icon--pinterest svg { 15674 fill: #fc393d 15675} 15676 15677.socialLinks--alt .icon.icon--google { 15678 border: 1px solid #4c4c4c 15679} 15680 15681.socialLinks--alt .icon.icon--google svg { 15682 width: 20px; 15683 fill: #4c4c4c 15684} 15685 15686.socialLinks--alt .icon.icon--youtube { 15687 border: 1px solid #fa3b3a 15688} 15689 15690.socialLinks--alt .icon.icon--youtube svg { 15691 width: 16px; 15692 fill: #fa3b3a 15693} 15694 15695.socialLinks--alt .icon.icon--stumbleupon { 15696 border: 1px solid #48b04f 15697} 15698 15699.socialLinks--alt .icon.icon--stumbleupon svg { 15700 width: 16px; 15701 fill: #48b04f 15702} 15703 15704.socialLinks--alt .icon.icon--rss { 15705 border: 1px solid #f26522 15706} 15707 15708.socialLinks--alt .icon.icon--rss svg { 15709 width: 16px; 15710 fill: #f26522 15711} 15712 15713.socialLinks .icon--facebook_like { 15714 border: 0; 15715 width: auto; 15716 height: auto; 15717 text-align: left !important; 15718 margin-left: 3px; 15719 -ms-flex-pack: start; 15720 justify-content: flex-start 15721} 15722 15723.socialLinks .icon--facebook_like iframe { 15724 width: 280px 15725} 15726 15727li.facebook_like, 15728li.socialLinks-alt.facebook_like { 15729 height: auto !important; 15730 margin-left: 0; 15731 margin-top: 20px 15732} 15733 15734.sf-menu { 15735 list-style: none 15736} 15737 15738.nav-arrow-roted .navPages-action i, 15739.nav-arrow-roted .navPages-action span, 15740.nav-arrow-roted>a i, 15741.nav-arrow-roted>a span { 15742 transform: rotate(-90deg); 15743 display: inline-block 15744} 15745 15746.nav-arrow-roted .navPages-action i.nav-arrow, 15747.nav-arrow-roted .navPages-action span.nav-arrow, 15748.nav-arrow-roted>a i.nav-arrow, 15749.nav-arrow-roted>a span.nav-arrow { 15750 display: none 15751} 15752 15753.sf-menu ul { 15754 position: absolute; 15755 display: none; 15756 top: 100%; 15757 z-index: 99; 15758 box-shadow: 2px 2px 6px rgba(0, 0, 0, .2); 15759 max-width: 180px; 15760 width: 180px; 15761 background: #fff; 15762 left: 50%; 15763 transform: translateX(-50%) 15764} 15765 15766.sf-menu li.sfHover>ul, 15767.sf-menu li:hover>ul { 15768 display: block 15769} 15770 15771.sf-menu a { 15772 display: block; 15773 position: relative 15774} 15775 15776.sf-menu ul ul { 15777 left: 100%; 15778 right: auto; 15779 top: 0; 15780 transform: none 15781} 15782 15783.sf-menu ul.mega-menu-wrap { 15784 width: 100%; 15785 max-width: 100%; 15786 left: 0 15787} 15788 15789.sf-menu li { 15790 position: relative 15791} 15792 15793.sf-menu li.mega-menu-item { 15794 position: inherit 15795} 15796 15797.last-menu-item ul { 15798 right: 0; 15799 left: auto 15800} 15801 15802.last-menu-item ul li a { 15803 position: relative; 15804 padding-left: 20px !important 15805} 15806 15807.last-menu-item ul li a span { 15808 position: absolute; 15809 left: 0; 15810 transform: rotate(180deg) 15811} 15812 15813.last-menu-item ul ul { 15814 right: 100%; 15815 left: auto 15816} 15817 15818.sf-menu ul li { 15819 background: #fff; 15820 display: block; 15821 width: 100%; 15822 text-align: left 15823} 15824 15825.sf-menu ul ul li { 15826 background: #fff 15827} 15828 15829.sf-menu li.sfHover, 15830.sf-menu li:hover { 15831 transition: none 15832} 15833 15834.sf-arrows>.sfHover>.sf-with-ul:after, 15835.sf-arrows>li:hover>.sf-with-ul:after, 15836.sf-arrows>li>.sf-with-ul:focus:after { 15837 border-top-color: #fff 15838} 15839 15840.sf-arrows ul .sf-with-ul:after { 15841 margin-top: -5px; 15842 margin-right: -3px; 15843 border-color: transparent; 15844 border-left-color: #dfeeff; 15845 border-left-color: rgba(255, 255, 255, .5) 15846} 15847 15848.sf-arrows ul .sfHover>.sf-with-ul:after, 15849.sf-arrows ul li:hover>.sf-with-ul:after, 15850.sf-arrows ul li>.sf-with-ul:focus:after { 15851 border-left-color: #fff 15852} 15853 15854#growls-bc, 15855#growls-bl, 15856#growls-br, 15857#growls-cc, 15858#growls-cl, 15859#growls-cr, 15860#growls-default, 15861#growls-tc, 15862#growls-tl, 15863#growls-tr, 15864.ontop { 15865 z-index: 50000; 15866 position: fixed 15867} 15868 15869#growls-default { 15870 top: 10px; 15871 right: 10px 15872} 15873 15874#growls-tl { 15875 top: 10px; 15876 left: 10px 15877} 15878 15879#growls-tr { 15880 top: 10px; 15881 right: 10px 15882} 15883 15884#growls-bl { 15885 bottom: 10px; 15886 left: 10px 15887} 15888 15889#growls-br { 15890 bottom: 10px; 15891 right: 10px 15892} 15893 15894#growls-tc { 15895 top: 10px; 15896 right: 10px; 15897 left: 10px 15898} 15899 15900#growls-bc { 15901 bottom: 10px; 15902 right: 10px; 15903 left: 10px 15904} 15905 15906#growls-cc { 15907 top: 50%; 15908 left: 50%; 15909 margin-left: -125px 15910} 15911 15912#growls-cl { 15913 top: 50%; 15914 left: 10px 15915} 15916 15917#growls-cr { 15918 top: 50%; 15919 right: 10px 15920} 15921 15922#growls-bc .growl, 15923#growls-tc .growl { 15924 margin-left: auto; 15925 margin-right: auto 15926} 15927 15928.growl { 15929 opacity: .8; 15930 position: relative; 15931 border-radius: 4px; 15932 transition: all .4s ease-in-out 15933} 15934 15935.growl.growl-incoming { 15936 opacity: 0 15937} 15938 15939.growl.growl-outgoing { 15940 opacity: 0 15941} 15942 15943.growl.growl-small { 15944 width: 200px; 15945 padding: 5px; 15946 margin: 5px 15947} 15948 15949.growl.growl-medium { 15950 width: 250px; 15951 padding: 10px; 15952 margin: 10px 15953} 15954 15955.growl.growl-large { 15956 width: 300px; 15957 padding: 15px; 15958 margin: 15px 15959} 15960 15961.growl.growl-default { 15962 color: #fff; 15963 background: #7f8c8d 15964} 15965 15966.growl.growl-error { 15967 color: #fff; 15968 background: #c0392b 15969} 15970 15971.growl.growl-notice { 15972 color: #fff; 15973 background: #2ecc71 15974} 15975 15976.growl.growl-warning { 15977 color: #fff; 15978 background: #f39c12 15979} 15980 15981.growl .growl-close { 15982 cursor: pointer; 15983 float: right; 15984 font-size: 14px; 15985 line-height: 18px; 15986 font-weight: 400; 15987 font-family: helvetica, verdana, sans-serif 15988} 15989 15990.growl .growl-title { 15991 font-size: 18px; 15992 line-height: 24px 15993} 15994 15995.growl .growl-message { 15996 font-size: 14px; 15997 line-height: 18px 15998} 15999 16000.section-title { 16001 text-align: center 16002} 16003 16004.section-title .page-heading { 16005 margin-bottom: 0; 16006 border-bottom: 0; 16007 line-height: 24px; 16008 padding-bottom: 0 16009} 16010 16011@media only screen and (max-width:1023px) { 16012 .section-title .page-heading { 16013 font-size: 24px; 16014 line-height: 24px 16015 } 16016} 16017 16018.page-heading { 16019 margin-bottom: 30px; 16020 font-weight: 500; 16021 color: #2e3344; 16022 letter-spacing: normal; 16023 line-height: 40px; 16024 border-bottom: 1px solid #dfdfdf; 16025 padding-bottom: 15px 16026} 16027 16028@media only screen and (max-width:1023px) { 16029 .page-heading { 16030 font-size: 26px; 16031 line-height: 36px; 16032 margin-bottom: 20px 16033 } 16034} 16035 16036.page-heading+.page-sub-heading { 16037 margin-top: 6px; 16038 font-size: 24px 16039} 16040 16041@media only screen and (max-width:1023px) { 16042 .page-heading+.page-sub-heading { 16043 font-size: 20px; 16044 line-height: 22px 16045 } 16046} 16047 16048.page-heading svg {
16049 width: 20px; 16050 height: 20px; 16051 fill: #020204; 16052 margin-right: 8px 16053} 16054 16055.page-sub-heading { 16056 color: #888; 16057 font-family: Caveat; 16058 margin-bottom: 0 16059} 16060 16061.home-promotional-banner { 16062 margin-top: 39px 16063} 16064 16065@media only screen and (max-width:1023px) { 16066 .home-promotional-banner { 16067 margin-top: 30px 16068 } 16069} 16070 16071.home-promotional-banner.carousel-open { 16072 margin-top: 0 16073} 16074 16075@media only screen and (max-width:1023px) { 16076 .home-promotional-banner.m-b-60 { 16077 margin-bottom: 37px 16078 } 16079} 16080 16081.home-promotional-banner .banner-main-block { 16082 margin: 0 -15px; 16083 display: -ms-flexbox; 16084 display: flex; 16085 -ms-flex-align: flex-start; 16086 align-items: flex-start; 16087 -ms-flex-pack: start; 16088 justify-content: flex-start 16089} 16090 16091@media only screen and (max-width:1023px) { 16092 .home-promotional-banner .banner-main-block { 16093 margin: 0 -10px 16094 } 16095} 16096 16097@media only screen and (max-width:767px) { 16098 .home-promotional-banner .banner-main-block { 16099 -ms-flex-wrap: wrap; 16100 flex-wrap: wrap; 16101 -webkit-flex-wrap: wrap 16102 } 16103} 16104 16105@media only screen and (max-width:567px) { 16106 .home-promotional-banner .banner-main-block { 16107 margin: 0 -5px 16108 } 16109} 16110 16111@media only screen and (max-width:479px) { 16112 .home-promotional-banner .banner-main-block { 16113 margin: 0 16114 } 16115} 16116 16117.home-promotional-banner .banner-block-half { 16118 width: 50% 16119} 16120 16121@media only screen and (max-width:1023px) { 16122 .home-promotional-banner .banner-block-half.p-l-15 { 16123 padding-left: 10px 16124 } 16125 .home-promotional-banner .banner-block-half.p-r-15 { 16126 padding-right: 10px 16127 } 16128} 16129 16130@media only screen and (max-width:767px) { 16131 .home-promotional-banner .banner-block-half { 16132 width: 100% 16133 } 16134} 16135 16136@media only screen and (max-width:567px) { 16137 .home-promotional-banner .banner-block-half.p-l-15 { 16138 padding-left: 5px 16139 } 16140 .home-promotional-banner .banner-block-half.p-r-15 { 16141 padding-right: 5px 16142 } 16143} 16144 16145@media only screen and (max-width:479px) { 16146 .home-promotional-banner .banner-block-half.p-l-15 { 16147 padding-left: 0 16148 } 16149 .home-promotional-banner .banner-block-half.p-r-15 { 16150 padding-right: 0 16151 } 16152} 16153 16154.home-promotional-banner .banner-block-full { 16155 width: 100% 16156} 16157 16158.home-promotional-banner .banner-block-3 { 16159 padding: 0; 16160 margin-top: 30px 16161} 16162 16163@media only screen and (max-width:1919px) { 16164 .home-promotional-banner .banner-block-3 { 16165 margin-top: 27px 16166 } 16167} 16168 16169@media only screen and (max-width:1279px) { 16170 .home-promotional-banner .banner-block-3 { 16171 margin-top: 24px 16172 } 16173} 16174 16175@media only screen and (max-width:1023px) { 16176 .home-promotional-banner .banner-block-3 { 16177 margin-top: 17px 16178 } 16179} 16180 16181@media only screen and (max-width:567px) { 16182 .home-promotional-banner .banner-block-3 { 16183 margin-top: 10px 16184 } 16185} 16186 16187@media only screen and (max-width:479px) { 16188 .home-promotional-banner .banner-block-3 { 16189 -ms-flex-wrap: wrap; 16190 flex-wrap: wrap; 16191 -webkit-flex-wrap: wrap 16192 } 16193 .home-promotional-banner .banner-block-3 .p-r-15 { 16194 margin-bottom: 10px 16195 } 16196} 16197 16198.home-promotional-banner .banner-block-3 img { 16199 width: 100% 16200} 16201 16202@media only screen and (max-width:767px) { 16203 .home-promotional-banner .banner-block-2 { 16204 margin-top: 17px 16205 } 16206} 16207 16208@media only screen and (max-width:567px) { 16209 .home-promotional-banner .banner-block-2 { 16210 margin-top: 10px 16211 } 16212} 16213 16214@media only screen and (max-width:1023px) { 16215 .product-section.m-b-40 { 16216 margin-bottom: 17px 16217 } 16218} 16219 16220.slick-slider .product-slick-arrow { 16221 display: none; 16222 width: 18px; 16223 height: 12px 16224} 16225 16226.home-blog-list-wrap .home-blog-list { 16227 display: -ms-flexbox; 16228 display: flex 16229} 16230 16231@media only screen and (max-width:666px) { 16232 .home-blog-list-wrap .home-blog-list { 16233 -ms-flex-flow: column; 16234 flex-flow: column 16235 } 16236} 16237 16238@media only screen and (max-width:1023px) { 16239 .home-blog-post.m-b-50 { 16240 margin-bottom: 30px 16241 } 16242} 16243 16244@media only screen and (max-width:1023px) { 16245 .home-blog-list-wrap.m-t-30 { 16246 margin-top: 15px 16247 } 16248} 16249 16250@media only screen and (max-width:666px) { 16251 .home-blog-list-wrap .custom-row { 16252 -ms-flex-wrap: wrap; 16253 flex-wrap: wrap; 16254 -webkit-flex-wrap: wrap; 16255 margin: 0 16256 } 16257} 16258 16259@media only screen and (max-width:1023px) { 16260 .home-blog-item.p-l-15 { 16261 padding-left: 10px 16262 } 16263 .home-blog-item.p-r-15 { 16264 padding-right: 10px 16265 } 16266} 16267 16268@media only screen and (max-width:666px) { 16269 .home-blog-item.width-33 { 16270 width: 100%; 16271 padding: 0 16272 } 16273 .home-blog-item:last-child .home-blog-detail { 16274 margin-bottom: 0 16275 } 16276} 16277 16278.home-blog-img { 16279 position: relative; 16280 width: 100% 16281} 16282 16283.home-blog-img a { 16284 text-align: center; 16285 display: block 16286} 16287 16288.home-blog-img a span { 16289 max-height: 300px; 16290 position: relative; 16291 display: -ms-flexbox; 16292 display: flex; 16293 -ms-flex-pack: center; 16294 justify-content: center; 16295 -ms-flex-align: center;
16296 align-items: center; 16297 min-height: 300px; 16298 overflow: hidden 16299} 16300 16301@media only screen and (max-width:1919px) { 16302 .home-blog-img a span { 16303 max-height: 224px; 16304 min-height: 224px 16305 } 16306} 16307 16308@media only screen and (max-width:1279px) { 16309 .home-blog-img a span { 16310 max-height: 210px; 16311 min-height: 210px 16312 } 16313} 16314 16315@media only screen and (max-width:1023px) { 16316 .home-blog-img a span { 16317 max-height: 150px; 16318 min-height: 150px 16319 } 16320} 16321 16322@media only screen and (max-width:767px) { 16323 .home-blog-img a span { 16324 max-height: 130px; 16325 min-height: 130px 16326 } 16327} 16328 16329@media only screen and (max-width:666px) { 16330 .home-blog-img a span { 16331 max-height: inherit 16332 } 16333} 16334 16335.home-blog-img a img { 16336 width: auto; 16337 overflow: hidden; 16338 background-color: #fff; 16339 position: relative; 16340 transition: all .5s 16341} 16342 16343.home-blog-detail { 16344 text-align: left; 16345 padding: 0 10px; 16346 padding-top: 15px; 16347 width: 100% 16348} 16349 16350@media only screen and (max-width:1023px) { 16351 .home-blog-detail { 16352 padding-top: 15px 16353 } 16354} 16355 16356@media only screen and (max-width:666px) { 16357 .home-blog-detail { 16358 margin-bottom: 30px 16359 } 16360} 16361 16362.home-blog-detail h4 { 16363 line-height: 24px; 16364 font-weight: 500; 16365 text-transform: capitalize; 16366 margin-bottom: 10px; 16367 letter-spacing: normal 16368} 16369 16370@media only screen and (max-width:1023px) { 16371 .home-blog-detail h4 { 16372 font-size: 16px; 16373 line-height: 20px 16374 } 16375} 16376 16377@media only screen and (max-width:767px) { 16378 .home-blog-detail h4 { 16379 margin-bottom: 7px 16380 } 16381} 16382 16383.home-blog-detail h4 a { 16384 color: #020204 16385} 16386 16387.home-blog-detail h4 a:hover { 16388 color: #666 16389} 16390 16391.home-blog-detail p { 16392 font-size: 16px; 16393 line-height: 1.5; 16394 font-weight: 400; 16395 text-align: left; 16396 margin-bottom: 10px; 16397 color: #333 16398} 16399 16400@media only screen and (max-width:1023px) { 16401 .home-blog-detail p { 16402 font-size: 13px; 16403 line-height: 20px 16404 } 16405} 16406 16407@media only screen and (max-width:767px) { 16408 .home-blog-detail p { 16409 margin-bottom: 7px 16410 } 16411} 16412 16413.home-blog-detail .blog-date { 16414 font-size: 15px; 16415 font-weight: 400; 16416 color: #020204 16417} 16418 16419@media only screen and (max-width:1023px) { 16420 .home-blog-detail .blog-date { 16421 font-size: 13px; 16422 line-height: 20px 16423 } 16424} 16425 16426@media only screen and (max-width:767px) { 16427 .home-blog-detail .blog-date { 16428 -ms-flex-wrap: wrap; 16429 flex-wrap: wrap; 16430 -webkit-flex-wrap: wrap 16431 } 16432 .home-blog-detail .blog-date div { 16433 width: 100%; 16434 display: block; 16435 text-align: left 16436 } 16437} 16438 16439@media only screen and (max-width:666px) { 16440 .home-blog-detail .blog-date { 16441 -ms-flex-wrap: nowrap; 16442 flex-wrap: nowrap; 16443 -webkit-flex-wrap: nowrap 16444 } 16445 .home-blog-detail .blog-date div { 16446 width: auto 16447 } 16448} 16449 16450.home-blog-detail .blog-date .author+.date { 16451 margin-left: 18px 16452} 16453 16454@media only screen and (max-width:767px) { 16455 .home-blog-detail .blog-date .author+.date { 16456 margin-left: 0; 16457 margin-top: 5px 16458 } 16459} 16460 16461@media only screen and (max-width:666px) { 16462 .home-blog-detail .blog-date .author+.date { 16463 margin-top: 0; 16464 margin-left: 18px 16465 } 16466} 16467 16468.home-blog-detail .blog-date svg { 16469 width: 15px; 16470 height: 15px 16471} 16472 16473@media only screen and (max-width:1023px) { 16474 .home-blog-detail .blog-date svg { 16475 width: 12px; 16476 height: 12px 16477 } 16478} 16479 16480@media only screen and (max-width:1023px) { 16481 .instagrame.m-b-50 { 16482 margin-bottom: 30px 16483 } 16484} 16485 16486.instagrame .page-heading { 16487 font-size: 24px; 16488 display: -ms-flexbox; 16489 display: flex; 16490 -ms-flex-pack: center; 16491 justify-content: center; 16492 -ms-flex-align: center; 16493 align-items: center 16494} 16495 16496.instagrame .page-heading svg { 16497 margin-right: 5px 16498} 16499 16500@media only screen and (max-width:1023px) { 16501 .home-instagram.m-t-20 { 16502 margin-top: 5px 16503 } 16504} 16505 16506@media only screen and (max-width:567px) { 16507 .home-instagram.m-t-20 { 16508 margin-top: 11px 16509 } 16510} 16511 16512.insta-item { 16513 padding: 10px 16514} 16515 16516@media only screen and (max-width:567px) { 16517 .insta-item { 16518 padding: 5px 16519 } 16520} 16521 16522@media only screen and (max-width:567px) { 16523 .insta-item-wrap { 16524 width: 180px 16525 } 16526} 16527 16528.animation { 16529 display: block; 16530 position: relative 16531} 16532 16533.animation:before { 16534 opacity: 0; 16535 content: ""; 16536 position: absolute; 16537 width: 42px; 16538 height: 42px; 16539 top: 50%; 16540 left: 50%; 16541 margin-top: -21px; 16542 margin-left: -21px; 16543 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/instagram-feeds.svg) no-repeat; 16544 background-size: 100%; 16545 z-index: 1 16546} 16547 16548.animation:after { 16549 content: ""; 16550 position: absolute; 16551 top: 5px; 16552 left: 5px; 16553 bottom: 5px; 16554 right: 5px; 16555 background: #020204; 16556 opacity: 0 16557} 16558 16559.animation:hover { 16560 box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) 16561} 16562 16563.animation:hover:before { 16564 opacity: 1 16565} 16566 16567.animation:hover:after { 16568 opacity: .7 16569} 16570 16571.usp-section { 16572 background: #f4f4f4
16573} 16574 16575@media only screen and (max-width:1023px) { 16576 .usp-section.m-b-60 { 16577 margin-bottom: 40px 16578 } 16579} 16580 16581.usp-section ul { 16582 margin: 0; 16583 display: -ms-flexbox; 16584 display: flex; 16585 -ms-flex-pack: center; 16586 justify-content: center 16587} 16588 16589@media only screen and (max-width:1023px) { 16590 .usp-section ul { 16591 -ms-flex-wrap: wrap; 16592 flex-wrap: wrap; 16593 -webkit-flex-wrap: wrap 16594 } 16595} 16596 16597.usp-section ul li { 16598 padding: 30px 15px; 16599 margin: 0; 16600 width: 25% 16601} 16602 16603@media only screen and (max-width:1023px) { 16604 .usp-section ul li { 16605 width: 50%; 16606 padding: 0 16607 } 16608} 16609 16610.usp-section ul li:first-child { 16611 padding-left: 0 16612} 16613 16614.usp-section ul li:last-child { 16615 padding-right: 0 16616} 16617 16618@media only screen and (max-width:1023px) { 16619 .usp-section ul li.first { 16620 padding-top: 20px; 16621 padding-right: 20px; 16622 padding-bottom: 20px; 16623 padding-left: 0 16624 } 16625 .usp-section ul li.second { 16626 padding-top: 20px; 16627 padding-bottom: 20px 16628 } 16629 .usp-section ul li.third { 16630 padding-bottom: 20px; 16631 padding-right: 20px 16632 } 16633 .usp-section ul li.fourth { 16634 padding-bottom: 20px 16635 } 16636} 16637 16638@media only screen and (max-width:567px) { 16639 .usp-section ul li.first { 16640 padding-top: 10px; 16641 padding-right: 10px; 16642 padding-bottom: 10px; 16643 padding-left: 0 16644 } 16645 .usp-section ul li.second { 16646 padding-top: 10px; 16647 padding-bottom: 10px 16648 } 16649 .usp-section ul li.third { 16650 padding-bottom: 10px; 16651 padding-right: 10px 16652 } 16653 .usp-section ul li.fourth { 16654 padding-bottom: 10px 16655 } 16656} 16657 16658.usp-section.usp-section-none { 16659 display: none 16660} 16661 16662.usp-block { 16663 background: #fff; 16664 display: -ms-flexbox; 16665 display: flex; 16666 -ms-flex-align: center; 16667 align-items: center; 16668 -ms-flex-pack: center; 16669 justify-content: center; 16670 padding: 18px 10px; 16671 height: 100% 16672} 16673 16674@media only screen and (max-width:1279px) { 16675 .usp-block { 16676 -ms-flex-wrap: wrap; 16677 flex-wrap: wrap; 16678 -webkit-flex-wrap: wrap 16679 } 16680} 16681 16682@media only screen and (max-width:567px) { 16683 .usp-block { 16684 padding: 12px 10px 16685 } 16686} 16687 16688.usp-block .usp-img { 16689 max-width: 45px; 16690 text-align: right; 16691 margin-right: 14px; 16692 width: 100% 16693} 16694 16695@media only screen and (max-width:1279px) { 16696 .usp-block .usp-img { 16697 margin: 0 16698 } 16699} 16700 16701@media only screen and (max-width:1279px) { 16702 .usp-block .usp-detail { 16703 width: 100%; 16704 text-align: center; 16705 margin-top: 8px 16706 } 16707} 16708 16709.usp-block .usp-detail h5 { 16710 margin: 0; 16711 text-transform: capitalize; 16712 color: #020204; 16713 line-height: 22px; 16714 font-weight: 500 16715} 16716 16717@media only screen and (max-width:1919px) { 16718 .usp-block .usp-detail h5 { 16719 font-size: 14px; 16720 line-height: 20px 16721 } 16722} 16723 16724.usp-block .usp-detail p { 16725 margin: 0; 16726 color: #666; 16727 line-height: 22px 16728} 16729 16730@media only screen and (max-width:1919px) { 16731 .usp-block .usp-detail p { 16732 font-size: 13px; 16733 line-height: 18px 16734 } 16735} 16736 16737@media only screen and (max-width:567px) { 16738 .usp-block .usp-detail p { 16739 font-size: 11px; 16740 line-height: 15px 16741 } 16742} 16743 16744.type-account_addressbook .usp-section, 16745.type-account_inbox .usp-section, 16746.type-account_orderstatus .usp-section, 16747.type-account_paymentmethods .usp-section, 16748.type-account_recentitems .usp-section, 16749.type-account_returns .usp-section, 16750.type-cart .usp-section, 16751.type-createaccount .usp-section, 16752.type-editaccount .usp-section, 16753.type-login .usp-section, 16754.type-wishlists .usp-section { 16755 display: none 16756} 16757 16758.login { 16759 margin: 0 auto 16760} 16761 16762.login-row { 16763 margin-top: 50px; 16764 display: -ms-flexbox; 16765 display: flex; 16766 -ms-flex-align: center; 16767 align-items: center; 16768 -ms-flex-pack: justify; 16769 justify-content: space-between 16770} 16771 16772@media only screen and (max-width:767px) { 16773 .login-row { 16774 -ms-flex-flow: column; 16775 flex-flow: column 16776 } 16777} 16778 16779.login-row .form-actions { 16780 display: -ms-flexbox; 16781 display: flex; 16782 -ms-flex-align: center;
16783 align-items: center; 16784 -ms-flex-pack: start; 16785 justify-content: flex-start 16786} 16787 16788.login-row .form-actions .button { 16789 width: auto; 16790 margin: 0; 16791 margin-right: 20px 16792} 16793 16794@media only screen and (max-width:767px) { 16795 .login-form { 16796 width: 100%; 16797 padding: 0 16798 } 16799} 16800 16801.login-form .form-label { 16802 font-size: 16px; 16803 color: #000 16804} 16805 16806.login-form .forgot-password { 16807 font-size: 15px; 16808 width: auto; 16809 margin: 0 16810} 16811 16812@media only screen and (max-width:767px) { 16813 .new-customer { 16814 width: 100%; 16815 padding: 0 16816 } 16817} 16818 16819.new-customer-fact-list { 16820 margin-left: 0 16821} 16822 16823.new-customer-fact { 16824 font-size: 15px 16825} 16826 16827.new-customer-intro { 16828 margin-bottom: 15px; 16829 font-size: 15px 16830} 16831 16832@media only screen and (max-width:1023px) { 16833 .navBar--sub { 16834 margin-bottom: 20px 16835 } 16836} 16837 16838.navBar--sub.navBar--account { 16839 display: block 16840} 16841 16842.navBar--sub .navBar-item { 16843 font-size: 16px 16844} 16845 16846@media only screen and (max-width:1023px) { 16847 .navBar--sub .navBar-item { 16848 font-size: 14px 16849 } 16850} 16851 16852@media only screen and (max-width:1279px) { 16853 .navBar--sub .navBar-item { 16854 margin: 0 7px 16855 } 16856} 16857 16858@media only screen and (max-width:1023px) { 16859 .navBar--sub .navBar-item { 16860 padding: 10px; 16861 border: 1px solid #dfdfdf; 16862 margin-top: 0; 16863 margin-left: 0; 16864 margin-right: 0; 16865 margin-bottom: 15px; 16866 text-align: left 16867 } 16868 .navBar--sub .navBar-item .navBar-action { 16869 font-size: 14px 16870 } 16871 .navBar--sub .navBar-item.search-result-content { 16872 margin-bottom: 0 16873 } 16874} 16875 16876.navBar--sub .navBar-item.is-active { 16877 color: #020204; 16878 border-bottom: 1px solid #020204 16879} 16880 16881@media only screen and (max-width:1023px) { 16882 .navBar--sub .navBar-item.is-active { 16883 font-size: 14px; 16884 border: 1px solid #020204 16885 } 16886} 16887 16888.navBar--sub .navBar-item .toggleLink-text { 16889 font-size: 16px 16890} 16891 16892@media only screen and (max-width:1023px) { 16893 .navBar--sub .navBar-item .toggleLink-text { 16894 font-size: 14px 16895 } 16896} 16897 16898.navBar--sub .navBar-action { 16899 font-size: 16px; 16900 color: #666 16901} 16902 16903@media only screen and (max-width:1023px) { 16904 .navBar--sub .navBar-action { 16905 font-size: 14px 16906 } 16907} 16908 16909@media only screen and (max-width:1919px) { 16910 .account--fixedLarge { 16911 width: 100% 16912 } 16913} 16914 16915.account h3 { 16916 line-height: 26px 16917} 16918 16919.account-product--alignMiddle .account-product-figure { 16920 left: 0 16921} 16922 16923.account-product--alignMiddle .account-product-checkItem { 16924 left: 0 16925} 16926 16927.account-product--alignMiddle .account-product-body { 16928 padding-left: 10px 16929} 16930 16931.account-product--alignMiddle .account-product-figure>img { 16932 height: auto 16933} 16934 16935.account-product-figure { 16936 display: block 16937} 16938 16939.account-product-figure:after { 16940 display: none 16941} 16942 16943.account-orderStatus-label { 16944 background: #020204 16945} 16946 16947.account-product-title { 16948 margin-bottom: 10px 16949} 16950 16951.account-message p { 16952 margin-bottom: 0 16953} 16954 16955.account-message p+p { 16956 margin-top: 15px 16957} 16958 16959.account .pagination { 16960 margin-top: 30px; 16961 color: #666 16962} 16963 16964.account .pagination .pagination-list { 16965 margin-bottom: 0 16966} 16967 16968.account .product .card { 16969 width: 100% 16970} 16971 16972.account .product .form { 16973 text-align: center; 16974 margin: 0 16975} 16976 16977.account .product .form .button { 16978 margin-top: 15px; 16979 margin-bottom: 0 16980} 16981 16982.account-content h2 { 16983 font-size: 20px 16984} 16985 16986@media only screen and (max-width:767px) { 16987 .account-content h2 { 16988 margin-bottom: 10px 16989 } 16990} 16991 16992@media only screen and (max-width:767px) { 16993 .account-content .form-field { 16994 margin-bottom: 15px 16995 } 16996} 16997 16998@media only screen and (max-width:767px) { 16999 .account-content .form-actions .button { 17000 margin-top: 0 17001 } 17002} 17003 17004@media only screen and (max-width:1023px) { 17005 .addressList { 17006 margin-left: 0; 17007 margin-right: 0 17008 } 17009} 17010 17011.addressList .address { 17012 margin-bottom: 0 17013} 17014 17015.return-msg { 17016 text-align: center 17017} 17018 17019.table--line .table-thead { 17020 border-color: 1px solid #dfdfdf 17021} 17022 17023@media only screen and (max-width:567px) { 17024 .form-actions .button+.button, 17025 .form-actions .button+a, 17026 .form-actions .button+input, 17027 .form-actions a+.button, 17028 .form-actions a+a, 17029 .form-actions a+input, 17030 .form-actions input+.button, 17031 .form-actions input+a, 17032 .form-actions input+input { 17033 margin-top: 0 17034 } 17035} 17036 17037.type-createaccount .form-row, 17038.type-shippingaddressform .form-row { 17039 margin: 0 17040} 17041 17042.type-createaccount .g-recaptcha, 17043.type-shippingaddressform .g-recaptcha { 17044 padding-left: .75rem 17045} 17046 17047.type-createaccount .form-actions .button, 17048.type-shippingaddressform .form-actions .button { 17049 width: auto 17050} 17051 17052.type-wishlist .productGrid .product { 17053 padding-bottom: 60px; 17054 margin-bottom: 15px; 17055 position: relative 17056} 17057 17058.type-wishlist .productGrid .product .crad { 17059 width: 100% 17060} 17061 17062.type-wishlist .productGrid .product .form { 17063 margin-top: auto; 17064 width: 100%; 17065 position: absolute; 17066 bottom: 0; 17067 left: 50%; 17068 transform: translate(-50%) 17069} 17070 17071.blog-thumbnail-custom { 17072 margin: 0 auto; 17073 margin-bottom: 20px 17074} 17075 17076.blog-thumbnail-custom a { 17077 display: block 17078} 17079 17080.blog-author, 17081.blog-date { 17082 margin-bottom: 10px 17083} 17084 17085.blog-title {
17086 line-height: 26px 17087} 17088 17089.type-compare .header { 17090 z-index: inherit 17091} 17092 17093.type-compare .header.stuck { 17094 z-index: 99 17095} 17096 17097.type-compare .header .header-main { 17098 z-index: inherit 17099} 17100 17101.compare-table-wrap { 17102 overflow: auto 17103} 17104 17105@media only screen and (max-width:1023px) { 17106 .compare-table-wrap .compareTable { 17107 width: 800px 17108 } 17109} 17110 17111.compareTable-product .card .card-figure { 17112 overflow: visible 17113} 17114 17115.compareTable-product .card .card-figure a { 17116 height: 30px; 17117 position: absolute; 17118 right: -1rem; 17119 top: -1rem; 17120 transition: background-color .15s ease; 17121 width: 30px 17122} 17123 17124.compareTable-product .card .card-figure a svg { 17125 margin-top: 9px 17126} 17127 17128.compareTable-product .card .card-title { 17129 margin-bottom: 12px; 17130 margin-top: 10px 17131} 17132 17133.compareTable-product .card:hover .card-title { 17134 opacity: 1; 17135 visibility: visible 17136} 17137 17138.compareTable-product .compareTable-removeProduct:hover { 17139 background: #020204 17140} 17141 17142.compareTable-product .compareTable-removeProduct:hover .icon { 17143 fill: #fff 17144} 17145 17146.compareTable-product .icon { 17147 fill: #020204; 17148 height: 14px; 17149 width: 14px; 17150 margin-top: 10px 17151} 17152 17153.compareTable { 17154 border-top: 0 17155} 17156 17157.compareTable-action .button { 17158 text-transform: uppercase 17159} 17160 17161.compareTable-headingText { 17162 font-weight: 500; 17163 color: #020204 17164} 17165 17166.sitemap-block-main { 17167 display: -ms-flexbox; 17168 display: flex; 17169 -ms-flex-align: flex-start; 17170 align-items: flex-start; 17171 -ms-flex-pack: justify; 17172 justify-content: space-between; 17173 -ms-flex-flow: row; 17174 flex-flow: row 17175} 17176 17177@media only screen and (max-width:767px) { 17178 .sitemap-block-main { 17179 -ms-flex-flow: column; 17180 flex-flow: column 17181 } 17182} 17183 17184.sitemap-block-main .block-title { 17185 margin-bottom: 15px; 17186 font-weight: 500 17187} 17188 17189.sitemap-block-main .sitemap-block { 17190 width: 33.33%; 17191 padding: 0 15px 17192} 17193 17194@media only screen and (max-width:767px) { 17195 .sitemap-block-main .sitemap-block { 17196 width: 100% 17197 } 17198} 17199 17200.sitemap-block-main ul { 17201 margin-left: 0 17202} 17203 17204.sitemap-block-main .show-more:before { 17205 display: none 17206} 17207 17208.sitemap-block-main .show-more a { 17209 font-style: italic 17210} 17211 17212.gift-certificate-form .form-fieldset .form-field { 17213 padding: 0 17214} 17215 17216.gift-certificate-form .form-fieldset .form-field-group { 17217 padding: 15px .75rem 17218} 17219 17220.giftWrapping-form .form-actions { 17221 margin-bottom: 20px 17222} 17223 17224#contact-us-success { 17225 text-align: center 17226} 17227 17228.changelog li { 17229 list-style: outside 17230} 17231 17232.header { 17233 border: 0; 17234 animation-duration: .7s 17235} 17236 17237@media only screen and (max-width:1023px) { 17238 .header { 17239 position: relative 17240 } 17241} 17242 17243.header-main { 17244 position: relative; 17245 z-index: 99 17246} 17247 17248.header-inner { 17249 display: -ms-flexbox; 17250 display: flex; 17251 -ms-flex-align: center; 17252 align-items: center; 17253 -ms-flex-pack: justify; 17254 justify-content: space-between 17255} 17256 17257.header-left, 17258.header-right { 17259 width: 25% 17260} 17261 17262@media only screen and (max-width:1023px) { 17263 .header-left, 17264 .header-right { 17265 width: 50% 17266 } 17267} 17268 17269.header-center { 17270 width: 50% 17271} 17272 17273@media only screen and (max-width:1023px) { 17274 .header-center { 17275 display: none 17276 } 17277} 17278 17279.header-right { 17280 position: relative 17281} 17282 17283.header-left { 17284 display: -ms-flexbox; 17285 display: flex; 17286 -ms-flex-align: center; 17287 align-items: center; 17288 -ms-flex-pack: start; 17289 justify-content: flex-start 17290} 17291 17292.header-sidebar-open { 17293 position: fixed; 17294 width: 100% 17295} 17296 17297.nav-arrow { 17298 width: 5px; 17299 height: 5px; 17300 display: none 17301} 17302 17303.header-side-bar { 17304 position: fixed; 17305 left: -352px; 17306 width: 342px; 17307 top: 0; 17308 bottom: 0; 17309 z-index: 99; 17310 background-color: #fff; 17311 box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1); 17312 transition: all .4s cubic-bezier(.46, .01, .32, 1) 0s; 17313 overflow-y: auto 17314} 17315 17316@media only screen and (max-width:479px) { 17317 .header-side-bar { 17318 width: 300px; 17319 left: -310px 17320 } 17321} 17322 17323.header-side-bar .header-side-bar-inn { 17324 padding: 25px 18px 30px 20px 17325} 17326 17327@media only screen and (max-width:479px) { 17328 .header-side-bar .header-side-bar-inn { 17329 padding: 20px 17330 } 17331} 17332 17333.header-side-bar .sidebarBlock-heading { 17334 font-size: 20px; 17335 font-weight: 500; 17336 margin-bottom: 15px 17337} 17338 17339@media only screen and (max-width:567px) { 17340 .header-side-bar .sidebarBlock-heading { 17341 font-size: 18px 17342 } 17343} 17344 17345.header-side-bar .headerSidebar-block { 17346 padding-top: 18px;
17347 margin-top: 17px; 17348 border-top: 1px solid #dfdfdf; 17349 padding-left: 20px; 17350 padding-right: 18px 17351} 17352 17353.header-side-bar .headerSidebar-block.category { 17354 border-top: 0; 17355 padding-top: 0; 17356 margin-top: 0 17357} 17358 17359.header-side-bar .nav-arrow { 17360 display: inline-block; 17361 width: 5px; 17362 height: 5px; 17363 position: absolute; 17364 content: ""; 17365 left: 0; 17366 top: 10px 17367} 17368 17369.header-side-bar .nav-arrow svg { 17370 width: 5px; 17371 height: 5px; 17372 display: block !important 17373} 17374 17375.header-side-bar .navList { 17376 margin-bottom: 0 17377} 17378 17379.header-side-bar .navList li { 17380 margin: 8px 0 0 0; 17381 position: relative; 17382 padding-left: 15px 17383} 17384 17385.header-side-bar .navList li a { 17386 font-size: 15px; 17387 color: #666; 17388 font-weight: 400; 17389 padding-top: 4px; 17390 padding-bottom: 4px; 17391 padding-left: 15px; 17392 line-height: 16px; 17393 position: relative 17394} 17395 17396.header-side-bar .navList li a:hover { 17397 color: #888 17398} 17399 17400.header-side-bar .navList li a:hover .nav-arrow svg { 17401 fill: #888 17402} 17403 17404.header-side-bar .navList li a .nav-arrow svg { 17405 fill: #666 17406} 17407 17408.header-side-bar .navList li .nav-third-level li:before { 17409 display: none 17410} 17411 17412.header-side-bar .navList>li { 17413 float: none; 17414 padding-left: 0 17415} 17416 17417.header-side-bar .navList>li:first-child { 17418 margin-top: 0 17419} 17420 17421.header-side-bar .navList>li>a { 17422 color: #020204 17423} 17424 17425.header-side-bar .navList>li>a .nav-arrow svg { 17426 fill: #020204 17427} 17428 17429.header-side-bar .navList>li>a svg { 17430 display: none 17431} 17432 17433.header-side-bar .navList>li>a:hover { 17434 color: #888 17435} 17436 17437.header-side-bar .navList>li>a:hover .nav-arrow svg { 17438 fill: #888 17439} 17440 17441.headerSidebarOn { 17442 left: 0 17443} 17444 17445.close { 17446 text-align: right; 17447 margin-bottom: 5px; 17448 margin-right: 15px 17449} 17450 17451.close .close-icon { 17452 display: inline-block 17453} 17454 17455.close .close-icon svg { 17456 width: 19px; 17457 height: 19px; 17458 fill: #000; 17459 stroke: #000 17460} 17461 17462.desktop_mobile_menu { 17463 padding-right: 25px 17464} 17465 17466@media only screen and (max-width:1023px) { 17467 .desktop_mobile_menu { 17468 padding-right: 10px 17469 } 17470} 17471 17472.desktop_mobile_menu .control-otherlinks span { 17473 border-top: 2px solid #f6f6f6 17474} 17475 17476.desktop_mobile_menu .control-otherlinks span:hover { 17477 border-top: 2px solid #fff; 17478 opacity: .8 17479} 17480 17481.desktop_mobile_menu .control-otherlinks:hover span { 17482 border-top: 2px solid #fff; 17483 opacity: .8 17484} 17485 17486.control-otherlinks { 17487 display: inline-block; 17488 width: 35px; 17489 height: 26px; 17490 position: relative; 17491 text-align: right; 17492 cursor: pointer 17493} 17494 17495.control-otherlinks span { 17496 width: 28px; 17497 left: 0; 17498 top: 2px; 17499 border-top: 2px solid #fff; 17500 position: absolute; 17501 transition: all .5s 17502} 17503 17504.control-otherlinks .otherlinks-line-2 { 17505 top: 10px; 17506 width: 20px 17507} 17508 17509.control-otherlinks .otherlinks-line-3 { 17510 top: 18px; 17511 width: 28px 17512} 17513 17514.control-otherlinks .otherlinks-line-4 { 17515 top: 26px; 17516 width: 17px 17517} 17518 17519.stuck { 17520 position: fixed; 17521 margin: 0 auto; 17522 animation-fill-mode: both; 17523 animation-name: bounceInDown; 17524 border-bottom: 1px solid #666 17525} 17526 17527.stuck .header-currancy, 17528.stuck .header-left { 17529 display: none 17530} 17531 17532.stuck .header-center { 17533 width: 100% 17534} 17535 17536.stuck .header-right { 17537 display: none 17538} 17539 17540.stuck .header-inner .navPages-list { 17541 margin-top: 15px 17542} 17543 17544.stuck .header-inner .navPages-list>li>a { 17545 padding-bottom: 15px 17546} 17547 17548.header-logo { 17549 margin: 0; 17550 padding: 10px 0; 17551 line-height: normal 17552} 17553 17554.header-logo a { 17555 display: block 17556} 17557 17558@media only screen and (max-width:1023px) { 17559 .header-logo a { 17560 width: 100% 17561 } 17562} 17563 17564.header-logo .header-logo-image-container-custom { 17565 display: -ms-flexbox; 17566 display: flex; 17567 -ms-flex-align: center; 17568 align-items: center; 17569 -ms-flex-pack: start; 17570 justify-content: flex-start 17571} 17572 17573.header-logo .header-logo-text { 17574 text-align: left; 17575 white-space: inherit 17576} 17577 17578.header-inner .navPages-list, 17579.header-inner .navUser-section { 17580 margin-top: 23px; 17581 width: 100%; 17582 display: -ms-flexbox; 17583 display: flex; 17584 -ms-flex-align: center;
17585 align-items: center; 17586 -ms-flex-pack: center; 17587 justify-content: center; 17588 -ms-flex-wrap: wrap; 17589 flex-wrap: wrap; 17590 -webkit-flex-wrap: wrap 17591} 17592 17593.header-inner .navPages-list:after, 17594.header-inner .navPages-list:before, 17595.header-inner .navUser-section:after, 17596.header-inner .navUser-section:before { 17597 display: none 17598} 17599 17600.header-inner .navPages-list.navUser-section, 17601.header-inner .navUser-section.navUser-section { 17602 -ms-flex-pack: end; 17603 justify-content: flex-end 17604} 17605 17606@media only screen and (max-width:1439px) { 17607 .header-inner .navPages-list.navUser-section, 17608 .header-inner .navUser-section.navUser-section { 17609 padding-right: 30px 17610 } 17611} 17612 17613@media only screen and (max-width:1365px) { 17614 .header-inner .navPages-list.navUser-section, 17615 .header-inner .navUser-section.navUser-section { 17616 padding-right: 0 17617 } 17618} 17619 17620@media only screen and (max-width:666px) { 17621 .header-inner .navPages-list, 17622 .header-inner .navUser-section { 17623 margin-top: 13px 17624 } 17625} 17626 17627.header-inner .navUser { 17628 padding: 0 17629} 17630 17631@media only screen and (max-width:1023px) { 17632 .header-inner .navUser { 17633 position: unset 17634 } 17635} 17636 17637.header-inner .navUser:before { 17638 display: none 17639} 17640 17641.header-inner .navUser:after { 17642 display: none 17643} 17644 17645@media only screen and (max-width:1023px) { 17646 .header-inner .navUser-item { 17647 display: block 17648 } 17649 .header-inner .navUser-item.navUser-search { 17650 display: none 17651 } 17652} 17653 17654.header-inner .navUser-item--cart { 17655 position: unset; 17656 margin-right: 0 17657} 17658
17659.header-inner .navUser-item--cart .navUser-action .navUser-item-cartLabel { 17660 display: -ms-flexbox; 17661 display: flex; 17662 -ms-flex-align: center; 17663 align-items: center; 17664 -ms-flex-pack: center; 17665 justify-content: center 17666} 17667 17668.header-inner .navUser-item--cart .navUser-action svg { 17669 width: 16px; 17670 height: 21px 17671} 17672 17673.header-inner .navPages-list>li { 17674 margin: 0 22px 17675} 17676 17677@media only screen and (max-width:1279px) { 17678 .header-inner .navPages-list>li { 17679 margin: 0 10px 17680 } 17681} 17682 17683.header-inner .navPages-list>li>a { 17684 padding: 0 0 24px; 17685 line-height: 22px; 17686 display: -ms-flexbox; 17687 display: flex; 17688 -ms-flex-align: center; 17689 align-items: center; 17690 -ms-flex-pack: center; 17691 justify-content: center; 17692 text-transform: inherit 17693} 17694 17695.header-inner .navPages-list>li>a svg { 17696 width: 10px; 17697 height: 6px; 17698 margin-left: 7px 17699} 17700 17701.header-inner .navPages-list>li>a:focus, 17702.header-inner .navPages-list>li>a:hover { 17703 color: #fff 17704} 17705 17706.header-inner .navPages-list>li>a:focus svg, 17707.header-inner .navPages-list>li>a:hover svg { 17708 fill: #fff 17709} 17710 17711.header-inner .navPages-list>li.navUser-item { 17712 margin: 0 20px 17713} 17714 17715.header-inner .navPages-list>li ul { 17716 width: 200px; 17717 max-width: 200px; 17718 padding: 5px 0 17719} 17720 17721.header-inner .navPages-list>li ul li { 17722 padding: 0 5px 17723} 17724 17725.header-inner .navPages-list>li ul li a { 17726 -ms-flex-pack: justify; 17727 justify-content: space-between 17728} 17729 17730.header-inner .navPages-list>li ul li a svg.chevron-down { 17731 width: 7px; 17732 height: 7px; 17733 margin-right: 0; 17734 transform: rotate(270deg); 17735 position: absolute; 17736 left: auto; 17737 right: -4px; 17738 top: 12px 17739} 17740 17741.header-inner .navPages-list>li ul li a:hover svg { 17742 fill: #020204; 17743 stroke: #020204 17744} 17745 17746.header-inner .navPages-list>li ul li ul { 17747 margin-top: -5px 17748} 17749 17750.header-inner .navUser-section>li { 17751 margin: 0 19px 17752} 17753 17754@media only screen and (max-width:1439px) { 17755 .header-inner .navUser-section>li { 17756 margin: 0 12px 17757 } 17758} 17759 17760@media only screen and (max-width:1365px) { 17761 .header-inner .navUser-section>li { 17762 margin: 0 19px 17763 } 17764} 17765 17766@media only screen and (max-width:1279px) { 17767 .header-inner .navUser-section>li { 17768 margin: 0 10px 17769 } 17770} 17771 17772.header-inner .navUser-section>li>a { 17773 height: 22px; 17774 width: 22px; 17775 box-sizing: content-box; 17776 padding: 0 0 24px; 17777 display: -ms-flexbox; 17778 display: flex; 17779 -ms-flex-align: center; 17780 align-items: center; 17781 -ms-flex-pack: center; 17782 justify-content: center 17783} 17784 17785@media only screen and (max-width:666px) { 17786 .header-inner .navUser-section>li>a { 17787 padding: 0 0 13px 17788 } 17789} 17790 17791.header-inner .navUser-section>li>a svg { 17792 width: 20px; 17793 height: 20px 17794} 17795 17796.header-inner .navUser-section>li>a svg.search-close { 17797 display: none; 17798 height: 19px; 17799 fill: #f6f6f6; 17800 stroke: #f6f6f6 17801} 17802 17803.header-inner .navUser-section>li>a.search-open .search-close { 17804 display: block 17805} 17806 17807.header-inner .navUser-section>li>a.search-open .search-icon { 17808 display: none 17809} 17810 17811.header-inner .navUser-section>li.navUser-item--cart { 17812 margin-right: 0 17813} 17814 17815.header-inner .navUser-section>li ul.navUser-section-sub { 17816 padding: 5px 0; 17817 width: 180px; 17818 max-width: 180px; 17819 background: #fff 17820} 17821 17822.header-inner .navUser-section>li ul.navUser-section-sub li { 17823 background: 0 0 17824} 17825 17826.header-inner .navUser-section>li ul.navUser-section-sub li ul { 17827 background: #fff 17828} 17829 17830.header-inner .navUser-section>li ul li a { 17831 padding: 7px 0 17832} 17833 17834.header-inner .navUser-section>li ul li a:hover svg { 17835 fill: #020204; 17836 stroke: #020204 17837} 17838 17839.header-inner .currency-item:hover { 17840 background: 0 0 17841} 17842 17843.header-inner .currency { 17844 display: inline-block; 17845 vertical-align: middle; 17846 width: 100% 17847} 17848 17849.header-inner .currency ul { 17850 margin: 0; 17851 position: relative; 17852 display: block; 17853 left: auto; 17854 right: auto; 17855 top: auto; 17856 box-shadow: none; 17857 border-top: 1px solid #dfdfdf; 17858 padding: 12px; 17859 width: 100% 17860} 17861 17862.header-inner .currency ul:before { 17863 display: none 17864} 17865 17866.header-inner .currency ul li { 17867 margin: 0 17868} 17869 17870.header-inner .currency ul li.navUser-item-currencySelector:hover { 17871 background: 0 0 17872} 17873 17874.header-inner .currency ul li.navUser-item-currencySelector:hover a { 17875 opacity: 1 17876} 17877 17878.header-inner .currency ul li .flag { 17879 width: 22px; 17880 height: 14px 17881} 17882 17883.header-inner .currency ul li .flag img { 17884 width: 100%; 17885 height: 100%; 17886 display: block 17887} 17888 17889.header-inner .currency ul li span.code { 17890 text-align: left; 17891 font-size: 13px; 17892 line-height: 12px; 17893 margin-left: 5px 17894} 17895 17896.header-inner .currency ul li .navUser-action--currencySelector { 17897 width: auto; 17898 height: 100%; 17899 margin: 0; 17900 padding: 0; 17901 padding: 5px; 17902 border: 1px solid #dfdfdf; 17903 border-radius: 2px; 17904 display: -ms-flexbox; 17905 display: flex; 17906 -ms-flex-align: center;
17907 align-items: center; 17908 -ms-flex-pack: start; 17909 justify-content: flex-start; 17910 position: relative 17911} 17912 17913.header-inner .currency ul li .navUser-action--currencySelector .icon { 17914 width: 8px; 17915 margin: 0; 17916 height: 5px; 17917 position: absolute; 17918 right: 8px 17919} 17920 17921.header-inner .currency ul li .navUser-action--currencySelector .icon svg { 17922 width: 8px; 17923 height: 5px; 17924 fill: #020204; 17925 opacity: 1; 17926 stroke: #020204; 17927 display: block 17928} 17929 17930.header-inner .currency ul li:hover { 17931 background: 0 0 17932} 17933 17934.header-inner .currency ul li.currency-heading { 17935 font-size: 14px; 17936 color: #666; 17937 margin-bottom: 9px 17938} 17939 17940.header-inner .currency ul li.currency-heading:hover { 17941 background: 0 0 17942} 17943 17944.header-inner .currency #currencySelection { 17945 padding: 5px; 17946 margin-top: 1px; 17947 border: 1px solid #dfdfdf 17948} 17949 17950.header-inner .currency #currencySelection:focus { 17951 outline: 0 !important 17952} 17953 17954.header-inner .currency #currencySelection li { 17955 margin: 0 0 5px 0 17956} 17957 17958.header-inner .currency #currencySelection li:last-child { 17959 margin-bottom: 0 17960} 17961 17962.header-inner .currency #currencySelection li a { 17963 margin: 0; 17964 padding: 0; 17965 font-size: 13px; 17966 display: -ms-flexbox; 17967 display: flex 17968} 17969 17970.header-inner .currency #currencySelection li a:hover { 17971 background: #f3f3f3 17972} 17973 17974.header-inner .currency #currencySelection li a span { 17975 color: #020204; 17976 font-weight: 500 17977} 17978 17979.header-inner .currency #currencySelection li a span img { 17980 max-width: 22px; 17981 max-height: 14px 17982} 17983 17984.navPages-action, 17985.navUser-action { 17986 font-weight: 400; 17987 font-size: 16px; 17988 text-transform: capitalize; 17989 padding: 0 17990} 17991 17992.navPages-list>li>ul:before, 17993.navUser-section>li>ul:before { 17994 position: absolute; 17995 top: -6px; 17996 left: 50%; 17997 width: 0; 17998 height: 0; 17999 border-style: solid; 18000 border-width: 0 7.5px 6px; 18001 border-color: transparent transparent #fff; 18002 content: ""; 18003 margin-left: -4px 18004} 18005 18006.navPages-list>li:hover>a, 18007.navUser-section>li:hover>a { 18008 opacity: .6; 18009 color: #fff 18010} 18011 18012.navPages-list>li:hover>a svg, 18013.navUser-section>li:hover>a svg { 18014 fill: #fff; 18015 stroke: #fff 18016} 18017 18018.navUser-section>li:hover>a { 18019 opacity: .6; 18020 color: #fff 18021} 18022 18023.navUser-section>li:hover>a svg { 18024 fill: #fff; 18025 stroke: #fff 18026} 18027 18028.header-inner .navPages-list li ul li, 18029.header-inner .navUser-section li ul li { 18030 padding: 0 5px 18031} 18032 18033.header-inner .navPages-list li ul li a, 18034.header-inner .navUser-section li ul li a { 18035 font-size: 14px; 18036 color: #020204; 18037 padding: 7px 18px; 18038 line-height: 18px; 18039 display: block; 18040 position: relative 18041} 18042 18043.header-inner .navPages-list li ul li a:hover, 18044.header-inner .navUser-section li ul li a:hover { 18045 color: #020204 18046} 18047 18048.header-inner .navPages-list li ul li a svg, 18049.header-inner .navUser-section li ul li a svg { 18050 width: 16px; 18051 height: 16px; 18052 margin-right: 6px; 18053 fill: #020204; 18054 stroke: none; 18055 display: inline-block; 18056 vertical-align: middle 18057} 18058 18059.header-inner .navPages-list li ul li a svg.chevron-down, 18060.header-inner .navUser-section li ul li a svg.chevron-down { 18061 right: 8px 18062} 18063 18064.header-inner .navPages-list li ul li:hover>a, 18065.header-inner .navUser-section li ul li:hover>a { 18066 background: #f3f3f3 18067} 18068 18069.header-inner .navPages-list li ul li:hover>a svg, 18070.header-inner .navUser-section li ul li:hover>a svg { 18071 fill: #020204; 18072 stroke: #020204 18073} 18074 18075.header-inner .navPages-list li ul li.navUser-item-wishlist, 18076.header-inner .navUser-section li ul li.navUser-item-wishlist { 18077 margin-bottom: 5px 18078} 18079 18080.header-inner .countPill { 18081 position: absolute; 18082 color: #020204; 18083 font-size: 11px; 18084 font-weight: 400; 18085 top: -8px; 18086 right: -5px; 18087 margin: 0; 18088 height: 17px; 18089 width: 17px; 18090 max-width: 17px; 18091 line-height: 17px 18092} 18093 18094.search-box .navigation-menu { 18095 display: none 18096} 18097 18098.search-box .navUser .navUser-item--account { 18099 display: none 18100} 18101 18102.search-box .navUser .navUser-item-compare { 18103 display: none 18104} 18105 18106.dropdown--quickSearch { 18107 background: 0 0 18108} 18109 18110.dropdown--quickSearch, 18111.mobile-search { 18112 padding: 15px 0; 18113 top: -30% 18114} 18115 18116.dropdown--quickSearch.is-open, 18117.mobile-search.is-open { 18118 width: 510px !important; 18119 left: auto !important; 18120 top: 50% !important; 18121 right: 125px !important; 18122 transition: all .2s ease; 18123 transform: translateY(-50%) 18124} 18125 18126.dropdown--quickSearch .modal-close, 18127.mobile-search .modal-close { 18128 display: none 18129} 18130 18131.dropdown--quickSearch .form, 18132.mobile-search .form { 18133 max-width: 100% 18134} 18135 18136.dropdown--quickSearch .form .form-input, 18137.mobile-search .form .form-input { 18138 background: 0 0; 18139 color: #f6f6f6; 18140 font-style: italic; 18141 font-size: 16px; 18142 border: 0 18143} 18144 18145.dropdown--quickSearch .form .form-input:-ms-input-placeholder, 18146.mobile-search .form .form-input:-ms-input-placeholder { 18147 color: #ccc !important; 18148 font-weight: 400 !important 18149} 18150 18151.dropdown--quickSearch .form .form-input::placeholder, 18152.mobile-search .form .form-input::placeholder { 18153 color: #ccc; 18154 font-weight: 400 18155} 18156 18157.dropdown--quickSearch .quickSearchResults, 18158.mobile-search .quickSearchResults { 18159 background: #fff; 18160 position: absolute; 18161 top: 100%; 18162 width: 100%; 18163 box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4) 18164} 18165 18166.dropdown--quickSearch .quickSearchResults .view-all-btn, 18167.mobile-search .quickSearchResults .view-all-btn { 18168 border: 1px solid #fff 18169} 18170 18171.dropdown--quickSearch .productGrid, 18172.mobile-search .productGrid { 18173 margin: 0; 18174 padding: 10px 0; 18175 display: -ms-flexbox; 18176 display: flex; 18177 -ms-flex-align: flex-start;
18178 align-items: flex-start; 18179 -ms-flex-pack: justify; 18180 justify-content: space-between; 18181 -ms-flex-wrap: wrap; 18182 flex-wrap: wrap; 18183 -webkit-flex-wrap: wrap; 18184 border: 1px solid #fff; 18185 background-color: #fff 18186} 18187 18188.dropdown--quickSearch li.product, 18189.mobile-search li.product { 18190 width: 100%; 18191 border-bottom: 1px solid #dfdfdf; 18192 padding-bottom: 8px; 18193 margin-bottom: 11px 18194} 18195 18196.dropdown--quickSearch li.product:last-child, 18197.mobile-search li.product:last-child { 18198 margin-bottom: 0; 18199 padding-bottom: 0; 18200 border-bottom: 0 18201} 18202 18203.dropdown--quickSearch .card, 18204.mobile-search .card { 18205 margin: 0 18206} 18207 18208.dropdown--quickSearch .card-inner, 18209.mobile-search .card-inner { 18210 -ms-flex-wrap: nowrap; 18211 flex-wrap: nowrap; 18212 -webkit-flex-wrap: nowrap; 18213 -ms-flex-flow: row; 18214 flex-flow: row 18215} 18216 18217.dropdown--quickSearch .price, 18218.mobile-search .price { 18219 font-size: 14px 18220} 18221 18222.dropdown--quickSearch .card-figure, 18223.mobile-search .card-figure { 18224 min-height: inherit; 18225 max-width: 66px; 18226 width: 100%; 18227 margin-bottom: 0 18228} 18229 18230.dropdown--quickSearch .card-figure .sale-flag-side, 18231.mobile-search .card-figure .sale-flag-side { 18232 display: none 18233} 18234 18235.dropdown--quickSearch .card-figure:hover .card-figcaption, 18236.mobile-search .card-figure:hover .card-figcaption { 18237 display: none 18238} 18239 18240.dropdown--quickSearch .card-body, 18241.mobile-search .card-body { 18242 padding: 10px; 18243 padding-bottom: 0; 18244 margin-top: 0; 18245 background: 0 0 18246} 18247 18248.dropdown--quickSearch .card--alternate, 18249.mobile-search .card--alternate { 18250 border: 0 18251} 18252 18253.dropdown--quickSearch .card--alternate:hover .card-figcaption-body-custom, 18254.mobile-search .card--alternate:hover .card-figcaption-body-custom { 18255 opacity: 0; 18256 visibility: hidden 18257} 18258 18259.dropdown--quickSearch .card--alternate .card-text, 18260.mobile-search .card--alternate .card-text { 18261 text-align: left 18262} 18263 18264.dropdown--quickSearch .card--alternate .card-mid-block, 18265.mobile-search .card--alternate .card-mid-block { 18266 -ms-flex-align: flex-start; 18267 align-items: flex-start; 18268 -ms-flex-pack: start; 18269 justify-content: flex-start; 18270 min-height: inherit; 18271 margin-top: 0 18272} 18273 18274.dropdown--quickSearch .card--alternate .card-title, 18275.mobile-search .card--alternate .card-title { 18276 font-size: 14px; 18277 font-weight: 400; 18278 line-height: 20px; 18279 text-align: left 18280} 18281 18282.dropdown--quickSearch .card--alternate .card-body .brand-name, 18283.mobile-search .card--alternate .card-body .brand-name { 18284 margin-bottom: 10px; 18285 font-size: 14px; 18286 line-height: 20px; 18287 margin-top: 0 18288} 18289 18290.dropdown--quickSearch .card--alternate .card-body .brand-name+.card-mid-block, 18291.mobile-search .card--alternate .card-body .brand-name+.card-mid-block { 18292 margin-top: 0 18293} 18294 18295.dropdown--quickSearch .card--alternate .price-block, 18296.mobile-search .card--alternate .price-block { 18297 -ms-flex-align: flex-start; 18298 align-items: flex-start; 18299 -ms-flex-pack: start; 18300 justify-content: flex-start; 18301 margin: 0 -5px 18302} 18303 18304.dropdown--quickSearch .card--alternate .price-block .price-section--withTax, 18305.mobile-search .card--alternate .price-block .price-section--withTax { 18306 text-align: left 18307} 18308 18309.dropdown--quickSearch .card--alternate .card-body-inn, 18310.mobile-search .card--alternate .card-body-inn { 18311 -ms-flex-align: start; 18312 align-items: flex-start 18313} 18314 18315.dropdown--quickSearch .card--alternate:hover, 18316.mobile-search .card--alternate:hover { 18317 box-shadow: none; 18318 border: 0 18319} 18320 18321.dropdown--quickSearch .card--alternate:hover .card-button-block, 18322.mobile-search .card--alternate:hover .card-button-block { 18323 display: none 18324} 18325 18326.dropdown--quickSearch .card--alternate:hover .card-text, 18327.mobile-search .card--alternate:hover .card-text { 18328 color: #666 18329} 18330 18331.dropdown--quickSearch .card--alternate:hover .card-title, 18332.mobile-search .card--alternate:hover .card-title { 18333 opacity: 1; 18334 visibility: visible 18335} 18336 18337.dropdown--quickSearch .card--alternate:hover .card-title a, 18338.mobile-search .card--alternate:hover .card-title a { 18339 color: #2e3344 18340} 18341 18342.dropdown--quickSearch .card--alternate:hover .card-body, 18343.mobile-search .card--alternate:hover .card-body { 18344 background: 0 0 18345} 18346 18347.dropdown--quickSearch .view-all, 18348.mobile-search .view-all { 18349 width: 100%; 18350 margin: 0; 18351 border-radius: 0; 18352 padding: 7px 20px; 18353 line-height: 20px; 18354 font-size: 16px 18355} 18356 18357.dropdown--quickSearch .quickSearchMessage, 18358.mobile-search .quickSearchMessage { 18359 margin: 0; 18360 padding: 15px; 18361 color: #000; 18362 font-size: 20px 18363} 18364 18365.navUser-item--cart { 18366 margin-right: 0 18367} 18368 18369.navUser-item--cart .dropdown-menu { 18370 width: 330px; 18371 padding: 10px 0; 18372 box-shadow: 2px 2px 6px rgba(0, 0, 0, .2) 18373} 18374 18375.navUser-item--cart .dropdown-menu.is-open { 18376 right: -10px 18377} 18378 18379.navUser-item--cart .previewCart { 18380 border: 0 18381} 18382 18383.navUser-item--cart .previewCart .previewCartItem { 18384 margin-bottom: 10px !important; 18385 padding-bottom: 10px !important; 18386 border-bottom: 1px solid #dfdfdf; 18387 padding-left: 10px; 18388 padding-right: 10px; 18389 display: -ms-flexbox; 18390 display: flex; 18391 -ms-flex-align: flex-start;
18392 align-items: flex-start; 18393 -ms-flex-pack: start; 18394 justify-content: flex-start; 18395 background: 0 0 18396} 18397 18398.navUser-item--cart .previewCart .previewCartItem:before { 18399 display: none 18400} 18401 18402.navUser-item--cart .previewCart .previewCartItem:after { 18403 display: none 18404} 18405 18406.navUser-item--cart .previewCart .previewCartItem+.previewCartItem { 18407 border-top: 0; 18408 padding-top: 0 18409} 18410 18411.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image { 18412 max-width: 66px; 18413 display: -ms-flexbox; 18414 display: flex; 18415 -ms-flex-align: center; 18416 align-items: center; 18417 -ms-flex-pack: center; 18418 justify-content: center; 18419 margin-right: 12px; 18420 background: #f4f4f4 18421} 18422 18423.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image img { 18424 position: relative; 18425 mix-blend-mode: darken; 18426 margin: 0 auto; 18427 width: 100% 18428} 18429 18430.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image:after { 18431 display: none 18432} 18433 18434.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a { 18435 font-size: 13px; 18436 font-weight: 400; 18437 margin: 0; 18438 line-height: 18px; 18439 padding-left: 0; 18440 color: #2e3344 18441} 18442 18443.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a:hover { 18444 color: #888 18445} 18446 18447.navUser-item--cart .previewCart .previewCartItem .previewCartItem-brand { 18448 color: #666; 18449 margin: 0 18450} 18451 18452.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price { 18453 color: #020204; 18454 font-size: 14px; 18455 font-weight: 500 18456} 18457 18458.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price p { 18459 display: inline-block; 18460 margin: 0 18461} 18462 18463.navUser-item--cart .previewCart .previewCartItem:hover { 18464 background: 0 0 18465} 18466 18467.navUser-item--cart .previewCart .previewCartList { 18468 position: relative; 18469 display: block; 18470 width: 100%; 18471 max-width: 100%; 18472 box-shadow: none; 18473 border: 0; 18474 transform: none; 18475 left: auto; 18476 background: 0 0 18477} 18478 18479.navUser-item--cart .previewCartAction { 18480 padding: 10px; 18481 border: 0; 18482 text-align: center; 18483 padding-bottom: 0 18484} 18485 18486.navUser-item--cart .previewCartAction .button { 18487 font-size: 14px; 18488 line-height: 18px; 18489 font-size: 14px; 18490 line-height: 17px; 18491 padding-top: 10px; 18492 padding-bottom: 10px 18493} 18494 18495.navUser-item--cart .previewCartAction .previewCartAction-checkout, 18496.navUser-item--cart .previewCartAction .previewCartAction-viewCart { 18497 padding: 0; 18498 width: 48% 18499} 18500 18501.navUser-item--cart .previewCartAction .previewCartAction-inn { 18502 display: -ms-flexbox; 18503 display: flex; 18504 -ms-flex-align: center; 18505 align-items: center; 18506 -ms-flex-pack: justify; 18507 justify-content: space-between; 18508 -ms-flex-wrap: wrap; 18509 flex-wrap: wrap; 18510 -webkit-flex-wrap: wrap 18511} 18512 18513.navUser-item--cart .previewCartAction .previewCartAction-checkoutMultiple { 18514 width: 100%; 18515 padding: 0; 18516 margin-top: 15px 18517} 18518 18519.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart { 18520 margin-left: 10px 18521} 18522 18523.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart .button { 18524 border-color: #020204 18525} 18526 18527.navUser-item--cart .total-price { 18528 font-size: 18px; 18529 color: #020204; 18530 font-weight: 500; 18531 display: block; 18532 margin-bottom: 15px 18533} 18534 18535.search-icon-main { 18536 display: none 18537} 18538 18539.mobile-search { 18540 display: none 18541} 18542 18543.mobile-search { 18544 background: #fff; 18545 padding: 0; 18546 border-bottom: 1px solid #dfdfdf 18547} 18548 18549@media only screen and (max-width:1023px) { 18550 .mobile-search { 18551 display: block 18552 } 18553} 18554 18555.mobile-search .form { 18556 margin: 0 18557} 18558 18559.mobile-search .form .form-input { 18560 border: 0; 18561 padding-left: 0; 18562 color: #333 18563} 18564 18565.mobile-search .form .form-input:-webkit-input-placeholder { 18566 font-weight: 300; 18567 color: #333 18568} 18569 18570.mobile-search .form .form-input:-moz-placeholder { 18571 font-weight: 300; 18572 color: #333 18573} 18574 18575.mobile-search .form .form-input:-ms-input-placeholder { 18576 font-weight: 300; 18577 color: #333 18578} 18579 18580.mobile-search .form .form-input:-moz-placeholder { 18581 font-weight: 300; 18582 color: #333 18583} 18584 18585@media only screen and (max-width:666px) { 18586 .mobile-search .form .form-input { 18587 height: 34px; 18588 line-height: 34px 18589 } 18590} 18591 18592.mobile-search .quickSearchResults { 18593 margin: 0; 18594 position: absolute; 18595 width: 100%; 18596 box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1) 18597} 18598 18599@media only screen and (max-width:479px) { 18600 .mobile-search .quickSearchResults { 18601 width: calc(100% - 22px); 18602 right: 11px 18603 } 18604} 18605 18606.mobile-search .quickSearchResults .productGrid { 18607 background: #fff 18608} 18609 18610.mobile-search .form-field { 18611 margin: 0; 18612 position: relative 18613} 18614 18615.mobile-search .search-icon-main { 18616 display: block; 18617 position: absolute; 18618 right: 10px; 18619 top: 50%; 18620 margin-top: -9px 18621} 18622 18623.mobile-search .search-icon-main svg { 18624 width: 18px;
18625 height: 18px 18626} 18627 18628.mobile-currancy { 18629 display: none 18630} 18631 18632.header-currancy { 18633 position: absolute; 18634 right: 0; 18635 top: 0; 18636 width: 80px; 18637 border-left: 1px solid #888; 18638 bottom: 0; 18639 display: -ms-flexbox; 18640 display: flex; 18641 -ms-flex-pack: center; 18642 justify-content: center; 18643 -ms-flex-align: center; 18644 align-items: center 18645} 18646 18647@media only screen and (max-width:1365px) { 18648 .header-currancy { 18649 position: relative; 18650 width: 100%; 18651 border: none; 18652 display: none 18653 } 18654} 18655 18656.header-currancy ul { 18657 margin-bottom: 0; 18658 float: none 18659} 18660 18661.header-currancy ul li { 18662 margin-bottom: 0; 18663 float: none 18664} 18665 18666.header-currancy .sf-menu ul { 18667 max-width: 100%; 18668 width: 100% 18669} 18670 18671.header-currancy .sf-menu a { 18672 margin-top: 15px; 18673 padding-bottom: 16px; 18674 text-align: center 18675} 18676 18677.header-currancy .flag { 18678 display: block 18679} 18680 18681.header-currancy .code { 18682 font-size: 12px 18683} 18684 18685.header-currancy .currency-item { 18686 float: none; 18687 width: 100% 18688} 18689 18690.header-currancy .dropdown-menu { 18691 padding: 10px 18692} 18693 18694.header-currancy .dropdown-menu .code, 18695.header-currancy .dropdown-menu .flag { 18696 display: inline-block 18697} 18698 18699.header-currancy .dropdown-menu .code { 18700 margin-left: 5px 18701} 18702 18703.header-currancy .dropdown-menu a { 18704 padding-bottom: 0; 18705 margin: 0 18706} 18707 18708.header-currancy .dropdown-menu li { 18709 margin-top: 4px 18710} 18711 18712.header-currancy .dropdown-menu li:first-child { 18713 margin-top: 0 18714} 18715 18716.header-currancy .currency-heading, 18717.header-currancy .icon { 18718 display: none 18719} 18720 18721.header-currancy .navUser-action--currencySelector+.dropdown-menu::before { 18722 right: auto; 18723 left: 50% !important; 18724 margin-left: -7px 18725} 18726 18727.navUser-action--currencySelector+.dropdown-menu::before { 18728 right: auto; 18729 left: 50% !important; 18730 margin-left: -7px 18731} 18732 18733@media only screen and (max-width:1365px) { 18734 .header-inner .currency ul { 18735 padding: 0; 18736 border-top: none 18737 } 18738 .header-inner .currency ul li span.code { 18739 margin-left: 5px; 18740 color: #fff 18741 } 18742 .header-inner .currency ul li span.code:hover { 18743 color: #888 18744 } 18745 .header-inner .currency ul li .navUser-action--currencySelector .icon { 18746 right: -8px 18747 } 18748 .header-inner .currency #currencySelection { 18749 display: block !important; 18750 position: static; 18751 border: none; 18752 transform: translateX(0); 18753 -webkit-transform: translateX(0); 18754 -moz-transform: translateX(0); 18755 background: 0 0; 18756 padding: 0; 18757 margin: 0 -5px 18758 } 18759 .header-inner .currency #currencySelection li { 18760 display: inline-block 18761 } 18762 .header-inner .currency ul li .navUser-action--currencySelector { 18763 margin-bottom: 20px; 18764 border-color: #020204; 18765 display: none 18766 } 18767 .header-inner .currency #currencySelection li a { 18768 border: 1px solid #e4e4e4; 18769 padding: 5px 18770 } 18771 .header-inner .currency #currencySelection li a span { 18772 font-weight: 400 18773 } 18774 .header-inner .currency ul li .flag { 18775 display: inline-block; 18776 vertical-align: middle 18777 } 18778 .mobile-currancy { 18779 display: block 18780 } 18781 .mobile-currancy .sidebarBlock-heading .code { 18782 font-size: 12px; 18783 margin-left: 5px; 18784 font-weight: 400 18785 } 18786 .mobile-currancy .sidebarBlock-heading .flag { 18787 line-height: normal 18788 } 18789 .mobile-currancy .header-currancy { 18790 display: inline-block 18791 } 18792} 18793 18794.footer { 18795 padding: 0; 18796 border: 0; 18797 clear: both 18798} 18799 18800.footer-info-inn { 18801 border-top: 2px solid #140a24; 18802 padding-top: 50px 18803} 18804 18805@media only screen and (max-width:1023px) { 18806 .footer-info-inn { 18807 padding-top: 30px 18808 } 18809} 18810 18811.footer-info-heading { 18812 font-size: 20px; 18813 font-weight: 400; 18814 color: #fff 18815} 18816 18817@media only screen and (max-width:767px) { 18818 .footer-info-heading { 18819 font-size: 16px; 18820 line-height: 18px 18821 } 18822} 18823 18824.footer-info-heading svg { 18825 display: none 18826} 18827 18828@media only screen and (max-width:767px) { 18829 .footer-info-heading.footer-toggle-title { 18830 margin: 0; 18831 padding: 10px 16px; 18832 line-height: 18px; 18833 font-size: 16px; 18834 position: relative; 18835 cursor: pointer 18836 } 18837 .footer-info-heading.footer-toggle-title svg { 18838 display: block; 18839 width: 22px; 18840 height: 22px; 18841 position: absolute; 18842 right: 14px; 18843 top: 50%; 18844 margin-top: -11px 18845 } 18846 .footer-info-heading.footer-toggle-title.active svg { 18847 transform: rotate(180deg) 18848 } 18849} 18850 18851@media only screen and (max-width:767px) { 18852 .footer-toggle-content { 18853 padding: 0 16px; 18854 display: none 18855 } 18856} 18857 18858.footer-info { 18859 padding-bottom: 35px; 18860 display: -ms-flexbox; 18861 display: flex; 18862 -ms-flex-align: flex-start;
18863 align-items: flex-start; 18864 -ms-flex-pack: justify; 18865 justify-content: space-between 18866} 18867 18868@media only screen and (max-width:767px) { 18869 .footer-info { 18870 padding-bottom: 30px 18871 } 18872} 18873 18874.footer-info:after, 18875.footer-info:before { 18876 display: none 18877} 18878 18879@media only screen and (max-width:1023px) { 18880 .footer-info { 18881 -ms-flex-wrap: wrap; 18882 flex-wrap: wrap; 18883 -webkit-flex-wrap: wrap; 18884 padding-bottom: 30px 18885 } 18886} 18887 18888.footer-info-col { 18889 margin-bottom: 0 18890} 18891 18892.footer-info-col.footer-info-col--small { 18893 height: 100% 18894} 18895 18896@media only screen and (max-width:1919px) { 18897 .footer-info-col.footer-info-col--small { 18898 width: 20% 18899 } 18900} 18901 18902@media only screen and (max-width:1279px) { 18903 .footer-info-col.footer-info-col--small { 18904 width: 25% 18905 } 18906} 18907 18908@media only screen and (max-width:1023px) { 18909 .footer-info-col.footer-info-col--small { 18910 width: 50% 18911 } 18912 .footer-info-col.footer-info-col--small:nth-child(3) { 18913 margin-top: 20px 18914 } 18915 .footer-info-col.footer-info-col--small:nth-child(4) { 18916 margin-top: 20px 18917 } 18918} 18919 18920@media only screen and (max-width:767px) { 18921 .footer-info-col.footer-info-col--small { 18922 width: 100%; 18923 margin: 0; 18924 text-align: left 18925 } 18926 .footer-info-col.footer-info-col--small:nth-child(3) { 18927 margin-top: 0 18928 } 18929 .footer-info-col.footer-info-col--small:nth-child(4) { 18930 margin-top: 0 18931 } 18932} 18933 18934@media only screen and (max-width:767px) { 18935 .footer-info-col.footer-info-col--small .footer-info--col-inn { 18936 border: 1px solid #dfdfdf; 18937 margin-top: -1px 18938 } 18939} 18940 18941.footer-info-col p { 18942 color: #fff; 18943 font-size: 15px; 18944 margin-bottom: 12px; 18945 font-weight: 400 18946} 18947 18948@media only screen and (max-width:767px) { 18949 .footer-info-col p { 18950 text-align: left 18951 } 18952} 18953 18954.footer-info-col p svg { 18955 width: 18px; 18956 height: 18px; 18957 margin-top: 2px; 18958 fill: #020204 18959} 18960 18961.footer-info-col p a { 18962 color: #fff 18963} 18964 18965.footer-info-col p a:hover { 18966 color: #fff 18967} 18968 18969.footer-info-col p.time svg { 18970 width: 20px; 18971 height: 14px; 18972 margin-top: 4px 18973} 18974 18975.footer-info-col p.email svg { 18976 height: 13px; 18977 margin-top: 4px 18978} 18979 18980@media only screen and (max-width:767px) { 18981 .footer-info-col ul { 18982 margin-bottom: 15px 18983 } 18984} 18985 18986.footer-info-col ul li { 18987 padding-left: 14px; 18988 position: relative 18989} 18990 18991.footer-info-col ul li:last-child { 18992 margin-bottom: 0 18993} 18994 18995.footer-info-col ul li:before { 18996 position: absolute; 18997 width: 4px; 18998 height: 4px; 18999 border-radius: 50%; 19000 background: #fff; 19001 content: ""; 19002 left: 0; 19003 top: 50%; 19004 margin-top: -2px 19005} 19006 19007.footer-info-col ul li a { 19008 color: #fff; 19009 font-size: 15px; 19010 line-height: 20px; 19011 font-weight: 400 19012} 19013 19014@media only screen and (max-width:767px) { 19015 .footer-info-col ul li a { 19016 font-size: 14px 19017 } 19018} 19019 19020.footer-info-col ul li a:hover { 19021 color: #fff 19022} 19023 19024.footer-info-col ul li.view-all { 19025 margin-bottom: 0 19026} 19027 19028.footer-info-col ul li.view-all a { 19029 color: #020204 19030} 19031 19032@media only screen and (max-width:767px) { 19033 .footer-info-col.footer-store-info { 19034 margin-bottom: 25px 19035 } 19036} 19037 19038.footer-info-col.footer-store-info p { 19039 display: -ms-flexbox; 19040 display: flex; 19041 -ms-flex-align: flex-start; 19042 align-items: flex-start; 19043 -ms-flex-pack: start; 19044 justify-content: flex-start 19045} 19046 19047.footer-info-col.footer-store-info p svg { 19048 fill: #020204; 19049 margin-right: 12px 19050} 19051 19052.footer-logo { 19053 margin-bottom: 20px 19054} 19055 19056.footer-logo a { 19057 display: inline-block; 19058 vertical-align: middle; 19059 max-width: 130px 19060} 19061 19062@media only screen and (max-width:767px) { 19063 .footer-logo a { 19064 max-width: 108px 19065 } 19066} 19067 19068.footer-mid-section { 19069 border-top: 1px solid #140a24; 19070 padding-top: 33px; 19071 padding-bottom: 54px; 19072 display: -ms-flexbox; 19073 display: flex; 19074 -ms-flex-align: flex-start; 19075 align-items: flex-start; 19076 -ms-flex-pack: justify;
19077 justify-content: space-between 19078} 19079 19080@media only screen and (max-width:1023px) { 19081 .footer-mid-section { 19082 padding-top: 30px; 19083 padding-bottom: 30px; 19084 -ms-flex-wrap: wrap; 19085 flex-wrap: wrap; 19086 -webkit-flex-wrap: wrap 19087 } 19088} 19089 19090@media only screen and (max-width:767px) { 19091 .footer-mid-section { 19092 border-top: 0; 19093 padding-top: 0; 19094 padding-bottom: 0 19095 } 19096} 19097 19098.footer-mid-section .footer-info-col { 19099 width: 66.66%; 19100 padding-left: .75rem; 19101 padding-right: .75rem 19102} 19103 19104@media only screen and (max-width:1279px) { 19105 .footer-mid-section .footer-info-col { 19106 width: 60% 19107 } 19108} 19109 19110@media only screen and (max-width:767px) { 19111 .footer-mid-section .footer-info-col { 19112 padding: 0; 19113 width: 100%; 19114 margin-bottom: 27px; 19115 text-align: left 19116 } 19117} 19118 19119.footer-mid-section .footer-info-heading { 19120 margin-bottom: 17px 19121} 19122 19123@media only screen and (max-width:767px) { 19124 .footer-mid-section .footer-info-heading { 19125 margin-bottom: 10px 19126 } 19127} 19128 19129.footer-mid-section .footer-info-col--payment, 19130.footer-mid-section .footer-info-col--social { 19131 width: 33.33% 19132} 19133 19134@media only screen and (max-width:1279px) { 19135 .footer-mid-section .footer-info-col--payment, 19136 .footer-mid-section .footer-info-col--social { 19137 width: 40% 19138 } 19139} 19140 19141@media only screen and (max-width:1279px) and (max-width:767px) { 19142 .footer-mid-section .footer-info-col--payment, 19143 .footer-mid-section .footer-info-col--social { 19144 width: 100% 19145 } 19146} 19147 19148@media only screen and (max-width:1023px) { 19149 .footer-mid-section .footer-info-col--payment { 19150 width: 100%; 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 .footer-mid-section .footer-info-col--payment .payment { 19159 margin-top: 20px; 19160 width: 50% 19161 } 19162} 19163 19164@media only screen and (max-width:1023px) and (max-width:767px) { 19165 .footer-mid-section .footer-info-col--payment .payment { 19166 margin-top: 0; 19167 width: 100% 19168 } 19169} 19170 19171.footer-mid-section .footer-info-col--payment .footer-geotrust-ssl-seal { 19172 margin-top: 20px; 19173 position: unset 19174} 19175 19176.footer-mid-section .footer-info-col--social ul li:before { 19177 display: none 19178} 19179 19180.footer-info-newsletter .footer-info-newsletter-inn { 19181 width: 84%; 19182 margin: 0 auto 19183} 19184 19185@media only screen and (max-width:1279px) { 19186 .footer-info-newsletter .footer-info-newsletter-inn { 19187 width: 95% 19188 } 19189} 19190 19191@media only screen and (max-width:1023px) { 19192 .footer-info-newsletter .footer-info-newsletter-inn { 19193 width: 100% 19194 } 19195} 19196 19197.footer-info-newsletter .form-prefixPostfix .form-input { 19198 border-width: 2px; 19199 border-right: 0; 19200 box-shadow: none 19201} 19202 19203@media only screen and (max-width:479px) { 19204 .footer-info-newsletter .form-prefixPostfix .form-input { 19205 border-right: 1px solid #dfdfdf; 19206 border-width: 2px; 19207 margin-bottom: 10px 19208 } 19209} 19210 19211.footer-info-newsletter .form-prefixPostfix .button { 19212 margin: 0; 19213 border: 2px solid #000; 19214 line-height: 18px; 19215 padding: 14px 38px; 19216 font-size: 16px; 19217 font-weight: 500; 19218 width: auto 19219} 19220 19221@media only screen and (max-width:767px) { 19222 .footer-info-newsletter .form-prefixPostfix .button { 19223 padding: 12px 15px; 19224 line-height: 18px 19225 } 19226} 19227 19228.footer-info-newsletter .form, 19229.footer-info-newsletter .form-field { 19230 margin: 0 19231} 19232 19233.footer-info-newsletter .form-field--error .form-field--success .form-input { 19234 border-color: #008a06 19235} 19236 19237@media only screen and (max-width:1279px) { 19238 .footer-info-newsletter .form-prefixPostfix.wrap { 19239 -ms-flex-wrap: nowrap; 19240 flex-wrap: nowrap; 19241 -webkit-flex-wrap: nowrap 19242 } 19243} 19244 19245@media only screen and (max-width:479px) { 19246 .footer-info-newsletter .form-prefixPostfix.wrap { 19247 -ms-flex-direction: column; 19248 flex-direction: column 19249 } 19250} 19251 19252.footer-payment-icons { 19253 margin: 0 19254} 19255 19256.footer-payment-icons .footer-payment-icon { 19257 width: 55px; 19258 height: 100%; 19259 margin: 0 2px 7px 19260} 19261 19262@media only screen and (max-width:1919px) { 19263 .footer-payment-icons .footer-payment-icon { 19264 width: 50px 19265 } 19266} 19267 19268@media only screen and (max-width:1279px) { 19269 .footer-payment-icons .footer-payment-icon { 19270 margin: 0 2px 4px 2px 19271 } 19272} 19273 19274@media only screen and (max-width:767px) { 19275 .footer-payment-icons .footer-payment-icon { 19276 height: 100%; 19277 width: 47px 19278 } 19279} 19280 19281.footer-bar { 19282 background: #f7f7f7 19283} 19284 19285.footer-bar .footer-bar-inn { 19286 display: -ms-flexbox; 19287 display: flex; 19288 -ms-flex-align: flex-start;
19289 align-items: flex-start; 19290 -ms-flex-pack: justify; 19291 justify-content: space-between; 19292 padding: 24px 0 22px 0 19293} 19294 19295@media only screen and (max-width:1023px) { 19296 .footer-bar .footer-bar-inn { 19297 -ms-flex-wrap: wrap; 19298 flex-wrap: wrap; 19299 -webkit-flex-wrap: wrap; 19300 padding: 20px 19301 } 19302} 19303 19304@media only screen and (max-width:567px) { 19305 .footer-bar .footer-bar-inn { 19306 padding: 18px 19307 } 19308} 19309 19310@media only screen and (max-width:1023px) { 19311 .footer-bar .footer-copyright { 19312 width: 100%; 19313 text-align: center 19314 } 19315 .footer-bar .footer-copyright+.footer-copyright { 19316 margin-top: 10px 19317 } 19318} 19319 19320@media only screen and (max-width:1023px) and (max-width:567px) { 19321 .footer-bar .footer-copyright+.footer-copyright { 19322 margin-top: 0 19323 } 19324} 19325 19326.footer-bar .footer-copyright a.theme-red-color { 19327 color: #ea272d 19328} 19329 19330.footer-bar .footer-copyright a.theme-red-color:hover { 19331 color: #020204 19332} 19333 19334.footer-copyright>.powered-by { 19335 color: #666; 19336 font-size: 14px 19337} 19338 19339@media only screen and (max-width:567px) { 19340 .footer-copyright>.powered-by { 19341 font-size: 12px; 19342 line-height: 24px 19343 } 19344 .footer-copyright>.powered-by a.site-map { 19345 display: block 19346 } 19347} 19348 19349.footer-copyright>.powered-by .line { 19350 margin: 0 5px 19351} 19352 19353@media only screen and (max-width:567px) { 19354 .footer-copyright>.powered-by .line { 19355 display: none 19356 } 19357} 19358 19359@media only screen and (max-width:567px) { 19360 .footer-copyright>.powered-by .bigcommerce { 19361 display: block 19362 } 19363} 19364 19365.footer-info-col--social .icon:hover svg { 19366 fill: #fff 19367} 19368 19369.footer-info-col--social .icon--twitter:hover { 19370 background: #60bdea 19371} 19372 19373.footer-info-col--social .icon--facebook:hover { 19374 background: #49669d 19375} 19376 19377.footer-info-col--social .icon--linkedin:hover { 19378 background: #387ba6 19379} 19380 19381.footer-info-col--social .icon--tumblr:hover { 19382 background: #34526f 19383} 19384 19385.footer-info-col--social .icon--stumbleupon:hover { 19386 background: #48b04f 19387} 19388 19389.footer-info-col--social .icon--google:hover { 19390 background: #4c4c4c 19391} 19392 19393.footer-info-col--social .icon--youtube:hover { 19394 background: #fa3b3a 19395} 19396 19397.footer-info-col--social .icon--pinterest:hover { 19398 background: #fc393d 19399} 19400 19401.footer-info-col--social .icon--instagram:hover { 19402 background: #b5b196 19403} 19404 19405.footer-info-col--social .icon--rss:hover { 19406 background: #f26522 19407} 19408 19409.footer-newsletter-summary { 19410 margin-top: 15px 19411} 19412 19413.heroCarousel { 19414 margin-bottom: 40px; 19415 margin-top: 0 19416} 19417 19418@media only screen and (max-width:1023px) { 19419 .heroCarousel { 19420 margin-bottom: 20px 19421 } 19422} 19423 19424.heroCarousel-content { 19425 background-color: transparent; 19426 padding: 20px; 19427 width: 95rem; 19428 top: 64% 19429} 19430 19431@media only screen and (max-width:1919px) { 19432 .heroCarousel-content { 19433 width: 85rem 19434 } 19435} 19436 19437@media only screen and (max-width:1279px) { 19438 .heroCarousel-content { 19439 width: 68rem 19440 } 19441} 19442 19443@media only screen and (max-width:1023px) { 19444 .heroCarousel-content { 19445 width: 100%; 19446 position: absolute; 19447 transform: translateY(-50%) 19448 } 19449} 19450 19451.heroCarousel-description, 19452.heroCarousel-title { 19453 text-shadow: 2px 2px 10px rgba(0, 0, 0, .32); 19454 font-family: Roboto; 19455 line-height: 66px; 19456 text-transform: uppercase 19457} 19458 19459.heroCarousel-title { 19460 font-size: 72px; 19461 letter-spacing: 21px; 19462 font-weight: 900; 19463 margin-bottom: 26px 19464} 19465 19466@media only screen and (max-width:1919px) { 19467 .heroCarousel-title { 19468 font-size: 62px; 19469 line-height: 56px 19470 } 19471} 19472 19473@media only screen and (max-width:1279px) { 19474 .heroCarousel-title { 19475 font-size: 52px; 19476 line-height: 46px; 19477 letter-spacing: 14.6px; 19478 margin-bottom: 15px 19479 } 19480} 19481 19482@media only screen and (max-width:1023px) { 19483 .heroCarousel-title { 19484 font-size: 30px; 19485 line-height: 22px 19486 } 19487} 19488 19489@media only screen and (max-width:767px) { 19490 .heroCarousel-title { 19491 font-size: 26px; 19492 line-height: 18px 19493 } 19494} 19495 19496@media only screen and (max-width:666px) { 19497 .heroCarousel-title { 19498 letter-spacing: 4px 19499 } 19500} 19501 19502@media only screen and (max-width:479px) { 19503 .heroCarousel-title { 19504 font-size: 16px; 19505 line-height: 14.6px; 19506 margin-bottom: 5px 19507 } 19508} 19509 19510.heroCarousel-description { 19511 font-size: 48px; 19512 font-weight: 700; 19513 text-transform: uppercase; 19514 letter-spacing: 5px 19515} 19516 19517@media only screen and (max-width:1279px) { 19518 .heroCarousel-description { 19519 font-size: 38px; 19520 line-height: 56px 19521 } 19522} 19523 19524@media only screen and (max-width:1023px) { 19525 .heroCarousel-description { 19526 font-size: 26px; 19527 line-height: 32px 19528 } 19529} 19530 19531@media only screen and (max-width:767px) { 19532 .heroCarousel-description { 19533 font-size: 20px;
19534 line-height: 26px 19535 } 19536} 19537 19538@media only screen and (max-width:666px) { 19539 .heroCarousel-description { 19540 letter-spacing: 2px 19541 } 19542} 19543 19544@media only screen and (max-width:479px) { 19545 .heroCarousel-description { 19546 font-size: 11px; 19547 line-height: 14.6px; 19548 margin-bottom: 5px 19549 } 19550} 19551 19552.heroCarousel-action { 19553 padding: 13px 24px; 19554 line-height: 24px; 19555 font-size: 18px; 19556 text-transform: capitalize; 19557 font-weight: 400; 19558 border-radius: 0; 19559 margin-top: 14px 19560} 19561 19562@media only screen and (max-width:1279px) { 19563 .heroCarousel-action { 19564 padding: 10px 20px; 19565 line-height: 22px; 19566 font-size: 16px 19567 } 19568} 19569 19570@media only screen and (max-width:1023px) { 19571 .heroCarousel-action { 19572 margin: 0 19573 } 19574} 19575 19576@media only screen and (max-width:666px) { 19577 .heroCarousel-action { 19578 padding: 8px 12px; 19579 line-height: 18px; 19580 font-size: 14px 19581 } 19582} 19583 19584@media only screen and (max-width:479px) { 19585 .heroCarousel-action { 19586 padding: 5px 9px; 19587 line-height: 12px; 19588 font-size: 11px 19589 } 19590} 19591 19592.heroCarousel-action .heroCarousel-action-inn { 19593 display: -ms-flexbox; 19594 display: flex; 19595 -ms-flex-align: center; 19596 align-items: center; 19597 -ms-flex-pack: center; 19598 justify-content: center 19599} 19600 19601.heroCarousel-action .heroCarousel-action-inn svg { 19602 width: 17px; 19603 height: 17px; 19604 fill: #fff; 19605 margin-left: 8px 19606} 19607 19608@media only screen and (max-width:1279px) { 19609 .heroCarousel-action .heroCarousel-action-inn svg { 19610 width: 15px; 19611 height: 18px 19612 } 19613} 19614 19615@media only screen and (max-width:666px) { 19616 .heroCarousel-action .heroCarousel-action-inn svg { 19617 width: 12px; 19618 height: 15px; 19619 margin-left: 5px 19620 } 19621} 19622 19623@media only screen and (max-width:479px) { 19624 .heroCarousel-action .heroCarousel-action-inn svg { 19625 width: 10px; 19626 height: 10px; 19627 margin-left: 5px 19628 } 19629} 19630 19631.heroCarousel-action:hover .heroCarousel-action-inn svg { 19632 fill: #020204 19633} 19634 19635.heroCarousel .slick-dots { 19636 bottom: 18px 19637} 19638 19639@media only screen and (max-width:767px) { 19640 .heroCarousel .slick-dots { 19641 bottom: -24px 19642 } 19643} 19644 19645.heroCarousel .slick-dots li { 19646 background: 0 0; 19647 width: 20px; 19648 height: 20px; 19649 padding: 0; 19650 line-height: 26px 19651} 19652 19653.heroCarousel .slick-dots li button { 19654 border: 1px solid #fff; 19655 height: 14px; 19656 width: 14px 19657} 19658 19659@media only screen and (max-width:767px) { 19660 .heroCarousel .slick-dots li button { 19661 border: 1px solid #e0e0e0 19662 } 19663} 19664 19665.heroCarousel .slick-dots li button:before { 19666 width: 8px; 19667 height: 8px; 19668 background: #fff; 19669 top: 50%; 19670 left: 50%; 19671 margin-left: -4px; 19672 margin-top: -4px; 19673 opacity: 1 19674} 19675 19676@media only screen and (max-width:767px) { 19677 .heroCarousel .slick-dots li button:before { 19678 background: #e0e0e0 19679 } 19680} 19681 19682.heroCarousel .slick-dots li button:focus, 19683.heroCarousel .slick-dots li button:hover { 19684 border: 1px solid #2e3344 19685} 19686 19687.heroCarousel .slick-dots li button:focus:before, 19688.heroCarousel .slick-dots li button:hover:before { 19689 background: #2e3344; 19690 opacity: 1 19691} 19692 19693.heroCarousel .slick-dots li.slick-active button { 19694 border: 1px solid #2e3344 19695} 19696 19697.heroCarousel .slick-dots li.slick-active button:before { 19698 background: #2e3344; 19699 opacity: 1 19700} 19701 19702.heroCarousel .slick-arrow { 19703 width: 60px; 19704 height: 50px 19705} 19706 19707@media only screen and (max-width:1279px) { 19708 .heroCarousel .slick-arrow { 19709 width: 40px; 19710 height: 30px; 19711 margin-top: -15px 19712 } 19713} 19714 19715@media only screen and (max-width:767px) { 19716 .heroCarousel .slick-arrow { 19717 display: none !important 19718 } 19719} 19720 19721.heroCarousel .slick-arrow svg { 19722 width: 20px; 19723 height: 20px; 19724 fill: #2e3344 19725} 19726 19727.heroCarousel .slick-arrow:hover { 19728 background: #020204; 19729 border: 1px solid #020204 19730} 19731 19732.heroCarousel .slick-arrow:hover svg { 19733 fill: #fff 19734} 19735 19736.heroCarousel .heroCarousel-content { 19737 top: 100%; 19738 display: none 19739} 19740 19741.slick-initialized .slick-active .heroCarousel-content { 19742 display: block; 19743 top: 64% 19744} 19745 19746@media only screen and (max-width:1919px) { 19747 .slick-initialized .slick-active .heroCarousel-content { 19748 top: 60% 19749 } 19750} 19751 19752@media only screen and (max-width:1023px) { 19753 .slick-initialized .slick-active .heroCarousel-content { 19754 top: 50% 19755 } 19756} 19757 19758.slick-active .animated { 19759 animation-duration: 2s; 19760 animation-delay: .1s 19761} 19762 19763@keyframes slideInUp { 19764 from { 19765 transform: translate3d(0, 100%, 0); 19766 visibility: visible 19767 } 19768 to { 19769 transform: translate3d(0, 0, 0) 19770 } 19771} 19772 19773.slick-active .slideInUp { 19774 animation-name: slideInUp 19775} 19776 19777@keyframes slideInDown { 19778 from { 19779 transform: translate3d(0, -100%, 0); 19780 visibility: visible 19781 } 19782 to { 19783 transform: translate3d(0, 0, 0) 19784 } 19785} 19786 19787.slick-active .slideInDown { 19788 animation-name: slideInDown 19789} 19790 19791@keyframes fadeIn { 19792 from { 19793 opacity: 0 19794 } 19795 to { 19796 opacity: 1 19797 } 19798} 19799 19800.slick-active .fadeIn { 19801 animation-name: fadeIn 19802} 19803 19804.productCarousel .slick-track { 19805 display: -ms-flexbox; 19806 display: flex; 19807 -ms-flex-pack: center; 19808 justify-content: center; 19809 -ms-flex-wrap: row; 19810 flex-wrap: row; 19811 -webkit-flex-wrap: row 19812} 19813 19814.productCarousel .slick-arrow { 19815 top: -25px; 19816 right: 14px; 19817 background: 0 0; 19818 border: 0 19819} 19820 19821.productCarousel .slick-arrow svg { 19822 display: none 19823} 19824 19825.productCarousel .slick-arrow svg.product-slick-arrow { 19826 display: block 19827} 19828 19829.productCarousel .slick-arrow:before { 19830 background-size: 100% 19831} 19832 19833.productCarousel .slick-arrow.slick-prev { 19834 right: 46px; 19835 left: auto 19836} 19837 19838.productCarousel.slick-initialized .productCarousel-slide { 19839 display: -ms-flexbox; 19840 display: flex 19841} 19842 19843.product { 19844 overflow: visible 19845} 19846 19847.productCarousel-slide { 19848 height: auto; 19849 float: none; 19850 padding-top: 30px; 19851 padding-bottom: 20px 19852} 19853 19854@media only screen and (max-width:1023px) { 19855 .productCarousel-slide { 19856 padding-top: 15px 19857 } 19858} 19859 19860.productCarousel-slide .card { 19861 width: 100%; 19862 height: 100%; 19863 background: #fff 19864} 19865 19866.productCarousel-slide:focus { 19867 outline: 0 19868} 19869 19870.card { 19871 transition: all .5s; 19872 position: relative 19873} 19874 19875.card:hover { 19876 box-shadow: 2px 2px 16px 0 #e6e6e6; 19877 transition: all .5s 19878} 19879 19880@media only screen and (max-width:1279px) { 19881 .card:hover { 19882 box-shadow: none 19883 } 19884} 19885 19886.card:hover .card-title { 19887 opacity: 0; 19888 visibility: hidden; 19889 transition: all .5s 19890} 19891 19892@media only screen and (max-width:1279px) { 19893 .card:hover .card-title { 19894 opacity: 1;
19895 visibility: visible 19896 } 19897} 19898 19899.card:hover .card-title a:hover { 19900 color: #c2c2c2 19901} 19902 19903.card:hover .card-button-block { 19904 opacity: 1; 19905 visibility: visible; 19906 transition: all .5s; 19907 top: 50% 19908} 19909 19910@media only screen and (max-width:1023px) { 19911 .card:hover .card-button-block { 19912 top: auto 19913 } 19914} 19915 19916.card:hover .card-figcaption-body-custom { 19917 opacity: 1; 19918 right: 10px; 19919 transition: all .5s 19920} 19921 19922@media only screen and (max-width:1279px) { 19923 .card:hover .card-figcaption-body-custom { 19924 opacity: 0 19925 } 19926} 19927 19928.card-inner { 19929 display: -ms-flexbox; 19930 display: flex; 19931 -ms-flex-align: flex-start; 19932 align-items: flex-start; 19933 -ms-flex-pack: center; 19934 justify-content: center; 19935 -ms-flex-wrap: wrap; 19936 flex-wrap: wrap; 19937 -webkit-flex-wrap: wrap; 19938 height: 100% 19939} 19940 19941.card-figure { 19942 width: 100%; 19943 display: -ms-flexbox; 19944 display: flex; 19945 -ms-flex-align: center; 19946 align-items: center; 19947 -ms-flex-pack: center; 19948 justify-content: center; 19949 overflow: hidden; 19950 margin-bottom: 10px 19951} 19952 19953.card-body { 19954 padding: 16px 22px; 19955 width: 100%; 19956 padding-top: 0 19957} 19958 19959@media only screen and (max-width:1023px) { 19960 .card-body { 19961 padding: 10px; 19962 padding-top: 0 19963 } 19964} 19965 19966@media only screen and (max-width:1023px) { 19967 .card-body .card-body-inn { 19968 padding-bottom: 0 19969 } 19970} 19971 19972.card-body .brand-name { 19973 font-size: 16px; 19974 color: #666; 19975 margin-bottom: 0; 19976 text-align: center; 19977 margin-top: 12px 19978} 19979 19980@media only screen and (max-width:1023px) { 19981 .card-body .brand-name { 19982 font-size: 14px; 19983 line-height: 18px; 19984 margin-top: 9px 19985 } 19986} 19987 19988.card-title { 19989 font-size: 16px; 19990 font-weight: 500; 19991 margin: 0; 19992 text-align: center; 19993 line-height: 20px 19994} 19995 19996@media only screen and (max-width:1023px) { 19997 .card-title { 19998 font-size: 14px; 19999 line-height: 18px 20000 } 20001} 20002 20003.card-button-block { 20004 position: absolute; 20005 top: 150%; 20006 opacity: 0; 20007 visibility: hidden; 20008 transition: all .5s; 20009 margin-top: -22px; 20010 left: 0; 20011 right: 0; 20012 width: auto; 20013 display: -ms-flexbox; 20014 display: flex; 20015 -ms-flex-pack: center; 20016 justify-content: center; 20017 -ms-flex-align: center; 20018 align-items: center 20019} 20020 20021@media only screen and (max-width:1279px) { 20022 .card-button-block { 20023 display: none 20024 } 20025} 20026 20027.card-button-block .button { 20028 text-transform: uppercase; 20029 background: #020204; 20030 color: #fff; 20031 border-radius: 3px; 20032 border-color: #020204; 20033 width: auto 20034} 20035 20036.card-button-block .button svg { 20037 fill: #fff 20038} 20039 20040.card-button-block .button:hover { 20041 background: #fff; 20042 color: #020204 20043} 20044 20045.card-button-block .button:hover svg { 20046 fill: #020204 20047} 20048 20049.card-figcaption-button { 20050 display: -ms-flexbox; 20051 display: flex; 20052 -ms-flex-align: center; 20053 align-items: center; 20054 -ms-flex-pack: center; 20055 justify-content: center; 20056 margin: 0 20057} 20058 20059.card-figcaption-button svg { 20060 width: 16px; 20061 height: 18px; 20062 margin-right: 9px 20063} 20064 20065.card-figcaption-button:active, 20066.card-figcaption-button:hover { 20067 border: 1px solid #020204; 20068 background: #020204; 20069 color: #fff 20070} 20071 20072.card-mid-block { 20073 margin-bottom: 15px; 20074 width: 100%; 20075 position: relative; 20076 margin-top: 15px; 20077 display: -ms-flexbox; 20078 display: flex; 20079 -ms-flex-align: center; 20080 align-items: center; 20081 -ms-flex-pack: center; 20082 justify-content: center; 20083 -ms-flex-wrap: wrap; 20084 flex-wrap: wrap; 20085 -webkit-flex-wrap: wrap; 20086 min-height: 45px 20087} 20088 20089@media only screen and (max-width:1023px) { 20090 .card-mid-block { 20091 margin-top: 9px; 20092 margin-bottom: 9px 20093 } 20094} 20095 20096.price-block { 20097 display: -ms-flexbox; 20098 display: flex; 20099 -ms-flex-align: center; 20100 align-items: center; 20101 -ms-flex-pack: center; 20102 justify-content: center; 20103 -ms-flex-wrap: wrap; 20104 flex-wrap: wrap; 20105 -webkit-flex-wrap: wrap; 20106 margin: 0 20107} 20108 20109.card-text { 20110 text-align: center 20111} 20112 20113.card-text.rating-block { 20114 margin: 0; 20115 margin-top: 12px 20116} 20117 20118@media only screen and (max-width:1023px) { 20119 .card-text.rating-block { 20120 margin-top: 9px 20121 } 20122} 20123 20124@media only screen and (max-width:567px) { 20125 .card-text.rating-block { 20126 margin-top: 4px 20127 } 20128} 20129 20130.card-summary { 20131 display: none 20132} 20133 20134.sale-flag-sash, 20135.sale-flag-side { 20136 padding: 0; 20137 border-radius: 0; 20138 height: 22px; 20139 line-height: 22px; 20140 left: 13px; 20141 top: 15px 20142} 20143 20144@media only screen and (max-width:567px) { 20145 .sale-flag-sash, 20146 .sale-flag-side { 20147 left: 5px; 20148 top: 5px 20149 } 20150} 20151 20152.sale-flag-sash:after, 20153.sale-flag-sash:before, 20154.sale-flag-side:after, 20155.sale-flag-side:before { 20156 content: ""; 20157 position: absolute; 20158 height: 16px; 20159 width: 2px; 20160 background: url(..//img/sale-dot.png); 20161 top: 3px; 20162 left: 0 20163} 20164 20165.sale-flag-sash:after, 20166.sale-flag-side:after { 20167 right: 0; 20168 left: auto 20169} 20170 20171.sale-flag-sash .sale-text, 20172.sale-flag-side .sale-text { 20173 padding: 4px 8px; 20174 line-height: 14px; 20175 font-size: 12px; 20176 text-transform: uppercase; 20177 font-weight: 500 20178} 20179 20180.sale-flag-sash { 20181 top: 24px; 20182 width: auto 20183} 20184 20185.starwrap { 20186 top: 10px; 20187 left: 10px; 20188 width: 40px; 20189 height: 40px 20190} 20191 20192.starwrap .sale-text-burst { 20193 line-height: 14px; 20194 font-size: 12px; 20195 font-weight: 500; 20196 width: 40px; 20197 top: 30% 20198} 20199 20200.starwrap .sale-flag-star { 20201 width: 40px; 20202 height: 40px 20203} 20204 20205.starwrap .sale-flag-star:after, 20206.starwrap .sale-flag-star:before { 20207 width: 40px; 20208 height: 40px 20209} 20210 20211.price-section { 20212 margin: 0 6px; 20213 text-align: center 20214} 20215 20216@media only screen and (max-width:567px) { 20217 .price-section { 20218 display: block; 20219 width: 100%; 20220 margin-bottom: 5px 20221 } 20222} 20223 20224.price-now-label { 20225 display: block; 20226 text-align: left 20227} 20228 20229@media only screen and (max-width:567px) { 20230 .price-now-label { 20231 display: inline-block 20232 } 20233} 20234 20235.price { 20236 font-size: 16px; 20237 color: #666 20238} 20239 20240@media only screen and (max-width:1023px) { 20241 .price { 20242 font-size: 14px 20243 } 20244} 20245 20246.price-section--withTax.non-sale-price--withTax .price-now-label, 20247.price-section--withTax.rrp-price--withTax .price-now-label { 20248 color: #666; 20249 font-weight: 400 20250} 20251 20252.price-section--withTax .price--withTax, 20253.price-section--withTax .price-now-label-withtax { 20254 font-weight: 500; 20255 color: #020204 20256} 20257 20258.card-figcaption-body-custom { 20259 position: absolute; 20260 top: 10px; 20261 right: -50%; 20262 opacity: 0 20263} 20264 20265@media only screen and (max-width:767px) { 20266 .card-figcaption-body-custom { 20267 display: none 20268 } 20269} 20270 20271.card-figcaption-body-custom .button { 20272 background: #fff; 20273 width: 42px; 20274 height: 42px; 20275 line-height: 46px; 20276 border: 1px solid #e4e4e4; 20277 border-radius: 50%; 20278 padding: 0; 20279 margin-bottom: 10px 20280} 20281 20282.card-figcaption-body-custom .button .compare-checkbox { 20283 width: auto; 20284 height: auto; 20285 cursor: pointer; 20286 opacity: 0; 20287 position: absolute 20288} 20289 20290.card-figcaption-body-custom .button.compare-active, 20291.card-figcaption-body-custom .button:hover { 20292 background: #020204; 20293 border: 1px solid #020204 20294} 20295 20296.card-figcaption-body-custom .button.compare-active svg, 20297.card-figcaption-body-custom .button:hover svg { 20298 fill: #fff 20299} 20300 20301.card-figcaption-body-custom .button.card-figcaption-button svg { 20302 height: 15px; 20303 width: 15px; 20304 margin: 0 20305} 20306 20307.card-figcaption-body-custom .button.quickview svg {
20308 width: 20px 20309} 20310 20311.card-figcaption-body-custom .button+.button { 20312 margin-top: 0 20313} 20314 20315.card-figcaption-body-custom .button:hover { 20316 background: #020204; 20317 border: 1px solid #020204 20318} 20319 20320.card-figcaption-body-custom .button:hover svg { 20321 fill: #fff 20322} 20323 20324.card-inner { 20325 -ms-flex-flow: column; 20326 flex-flow: column; 20327 -ms-flex-pack: start; 20328 justify-content: flex-start 20329} 20330 20331.card-img-container { 20332 display: -ms-flexbox; 20333 display: flex; 20334 -ms-flex-pack: center; 20335 justify-content: center; 20336 -ms-flex-align: center; 20337 align-items: center; 20338 height: 100% 20339} 20340 20341.card-figure { 20342 min-height: auto; 20343 position: relative; 20344 display: block 20345} 20346 20347.card-figure a { 20348 display: block; 20349 position: relative; 20350 height: 100% 20351} 20352 20353.card-body-inn { 20354 display: -ms-flexbox; 20355 display: flex; 20356 -ms-flex-flow: column; 20357 flex-flow: column; 20358 -ms-flex-pack: start; 20359 justify-content: flex-start; 20360 -ms-flex-align: center; 20361 align-items: center 20362} 20363 20364.card-body { 20365 margin-top: auto 20366} 20367 20368.card-mid-block { 20369 min-height: inherit 20370} 20371 20372.page { 20373 margin: 0 -15px; 20374 margin-top: 20px 20375} 20376 20377@media only screen and (max-width:1023px) { 20378 .page { 20379 margin: 0 -10px; 20380 margin-top: 20px 20381 } 20382} 20383 20384.breadcrumbs+.page { 20385 margin-top: 0 20386} 20387 20388.page-sidebar { 20389 padding-left: 15px; 20390 padding-right: 15px 20391} 20392 20393@media only screen and (max-width:1279px) { 20394 .page-sidebar { 20395 width: 30% 20396 } 20397} 20398 20399@media only screen and (max-width:1023px) { 20400 .page-sidebar { 20401 padding-left: 10px; 20402 padding-right: 10px; 20403 width: 100%; 20404 margin-bottom: 20px 20405 } 20406} 20407 20408.page-sidebar+.page-content { 20409 padding-left: 15px; 20410 padding-right: 15px 20411} 20412 20413@media only screen and (max-width:1279px) { 20414 .page-sidebar+.page-content { 20415 width: 70% 20416 } 20417} 20418 20419@media only screen and (max-width:1023px) { 20420 .page-sidebar+.page-content { 20421 width: 68%; 20422 padding-left: 10px; 20423 padding-right: 10px 20424 } 20425} 20426 20427@media only screen and (max-width:1023px) { 20428 .page-sidebar+.page-content { 20429 width: 100% 20430 } 20431} 20432 20433@media only screen and (max-width:1279px) { 20434 .page-sidebar+.page-content .productGrid { 20435 margin: 0 -10px 20436 } 20437} 20438 20439@media only screen and (max-width:1279px) { 20440 .page-sidebar+.page-content .productGrid .product { 20441 width: 33.33%; 20442 padding-left: 10px; 20443 padding-right: 10px 20444 } 20445} 20446 20447@media only screen and (max-width:767px) { 20448 .page-sidebar+.page-content .productGrid .product { 20449 width: 50% 20450 } 20451} 20452 20453.category-banner-section { 20454 display: -ms-flexbox; 20455 display: flex; 20456 -ms-flex-align: center; 20457 align-items: center; 20458 -ms-flex-pack: justify; 20459 justify-content: space-between; 20460 background: #f4f4f4; 20461 margin-bottom: 23px 20462} 20463 20464@media only screen and (max-width:1023px) { 20465 .category-banner-section { 20466 -ms-flex-wrap: wrap; 20467 flex-wrap: wrap; 20468 -webkit-flex-wrap: wrap 20469 } 20470} 20471 20472.category-banner-section .category-left-section { 20473 width: 100%; 20474 padding: 25px 29px 20475} 20476 20477.category-banner-section .category-left-section.visible-top-banner { 20478 width: 50% 20479} 20480 20481@media only screen and (max-width:1023px) { 20482 .category-banner-section .category-left-section.visible-top-banner { 20483 width: 100% 20484 } 20485} 20486 20487@media only screen and (max-width:1023px) { 20488 .category-banner-section .category-left-section { 20489 padding: 20px 20490 } 20491} 20492 20493.category-banner-section .category-left-section+.category-right-section { 20494 width: 50% 20495} 20496 20497@media only screen and (max-width:1023px) { 20498 .category-banner-section .category-left-section+.category-right-section { 20499 width: 100%; 20500 padding: 0 20px 20px 20501 } 20502} 20503 20504.category-banner-section .page-heading { 20505 font-size: 30px; 20506 line-height: 33px; 20507 text-align: left; 20508 padding: 0; 20509 border: 0; 20510 margin-bottom: 0 20511} 20512 20513@media only screen and (max-width:1023px) { 20514 .category-banner-section .page-heading { 20515 font-size: 26px; 20516 line-height: 29px 20517 } 20518} 20519 20520.category-banner-section .page-heading+p { 20521 margin-top: 15px 20522} 20523 20524@media only screen and (max-width:1023px) { 20525 .category-banner-section .page-heading+p { 20526 margin-top: 10px 20527 } 20528} 20529 20530.category-banner-section p { 20531 color: #020204; 20532 line-height: 20px; 20533 margin-bottom: 0 20534} 20535 20536.category-banner-section p+p { 20537 margin-top: 15px 20538} 20539 20540.category-banner-section .banners { 20541 background: 0 0; 20542 padding: 0 20543} 20544 20545.category-banner-section .banners img { 20546 margin: 0 20547} 20548 20549.page-sidebar-block .chevron-down { 20550 display: none 20551} 20552 20553.page-sidebar-block .sidebar-toggle-content.treeview { 20554 display: block 20555} 20556 20557.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .down { 20558 display: none 20559} 20560 20561.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .up { 20562 display: block; 20563 fill: #888 20564} 20565 20566.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .down { 20567 display: block 20568} 20569 20570.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .up { 20571 display: none 20572} 20573 20574.accordion-title, 20575.sidebarBlock-heading { 20576 font-size: 20px; 20577 line-height: 30px; 20578 font-weight: 500; 20579 margin-bottom: 0; 20580 cursor: pointer; 20581 position: relative 20582} 20583 20584@media only screen and (max-width:767px) { 20585 .accordion-title, 20586 .sidebarBlock-heading { 20587 font-size: 16px;
20588 line-height: 26px 20589 } 20590} 20591 20592.accordion-title .accordion-navigation-actions, 20593.sidebarBlock-heading .accordion-navigation-actions { 20594 top: 50%; 20595 margin-top: -12px; 20596 right: -8px 20597} 20598 20599.accordion-title .accordion-navigation-actions svg, 20600.sidebarBlock-heading .accordion-navigation-actions svg { 20601 fill: #2e3344; 20602 width: 27px; 20603 height: 27px 20604} 20605 20606.accordion-title .accordion-navigation-actions .up, 20607.sidebarBlock-heading .accordion-navigation-actions .up { 20608 display: none 20609} 20610 20611.accordion-title.active .accordion-navigation-actions .up, 20612.sidebarBlock-heading.active .accordion-navigation-actions .up { 20613 display: block 20614} 20615 20616.accordion-title.active .accordion-navigation-actions .down, 20617.sidebarBlock-heading.active .accordion-navigation-actions .down { 20618 display: none 20619} 20620 20621.accordion-block, 20622.sidebarBlock { 20623 border: 1px solid #dfdfdf; 20624 padding: 13px 20px; 20625 margin: 0 20626} 20627 20628@media only screen and (max-width:1279px) { 20629 .accordion-block, 20630 .sidebarBlock { 20631 padding: 10px 15px 20632 } 20633} 20634 20635.accordion-block .navList, 20636.sidebarBlock .navList { 20637 margin: 0; 20638 margin-top: 20px 20639} 20640 20641@media only screen and (max-width:1023px) { 20642 .accordion-block .navList, 20643 .sidebarBlock .navList { 20644 margin-top: 15px 20645 } 20646} 20647 20648.accordion-block .navList>li, 20649.sidebarBlock .navList>li { 20650 padding: 0 20651} 20652 20653.accordion-block .navList>li:first-child, 20654.sidebarBlock .navList>li:first-child { 20655 margin-top: 0 20656} 20657 20658.accordion-block .navList>li:before, 20659.sidebarBlock .navList>li:before { 20660 display: none 20661} 20662 20663.accordion-block .navList .rating--small svg, 20664.sidebarBlock .navList .rating--small svg { 20665 width: 15px; 20666 height: 15px 20667} 20668 20669.accordion-block .navList .rating--small .icon, 20670.sidebarBlock .navList .rating--small .icon { 20671 margin-right: 2px 20672} 20673 20674.accordion-block .navList ul>li:before, 20675.sidebarBlock .navList ul>li:before { 20676 display: none 20677} 20678 20679.accordion-block .navList li, 20680.sidebarBlock .navList li { 20681 margin: 17px 0 0 0; 20682 position: relative 20683} 20684 20685@media only screen and (max-width:1023px) { 20686 .accordion-block .navList li, 20687 .sidebarBlock .navList li { 20688 margin: 15px 0 0 0 20689 } 20690} 20691 20692.accordion-block .navList li a, 20693.sidebarBlock .navList li a { 20694 font-size: 15px; 20695 color: #666; 20696 font-weight: 400; 20697 padding-top: 0; 20698 padding-bottom: 0 20699} 20700 20701@media only screen and (max-width:1023px) { 20702 .accordion-block .navList li a, 20703 .sidebarBlock .navList li a { 20704 font-size: 14px 20705 } 20706} 20707 20708.accordion-block .navList li a.navList-action--checkbox, 20709.sidebarBlock .navList li a.navList-action--checkbox { 20710 margin-bottom: 0; 20711 padding-right: 20px 20712} 20713 20714.accordion-block .navList li a.navList-action--checkbox:before, 20715.sidebarBlock .navList li a.navList-action--checkbox:before { 20716 margin-top: -7px 20717} 20718 20719.accordion-block .navList li a.navList-action--checkbox.is-selected, 20720.sidebarBlock .navList li a.navList-action--checkbox.is-selected { 20721 color: #888 20722} 20723 20724.accordion-block .navList li a.navList-action--checkbox .navList-action-close, 20725.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close { 20726 position: absolute; 20727 top: 0; 20728 width: 20px; 20729 height: 20px; 20730 right: 0; 20731 display: -ms-flexbox; 20732 display: flex; 20733 -ms-flex-align: center; 20734 align-items: center; 20735 -ms-flex-pack: center; 20736 justify-content: center 20737} 20738 20739.accordion-block .navList li a.navList-action--checkbox .navList-action-close svg, 20740.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close svg { 20741 width: 10px; 20742 height: 10px 20743} 20744 20745.accordion-block .navList li a .chevron-down, 20746.sidebarBlock .navList li a .chevron-down { 20747 display: none 20748} 20749 20750.accordion-block .navList li a:hover, 20751.sidebarBlock .navList li a:hover { 20752 color: #888 20753} 20754 20755.accordion-block .navList li ul, 20756.sidebarBlock .navList li ul { 20757 margin-left: 15px 20758} 20759 20760.accordion-block .navList li ul li:before, 20761.sidebarBlock .navList li ul li:before { 20762 display: none 20763} 20764 20765.accordion-block .navList>li, 20766.sidebarBlock .navList>li { 20767 float: none; 20768 position: relative 20769} 20770 20771.accordion-block .navList>li .hitarea, 20772.sidebarBlock .navList>li .hitarea { 20773 text-align: right; 20774 right: -2px; 20775 padding-top: 3px 20776} 20777 20778.accordion-block .navList>li>a, 20779.sidebarBlock .navList>li>a { 20780 color: #020204 20781} 20782 20783.accordion-block .navList>li>a:hover, 20784.sidebarBlock .navList>li>a:hover { 20785 color: #888 20786} 20787 20788.accordion-block+.sidebarBlock, 20789.sidebarBlock+.sidebarBlock { 20790 margin: 0; 20791 padding-top: 15px; 20792 border-top: 0 20793} 20794 20795.accordion-block+.sidebarBlock.m-b-30, 20796.sidebarBlock+.sidebarBlock.m-b-30 { 20797 margin-bottom: 26px 20798} 20799 20800.accordion-block .inlineList, 20801.sidebarBlock .inlineList { 20802 margin-top: 15px; 20803 margin-left: 0 20804} 20805 20806.accordion-block .inlineList li, 20807.sidebarBlock .inlineList li { 20808 margin-left: 0; 20809 margin-right: 10px 20810} 20811 20812.accordion-block .inlineList .facetLabel, 20813.sidebarBlock .inlineList .facetLabel { 20814 display: -ms-flexbox; 20815 display: flex; 20816 -ms-flex-align: center;
20817 align-items: center; 20818 -ms-flex-pack: justify; 20819 justify-content: space-between; 20820 line-height: normal; 20821 padding: 5px; 20822 border-radius: 0 20823} 20824 20825.accordion-block .inlineList .facetLabel .icon, 20826.sidebarBlock .inlineList .facetLabel .icon { 20827 margin-left: 5px; 20828 width: 10px; 20829 height: 10px 20830} 20831 20832@media only screen and (max-width:1023px) { 20833 .sidebarBlock.mob-hide { 20834 display: none 20835 } 20836} 20837 20838@media only screen and (max-width:1023px) { 20839 .sidebarBlock .facetedSearch-toggle { 20840 margin-bottom: 0 20841 } 20842} 20843 20844.facetedSearch.sidebarBlock { 20845 padding: 0; 20846 border: 0 20847} 20848 20849.facetedSearch-toggle+.facetedSearch-navList, 20850.sidebarBlock+.facetedSearch-navList { 20851 margin: 0 20852} 20853 20854.accordion--navList .accordion-title { 20855 padding: 0 20856} 20857 20858.accordion--navList .accordion-content { 20859 padding: 0; 20860 margin: 0; 20861 margin-bottom: 10px 20862} 20863 20864.accordion--navList .accordion-content .toggleLink { 20865 font-style: italic; 20866 color: #020204; 20867 border-bottom: 1px solid #020204; 20868 margin-left: 20px; 20869 margin-top: 15px; 20870 line-height: 15px; 20871 display: inline-block 20872} 20873 20874.accordion--navList .accordion-content .toggleLink:hover { 20875 color: #888; 20876 border-bottom: 1px solid #888 20877} 20878 20879.accordion--navList .accordion-content .toggleLink .toggleLink-text { 20880 font-size: 15px 20881} 20882 20883.accordion-navigation { 20884 padding: 0; 20885 border: 0 20886} 20887 20888.facetedSearch-toggle { 20889 display: none 20890} 20891 20892@media only screen and (max-width:1023px) { 20893 .facetedSearch-toggle { 20894 display: block; 20895 border-radius: 0; 20896 margin-top: -1px; 20897 font-size: 16px; 20898 padding: 10px 15px 20899 } 20900 .facetedSearch-toggle.toggleLink { 20901 color: #020204; 20902 transition: none 20903 } 20904 .facetedSearch-toggle.toggleLink.is-open { 20905 color: #666 20906 } 20907} 20908 20909@media only screen and (max-width:479px) { 20910 .facetedSearch-toggle { 20911 font-size: 14px 20912 } 20913 .facetedSearch-toggle .facetedSearch-toggle-indicator, 20914 .facetedSearch-toggle .facetedSearch-toggle-text { 20915 width: 100%; 20916 text-align: center 20917 } 20918 .facetedSearch-toggle .facetedSearch-toggle-indicator .icon svg, 20919 .facetedSearch-toggle .facetedSearch-toggle-text .icon svg { 20920 fill: #020204 20921 } 20922} 20923 20924.facetedSearch-navList { 20925 display: block 20926} 20927 20928@media only screen and (max-width:1023px) { 20929 .facetedSearch-navList { 20930 display: none 20931 } 20932} 20933 20934.accordion { 20935 border: 0; 20936 border-radius: 0 20937} 20938 20939.accordion--navList .accordion-block { 20940 margin: 0; 20941 border-top: 0 20942} 20943 20944.accordion--navList .accordion-title { 20945 font-weight: 500; 20946 margin: 0 20947} 20948 20949.accordion--navList .accordion-indicator { 20950 width: 27px; 20951 height: 27px; 20952 fill: #888 20953} 20954 20955.accordion--navList .accordion-indicator.toggleLink-text--off { 20956 fill: #2e3344 20957} 20958 20959.accordion--navList .accordion-navigation-actions { 20960 top: 50%; 20961 margin-top: -12px; 20962 right: -8px 20963} 20964 20965.facetedSearch-refineFilters.sidebarBlock { 20966 border-top: 0; 20967 display: block 20968} 20969 20970@media only screen and (max-width:1023px) { 20971 .facetedSearch-refineFilters.sidebarBlock { 20972 display: none 20973 } 20974} 20975 20976.accordion-content, 20977.sidebar-toggle-content { 20978 margin-top: 0; 20979 margin-bottom: 10px 20980} 20981 20982#facetedSearch-content--price { 20983 margin-top: 20px 20984} 20985 20986.sidebar-toggle-content.treeview { 20987 display: none 20988} 20989 20990.sidebar-toggle-content.treeview.is-open { 20991 display: block 20992} 20993 20994.navList-action--checkbox { 20995 padding-left: 20px 20996} 20997 20998.navList-action--checkbox:before { 20999 border-radius: 0; 21000 border-color: #888; 21001 width: 12px; 21002 height: 12px 21003} 21004 21005.navList-action--checkbox:after { 21006 width: 12px; 21007 height: 12px; 21008 margin-top: -8px; 21009 margin-left: -1px 21010} 21011 21012.form-minMaxRow .form-input { 21013 padding-right: 15px 21014} 21015 21016@media only screen and (max-width:1279px) { 21017 .form-minMaxRow .form-field { 21018 width: 50% 21019 } 21020 .form-minMaxRow .form-field:last-child { 21021 width: 100%; 21022 margin-top: 10px 21023 } 21024} 21025 21026.form-minMaxRow .button { 21027 border: 1px solid #020204; 21028 padding-top: 9px; 21029 padding-bottom: 9px 21030} 21031 21032.sub-category-block { 21033 display: -ms-flexbox; 21034 display: flex; 21035 -ms-flex-wrap: wrap; 21036 flex-wrap: wrap; 21037 -webkit-flex-wrap: wrap; 21038 margin: 0 -10px; 21039 margin-bottom: 34px 21040} 21041 21042@media only screen and (max-width:1023px) { 21043 .sub-category-block { 21044 margin-bottom: 25px 21045 } 21046} 21047 21048.sub-category-block:before { 21049 display: none 21050} 21051 21052.sub-category-block:after { 21053 display: none 21054} 21055 21056.sub-category-block .sub-category-item { 21057 width: 16.5%; 21058 padding: 0 10px 21059} 21060 21061@media only screen and (max-width:1279px) { 21062 .sub-category-block .sub-category-item { 21063 width: 25% 21064 } 21065} 21066 21067@media only screen and (max-width:666px) { 21068 .sub-category-block .sub-category-item { 21069 width: 33.33% 21070 } 21071} 21072 21073@media only screen and (max-width:567px) { 21074 .sub-category-block .sub-category-item { 21075 width: 50% 21076 } 21077} 21078 21079.sub-category-block .sub-category-img { 21080 height: 192px; 21081 display: -ms-flexbox; 21082 display: flex; 21083 -ms-flex-align: center;
21084 align-items: center; 21085 -ms-flex-pack: center; 21086 justify-content: center; 21087 overflow: hidden 21088} 21089 21090.sub-category-block .category-image-inner { 21091 display: -ms-flexbox; 21092 display: flex; 21093 -ms-flex-align: flex-start; 21094 align-items: flex-start; 21095 -ms-flex-pack: center; 21096 justify-content: center; 21097 -ms-flex-wrap: wrap; 21098 flex-wrap: wrap; 21099 -webkit-flex-wrap: wrap; 21100 height: 100% 21101} 21102 21103.sub-category-block .category-image-inner .sub-category-img-block { 21104 width: 100% 21105} 21106 21107.sub-category-block .category-image-inner .sub-category-img-block img { 21108 width: 100% 21109} 21110 21111.sub-category-block .sub-category-name { 21112 margin: 0; 21113 margin-top: 10px; 21114 text-align: center; 21115 padding: 0 5px; 21116 line-height: 20px 21117} 21118 21119.sub-category-block .sub-category-name a { 21120 font-size: 15px; 21121 color: #020204; 21122 line-height: 16px 21123} 21124 21125.sub-category-block .sub-category-name a:hover { 21126 color: #c2c2c2 21127} 21128 21129.sub-category-headinig h3 { 21130 font-weight: 500; 21131 line-height: 32px 21132} 21133 21134@media only screen and (max-width:767px) { 21135 .sub-category-headinig h3 { 21136 font-size: 22px; 21137 line-height: 30px; 21138 margin-bottom: 15px 21139 } 21140} 21141 21142@media only screen and (max-width:479px) { 21143 .sub-category-headinig h3 { 21144 font-size: 18px; 21145 line-height: 22px 21146 } 21147} 21148 21149.no-img { 21150 background: #f4f4f4 21151} 21152 21153.without-img { 21154 max-width: 190px 21155} 21156 21157.actionBar-section .form-field { 21158 border: 1px solid #888; 21159 border-radius: 0; 21160 margin: 0; 21161 display: -ms-flexbox; 21162 display: flex; 21163 -ms-flex-align: center; 21164 align-items: center; 21165 -ms-flex-pack: center; 21166 justify-content: center; 21167 overflow: visible 21168} 21169 21170.actionBar-section .form-field:after, 21171.actionBar-section .form-field:before { 21172 display: none 21173} 21174 21175.actionBar-section .form-label { 21176 font-size: 15px; 21177 min-width: 67px; 21178 color: #888; 21179 font-weight: 400 21180} 21181 21182@media only screen and (max-width:1279px) { 21183 .actionBar-section .form-label { 21184 min-width: 73px 21185 } 21186} 21187 21188@media only screen and (max-width:1023px) { 21189 .actionBar-section .form-label { 21190 font-size: 14px 21191 } 21192} 21193 21194@media only screen and (max-width:479px) { 21195 .actionBar-section .form-label { 21196 min-width: 60px; 21197 margin-right: 5px 21198 } 21199} 21200 21201.actionBar-section .form-select { 21202 height: auto; 21203 color: #020204; 21204 border-left: 0 21205} 21206 21207@media only screen and (max-width:479px) { 21208 .actionBar-section .form-select { 21209 font-size: 12px; 21210 padding-right: 25px 21211 } 21212} 21213 21214@media only screen and (max-width:1023px) { 21215 .actionBar-section .form-select { 21216 font-size: 14px 21217 } 21218} 21219 21220@media only screen and (max-width:1279px) { 21221 .filter-left .pagination .pagination-item { 21222 display: none 21223 } 21224 .filter-left .pagination .pagination-item.pagination-item--current, 21225 .filter-left .pagination .pagination-item.pagination-item--next, 21226 .filter-left .pagination .pagination-item.pagination-item--previous { 21227 display: inline-block 21228 } 21229 .filter-left .pagination .pagination-item.pagination-item--current .icon, 21230 .filter-left .pagination .pagination-item.pagination-item--next .icon, 21231 .filter-left .pagination .pagination-item.pagination-item--previous .icon { 21232 top: 6px; 21233 width: 15px; 21234 height: 15px 21235 } 21236 .filter-left .pagination .pagination-item.pagination-item--current { 21237 margin: 0 5px 21238 } 21239 .filter-left .pagination .pagination-item.pagination-item--previous .icon { 21240 margin-left: 0 21241 } 21242 .filter-left .pagination .pagination-item.pagination-item--previous a { 21243 padding-left: 18px 21244 } 21245 .filter-left .pagination .pagination-item.pagination-item--next { 21246 margin-left: 0 21247 } 21248} 21249 21250.actionBar-main { 21251 display: -ms-flexbox; 21252 display: flex; 21253 -ms-flex-align: center; 21254 align-items: center; 21255 -ms-flex-pack: justify; 21256 justify-content: space-between; 21257 margin-bottom: 30px 21258} 21259 21260@media only screen and (max-width:567px) { 21261 .actionBar-main { 21262 -ms-flex-flow: column; 21263 flex-flow: column 21264 } 21265} 21266 21267.actionBar-main .filter-left { 21268 width: 60% 21269} 21270 21271@media only screen and (max-width:1279px) { 21272 .actionBar-main .filter-left { 21273 width: 50% 21274 } 21275} 21276 21277@media only screen and (max-width:767px) { 21278 .actionBar-main .filter-left { 21279 width: 60% 21280 } 21281} 21282 21283@media only screen and (max-width:567px) { 21284 .actionBar-main .filter-left { 21285 width: 100%; 21286 -ms-flex-pack: center; 21287 justify-content: center; 21288 margin-bottom: 15px 21289 } 21290} 21291 21292.actionBar-main .filter-right { 21293 width: 40%; 21294 display: -ms-flexbox; 21295 display: flex; 21296 -ms-flex-align: center;
21297 align-items: center; 21298 -ms-flex-pack: end; 21299 justify-content: flex-end 21300} 21301 21302@media only screen and (max-width:1279px) { 21303 .actionBar-main .filter-right { 21304 width: 50% 21305 } 21306} 21307 21308@media only screen and (max-width:767px) { 21309 .actionBar-main .filter-right { 21310 width: 40% 21311 } 21312} 21313 21314@media only screen and (max-width:567px) { 21315 .actionBar-main .filter-right { 21316 width: 100%; 21317 -ms-flex-pack: center; 21318 justify-content: center 21319 } 21320} 21321 21322.actionBar-main .filter-right .product-view-button { 21323 display: -ms-flexbox; 21324 display: flex; 21325 -ms-flex-align: center; 21326 align-items: center; 21327 -ms-flex-pack: end; 21328 justify-content: flex-end 21329} 21330 21331@media only screen and (max-width:767px) { 21332 .actionBar-main .filter-right .product-view-button { 21333 display: none 21334 } 21335} 21336 21337.actionBar-main .filter-right .product-view-button a { 21338 margin: 0 10px; 21339 line-height: normal 21340} 21341 21342.actionBar-main .filter-right .product-view-button a.active svg { 21343 fill: #333 21344} 21345 21346.actionBar-main .filter-right .product-view-button a.grid-view svg { 21347 width: 25px 21348} 21349 21350.actionBar-main .filter-right .product-view-button svg { 21351 width: 30px; 21352 height: 25px; 21353 fill: #666 21354} 21355 21356.actionBar-main .filter-right .actionBar { 21357 margin: 0; 21358 margin-left: 20px 21359} 21360 21361@media only screen and (max-width:1023px) { 21362 .actionBar-main .filter-right .actionBar { 21363 margin-left: 10px 21364 } 21365} 21366 21367.filter-left { 21368 display: -ms-flexbox; 21369 display: flex; 21370 -ms-flex-align: center; 21371 align-items: center; 21372 -ms-flex-pack: start; 21373 justify-content: flex-start 21374} 21375 21376.filter-left .pagination-list { 21377 margin: 0 21378} 21379 21380.filter-left .pagination-item { 21381 margin-bottom: 0 21382} 21383 21384.filter-left .pagination-count { 21385 min-width: 91px; 21386 color: #020204 21387} 21388 21389.filter-left .pagination-count+.pagination { 21390 border-left: 1px solid #dfdfdf; 21391 padding-left: 15px; 21392 margin-left: 15px 21393} 21394 21395@media only screen and (max-width:666px) { 21396 .filter-left .pagination-count+.pagination { 21397 padding-left: 10px; 21398 margin-left: 10px 21399 } 21400} 21401 21402.productGrid { 21403 display: -ms-flexbox; 21404 display: flex; 21405 -ms-flex-wrap: wrap; 21406 flex-wrap: wrap; 21407 -webkit-flex-wrap: wrap 21408} 21409 21410.productGrid:before { 21411 display: none 21412} 21413 21414.productGrid:after { 21415 display: none 21416} 21417 21418.productGrid .product { 21419 margin: 0; 21420 padding-bottom: 20px; 21421 transition: all .4s 21422} 21423 21424.productGrid .product .card { 21425 margin: 0; 21426 height: 100% 21427} 21428 21429.page .page-sidebar+.page-content .product-list-style .product { 21430 width: 100% 21431} 21432 21433.page .page-content .product-list-style .product { 21434 width: 50%; 21435 padding-top: 10px; 21436 transition: all .4s 21437} 21438 21439@media only screen and (max-width:1023px) { 21440 .page .page-content .product-list-style .product { 21441 width: 100% 21442 } 21443} 21444 21445.page .page-content .product-list-style .product .card:hover .card-title { 21446 opacity: 1; 21447 visibility: visible 21448} 21449 21450.page .page-content .product-list-style .product .card .card-summary { 21451 display: block; 21452 margin-top: 10px; 21453 width: 100%; 21454 line-height: 20px 21455} 21456 21457.page .page-content .product-list-style .product .card-body-inn { 21458 position: relative; 21459 height: 100%; 21460 padding-bottom: 38px; 21461 -ms-flex-pack: start; 21462 justify-content: flex-start; 21463 -ms-flex-align: flex-start; 21464 align-items: flex-start 21465} 21466 21467.page .page-content .product-list-style .product .card-inner { 21468 -ms-flex-wrap: nowrap; 21469 flex-wrap: nowrap; 21470 -webkit-flex-wrap: nowrap; 21471 -ms-flex-flow: row; 21472 flex-flow: row 21473} 21474 21475.page .page-content .product-list-style .product .card-figure { 21476 margin-bottom: 0; 21477 padding: 12px 0 12px 12px; 21478 width: 50% 21479} 21480 21481@media only screen and (max-width:1279px) { 21482 .page .page-content .product-list-style .product .card-figure { 21483 width: 40% 21484 } 21485} 21486 21487.page .page-content .product-list-style .product .card-figure .card-figcaption-body-custom { 21488 top: 24px 21489} 21490 21491.page .page-content .product-list-style .product .card-img-container { 21492 max-width: 100% 21493} 21494 21495.page .page-content .product-list-style .product .card-body { 21496 margin-top: 0 21497} 21498 21499@media only screen and (max-width:1279px) { 21500 .page .page-content .product-list-style .product .card-body { 21501 width: 60% 21502 } 21503} 21504 21505.page .page-content .product-list-style .product .card-body .brand-name { 21506 text-align: left 21507} 21508 21509.page .page-content .product-list-style .product .card-mid-block { 21510 -ms-flex-pack: start; 21511 justify-content: flex-start; 21512 position: static 21513} 21514 21515.page .page-content .product-list-style .product .card-text, 21516.page .page-content .product-list-style .product .card-title { 21517 text-align: left 21518} 21519 21520.page .page-content .product-list-style .product .price-block { 21521 -ms-flex-pack: start; 21522 justify-content: flex-start; 21523 margin: 0 -6px 21524} 21525 21526.page .page-content .product-list-style .product .price-block .price { 21527 font-size: 14px 21528} 21529 21530.page .page-content .product-list-style .product .card-button-block { 21531 top: auto; 21532 transform: none; 21533 bottom: 0; 21534 left: auto; 21535 right: auto 21536} 21537 21538.page .page-content .product-list-style .product .card-button-block .button { 21539 font-size: 14px; 21540 line-height: 20px; 21541 padding: 6px 16px 21542} 21543 21544.page .page-content .product-list-style .product .card-button-block svg { 21545 width: 14px; 21546 height: 17px; 21547 margin-right: 7px 21548} 21549 21550.page .page-content .product-list-style .product .card-button-block span { 21551 margin-top: 4px 21552} 21553
21554.brandGrid .brand { 21555 width: 20%; 21556 margin-bottom: 20px 21557} 21558 21559@media only screen and (max-width:1279px) { 21560 .brandGrid .brand { 21561 width: 25% 21562 } 21563} 21564 21565@media only screen and (max-width:1023px) { 21566 .brandGrid .brand { 21567 width: 33.33% 21568 } 21569} 21570 21571@media only screen and (max-width:579px) { 21572 .brandGrid .brand { 21573 width: 50% 21574 } 21575} 21576 21577.brandGrid .brand .card { 21578 margin-bottom: 0 21579} 21580 21581.brandGrid .brand .card .card-body { 21582 padding-left: 5px; 21583 padding-right: 5px 21584} 21585 21586.brandGrid .brand .card:hover .card-title { 21587 opacity: 1; 21588 visibility: visible 21589} 21590 21591.brand-sidebar .facetedSearch-refineFilters.sidebarBlock { 21592 border-top: 1px solid #dfdfdf 21593} 21594 21595.search-page-sidebar .facetedSearch-refineFilters.sidebarBlock { 21596 border-top: 1px solid #dfdfdf 21597} 21598 21599#search-results-content strong { 21600 margin-right: 10px 21601} 21602 21603#search-results-content p { 21604 margin-top: 10px 21605} 21606 21607.type-search .page-sidebar.u-hiddenVisually+.page-content { 21608 width: 100% 21609} 21610 21611.page-top-bar .page-heading { 21612 font-size: 32px; 21613 line-height: 32px; 21614 text-align: left 21615} 21616 21617@media only screen and (max-width:1023px) { 21618 .page-top-bar .page-heading { 21619 font-size: 24px; 21620 line-height: 24px 21621 } 21622} 21623 21624.productView { 21625 padding-top: 0; 21626 margin: 0 -15px 21627} 21628 21629@media only screen and (max-width:1023px) { 21630 .productView { 21631 margin: 0 21632 } 21633} 21634 21635.productView .alertBox { 21636 margin-left: 15px; 21637 margin-right: 15px 21638} 21639 21640@media only screen and (max-width:1023px) { 21641 .productView .alertBox { 21642 margin-left: 0; 21643 margin-right: 0 21644 } 21645} 21646 21647.productView-details, 21648.productView-images { 21649 padding-left: 15px; 21650 padding-right: 15px 21651} 21652 21653@media only screen and (max-width:1023px) { 21654 .productView-details, 21655 .productView-images { 21656 padding: 0 21657 } 21658} 21659 21660@media only screen and (max-width:1279px) { 21661 .productView-details { 21662 width: 45% 21663 } 21664} 21665 21666@media only screen and (max-width:1023px) { 21667 .productView-details { 21668 width: 100% 21669 } 21670} 21671 21672.productView-images { 21673 display: -ms-flexbox; 21674 display: flex; 21675 -ms-flex-wrap: wrap; 21676 flex-wrap: wrap; 21677 -webkit-flex-wrap: wrap; 21678 -ms-flex-align: flex-start; 21679 align-items: flex-start; 21680 -ms-flex-pack: justify; 21681 justify-content: space-between 21682} 21683 21684@media only screen and (max-width:1279px) { 21685 .productView-images { 21686 width: 55% 21687 } 21688} 21689 21690@media only screen and (max-width:1023px) { 21691 .productView-images { 21692 width: 100% 21693 } 21694} 21695 21696.productView-images .productView-image-main { 21697 display: -ms-flexbox; 21698 display: flex; 21699 -ms-flex-wrap: wrap; 21700 flex-wrap: wrap; 21701 -webkit-flex-wrap: wrap; 21702 width: 85%; 21703 -ms-flex-order: 1; 21704 order: 1; 21705 padding-left: 20px; 21706 padding-right: 20px 21707} 21708 21709.productView-images .productView-image-main.without-pro-img { 21710 padding-left: 0; 21711 padding-right: 0 21712} 21713 21714@media only screen and (max-width:1279px) { 21715 .productView-images .productView-image-main { 21716 width: 80%; 21717 padding-right: 0 21718 } 21719} 21720 21721@media only screen and (max-width:1023px) { 21722 .productView-images .productView-image-main { 21723 width: 100%; 21724 padding-left: 0; 21725 margin-bottom: 20px 21726 } 21727} 21728 21729.productView-images .productView-image-main .usp-section { 21730 margin-top: 20px; 21731 width: 100% 21732} 21733 21734@media only screen and (max-width:1023px) { 21735 .productView-images .productView-image-main .usp-section { 21736 display: none 21737 } 21738} 21739 21740.productView-images .productView-image-main .usp-section.m-b-60 { 21741 margin-bottom: 0; 21742 background: 0 0 21743} 21744 21745.productView-images .productView-image-main .usp-section ul { 21746 -ms-flex-wrap: wrap; 21747 flex-wrap: wrap; 21748 -webkit-flex-wrap: wrap 21749} 21750 21751.productView-images .productView-image-main .usp-section ul li { 21752 width: 50%; 21753 padding: 0; 21754 border: 1px solid #dfdfdf 21755} 21756 21757.productView-images .productView-image-main .usp-section ul li:nth-child(3) { 21758 margin-top: -1px 21759} 21760 21761.productView-images .productView-image-main .usp-section ul li:nth-child(4) {
21762 margin-top: -1px 21763} 21764 21765.productView-images .productView-image-main .usp-section ul li:nth-child(even) { 21766 border-left: 0 21767} 21768 21769.productView-images .productView-image-main .usp-section .usp-block { 21770 padding: 12px; 21771 -ms-flex-pack: start; 21772 justify-content: flex-start 21773} 21774 21775@media only screen and (max-width:1279px) { 21776 .productView-images .productView-image-main .usp-section .usp-block { 21777 -ms-flex-pack: center; 21778 justify-content: center 21779 } 21780} 21781 21782.productView-images .productView-image-main .usp-section .usp-block .usp-detail h5 { 21783 font-size: 15px; 21784 line-height: 20px; 21785 font-weight: 500 21786} 21787 21788.productView-images .fancythumb, 21789.productView-images .fancythumb:hover { 21790 cursor: zoom-in 21791} 21792 21793.productView-images .productView-image { 21794 border: 1px solid #dfdfdf; 21795 width: 100%; 21796 height: auto; 21797 display: -ms-flexbox; 21798 display: flex; 21799 -ms-flex-align: center; 21800 align-items: center; 21801 -ms-flex-pack: center; 21802 justify-content: center; 21803 overflow: hidden 21804} 21805 21806@media screen and (-ms-high-contrast:active), 21807(-ms-high-contrast:none) { 21808 .productView-images .productView-image { 21809 background: 0 0 21810 } 21811} 21812 21813@supports (-ms-ime-align:auto) { 21814 .productView-images .productView-image { 21815 background: 0 0 21816 } 21817} 21818 21819.productView-images .productView-image .productView-image--default-custom { 21820 mix-blend-mode: darken; 21821 max-width: 100%; 21822 max-height: 100%; 21823 width: 100%; 21824 -o-object-fit: contain; 21825 object-fit: contain; 21826 font-family: 'object-fit: contain;' 21827} 21828 21829.productView-images .productView-image .fancythumb { 21830 max-height: 100% 21831} 21832 21833.productView-images .productView-thumbnails { 21834 -ms-flex-order: 0; 21835 order: 0; 21836 width: 15%; 21837 margin: 0 21838} 21839 21840@media only screen and (max-width:1279px) { 21841 .productView-images .productView-thumbnails { 21842 width: 20% 21843 } 21844} 21845 21846@media only screen and (max-width:1023px) { 21847 .productView-images .productView-thumbnails { 21848 -ms-flex-order: 1; 21849 order: 1; 21850 width: 100% 21851 } 21852 .productView-images .productView-thumbnails:before { 21853 display: none 21854 } 21855 .productView-images .productView-thumbnails li { 21856 max-width: 130px; 21857 width: 33.33%; 21858 padding: 0 10px; 21859 float: left; 21860 text-align: center 21861 } 21862} 21863 21864@media only screen and (max-width:1023px) and (max-width:576px) { 21865 .productView-images .productView-thumbnails li { 21866 max-width: 120px 21867 } 21868} 21869 21870@media only screen and (max-width:1023px) and (max-width:479px) { 21871 .productView-images .productView-thumbnails li { 21872 max-width: 99px 21873 } 21874} 21875 21876@media only screen and (max-width:1023px) { 21877 .productView-images .productView-thumbnails.productView-thumbnails-withslider li { 21878 max-width: 100%; 21879 padding: 0 21880 } 21881} 21882 21883.productView-images .productView-thumbnails .slick-list { 21884 margin: 0 21885} 21886 21887@media only screen and (max-width:1023px) { 21888 .productView-images .productView-thumbnails .slick-list { 21889 margin: 0 30px 21890 } 21891} 21892 21893.productView-images .productView-thumbnails .slick-list .slick-slide { 21894 display: none 21895} 21896 21897.productView-images .productView-thumbnails img { 21898 max-width: 100px; 21899 max-height: 120px; 21900 mix-blend-mode: darken 21901} 21902 21903@media only screen and (max-width:767px) { 21904 .productView-images .productView-thumbnails img { 21905 max-width: 80px; 21906 max-height: 80px 21907 } 21908} 21909 21910@media only screen and (max-width:479px) { 21911 .productView-images .productView-thumbnails img { 21912 max-width: 60px; 21913 max-height: 65px 21914 } 21915} 21916 21917.productView-images .productView-thumbnails .slick-slide { 21918 margin-bottom: 13px 21919} 21920 21921@media only screen and (max-width:1023px) { 21922 .productView-images .productView-thumbnails .slick-slide { 21923 text-align: center 21924 } 21925} 21926 21927.productView-images .productView-thumbnails .productView-thumbnail { 21928 padding: 0; 21929 margin-bottom: 13px; 21930 float: none; 21931 width: 100% 21932} 21933 21934.productView-images .productView-thumbnails .slick-arrow { 21935 width: 30px; 21936 height: 30px; 21937 background: #fff; 21938 border: 1px solid #dfdfdf; 21939 top: auto; 21940 bottom: -30px 21941} 21942 21943@media only screen and (max-width:1279px) {
21944 .productView-images .productView-thumbnails .slick-arrow { 21945 bottom: -30px 21946 } 21947} 21948 21949@media only screen and (max-width:1023px) { 21950 .productView-images .productView-thumbnails .slick-arrow { 21951 top: 50%; 21952 margin-top: -23px 21953 } 21954} 21955 21956.productView-images .productView-thumbnails .slick-arrow svg { 21957 fill: #666; 21958 width: 24px; 21959 height: 24px 21960} 21961 21962@media only screen and (min-width:1024px) { 21963 .productView-images .productView-thumbnails .slick-arrow svg { 21964 transform: rotate(90deg) 21965 } 21966} 21967 21968.productView-images .productView-thumbnails .slick-arrow:hover { 21969 background: #020204; 21970 border: 1px solid #020204 21971} 21972 21973.productView-images .productView-thumbnails .slick-arrow:hover svg { 21974 fill: #fff 21975} 21976 21977.productView-images .productView-thumbnails .slick-arrow.slick-next { 21978 right: 4px 21979} 21980 21981@media only screen and (max-width:1919px) { 21982 .productView-images .productView-thumbnails .slick-arrow.slick-next { 21983 right: 1px 21984 } 21985} 21986 21987.productView-images .productView-thumbnails .slick-arrow.slick-prev { 21988 left: 1px 21989} 21990 21991.productView-images .productView-thumbnails.slick-initialized .slick-list .slick-slide { 21992 display: block 21993} 21994 21995.productView-images .productView-thumbnail-link { 21996 max-width: 100px; 21997 height: 90px; 21998 background: #f4f4f4; 21999 border: 1px solid #dfdfdf; 22000 overflow: hidden 22001} 22002 22003@media only screen and (max-width:1279px) { 22004 .productView-images .productView-thumbnail-link { 22005 max-width: 120px 22006 } 22007} 22008 22009@media only screen and (max-width:767px) { 22010 .productView-images .productView-thumbnail-link { 22011 height: 80px 22012 } 22013} 22014 22015@media only screen and (max-width:666px) { 22016 .productView-images .productView-thumbnail-link { 22017 max-width: 100px 22018 } 22019} 22020 22021@media only screen and (max-width:479px) { 22022 .productView-images .productView-thumbnail-link { 22023 max-width: 65px; 22024 height: 62px 22025 } 22026} 22027 22028.productView-images .productView-thumbnail-link.is-active { 22029 border: 1px solid #020204 22030} 22031 22032.productView-title { 22033 font-size: 28px; 22034 font-weight: 500; 22035 margin-top: 0; 22036 margin-bottom: 22px; 22037 line-height: normal 22038} 22039 22040@media only screen and (max-width:767px) { 22041 .productView-title { 22042 font-size: 26px 22043 } 22044} 22045 22046.productView-brand { 22047 margin: -5px 0 4px 0; 22048 line-height: 30px 22049} 22050 22051.productView-brand a { 22052 color: #666 22053} 22054 22055.productView-details { 22056 margin-bottom: 0 22057} 22058 22059.productView-details .price-block { 22060 -ms-flex-pack: justify; 22061 justify-content: space-between; 22062 border-top: 1px solid #dfdfdf; 22063 border-bottom: 1px solid #dfdfdf; 22064 padding-bottom: 12px; 22065 padding-top: 15px; 22066 margin-bottom: 25px 22067} 22068 22069@media only screen and (max-width:767px) { 22070 .productView-details .price-block { 22071 -ms-flex-wrap: wrap; 22072 flex-wrap: wrap; 22073 -webkit-flex-wrap: wrap 22074 } 22075} 22076 22077.productView-details .price-block .productView-price { 22078 display: -ms-flexbox; 22079 display: flex; 22080 -ms-flex-align: flex-end; 22081 align-items: flex-end; 22082 -ms-flex-pack: start; 22083 justify-content: flex-start; 22084 -ms-flex-wrap: wrap; 22085 flex-wrap: wrap; 22086 -webkit-flex-wrap: wrap; 22087 width: 46%; 22088 margin: 0 22089} 22090 22091@media only screen and (max-width:1279px) { 22092 .productView-details .price-block .productView-price { 22093 width: 100%; 22094 -ms-flex-pack: start; 22095 justify-content: flex-start; 22096 -ms-flex-align: center; 22097 align-items: center 22098 } 22099 .productView-details .price-block .productView-price+.price-block-left { 22100 margin-top: 10px 22101 } 22102} 22103 22104.productView-details .price-block .productView-price.call-for-price { 22105 display: none 22106} 22107 22108.productView-details .price-block .price-block-left { 22109 display: -ms-flexbox; 22110 display: flex; 22111 -ms-flex-align: center; 22112 align-items: center; 22113 -ms-flex-pack: end; 22114 justify-content: flex-end; 22115 width: 54% 22116} 22117 22118@media only screen and (max-width:1279px) { 22119 .productView-details .price-block .price-block-left { 22120 -ms-flex-pack: start; 22121 justify-content: flex-start; 22122 width: 100% 22123 } 22124} 22125 22126.productView-details .price-block .price-block-left .instock { 22127 color: #5dcb6c; 22128 font-size: 20px; 22129 font-weight: 500; 22130 margin-right: 20px 22131} 22132 22133@media only screen and (max-width:1023px) { 22134 .productView-details .price-block .price-block-left .instock { 22135 margin-right: 10px 22136 } 22137} 22138 22139.productView-details .price-block .price-block-left .productView-rating .
22139icon { 22140 width: 15px; 22141 height: 15px 22142} 22143 22144@media only screen and (max-width:479px) { 22145 .productView-details .price-block .price-block-left .productView-rating .icon { 22146 width: 12px; 22147 height: 12px 22148 } 22149} 22150 22151.productView-details .price-block .price-block-left .productView-rating .icon svg { 22152 height: 100%; 22153 width: 100% 22154} 22155 22156.productView-details .price-section { 22157 margin: 0; 22158 margin-right: 10px 22159} 22160 22161@media only screen and (max-width:567px) { 22162 .productView-details .price-section { 22163 width: auto 22164 } 22165} 22166 22167.productView-details .price-section .price-now-label { 22168 font-size: 16px; 22169 text-align: left 22170} 22171 22172@media only screen and (max-width:567px) { 22173 .productView-details .price-section .price-now-label { 22174 display: block 22175 } 22176} 22177 22178.productView-details .price { 22179 font-size: 18px 22180} 22181 22182@media only screen and (max-width:1279px) { 22183 .productView-details .price { 22184 font-size: 16px 22185 } 22186} 22187 22188.productView-details .price.price--withTax { 22189 font-size: 24px 22190} 22191 22192@media only screen and (max-width:1279px) { 22193 .productView-details .price.price--withTax { 22194 font-size: 22px 22195 } 22196} 22197 22198@media only screen and (max-width:567px) { 22199 .productView-details .price.price--withTax { 22200 font-size: 20px 22201 } 22202} 22203 22204.productView-details .price.price-section--saving { 22205 font-size: 14px; 22206 margin-right: 0; 22207 margin-top: 5px; 22208 width: 100%; 22209 text-align: left 22210} 22211 22212.productView-details .price.price-section--saving .price { 22213 font-size: 14px; 22214 color: #020204 22215} 22216 22217.productView-reviewLink { 22218 margin-left: 0; 22219 color: #333 22220} 22221 22222@media only screen and (max-width:479px) { 22223 .productView-reviewLink { 22224 font-size: 12px 22225 } 22226} 22227 22228.productView-reviewLink+.productView-reviewLink { 22229 margin-left: 10px; 22230 padding-left: 10px; 22231 border-left: 1px solid #888 22232} 22233 22234.productView-reviewLink+.productView-reviewLink a { 22235 text-decoration: underline 22236} 22237 22238@media only screen and (max-width:567px) { 22239 .productView-reviewLink+.productView-reviewLink { 22240 display: inline-block 22241 } 22242} 22243 22244.productView-info-name, 22245.productView-info-value { 22246 font-size: 15px; 22247 padding: 8px 0 22248} 22249 22250@media only screen and (max-width:567px) { 22251 .productView-info-name, 22252 .productView-info-value { 22253 padding: 6px 0 22254 } 22255} 22256 22257.productView-info-name { 22258 color: #333; 22259 font-weight: 500; 22260 float: left; 22261 min-width: 192px; 22262 padding-right: 15px; 22263 margin: 0 22264} 22265 22266@media only screen and (max-width:567px) { 22267 .productView-info-name { 22268 float: none; 22269 padding-right: 0 22270 } 22271} 22272 22273.productView-info-value { 22274 color: #666; 22275 margin-bottom: 0 22276} 22277 22278@media only screen and (max-width:567px) { 22279 .productView-info-value { 22280 font-size: 14px 22281 } 22282} 22283 22284.productView-info-value a { 22285 font-style: italic; 22286 text-decoration: underline 22287} 22288 22289.productView-info>:first-child { 22290 margin: 0 22291} 22292 22293.productView-product { 22294 border: 0; 22295 padding: 0; 22296 border-bottom: 1px solid #dfdfdf; 22297 padding-bottom: 20px; 22298 margin-bottom: 20px 22299} 22300 22301@media only screen and (max-width:567px) { 22302 .productView-options { 22303 text-align: left 22304 } 22305} 22306 22307.productView-options .alertBox { 22308 margin-left: 0; 22309 margin-right: 0; 22310 margin-bottom: 20px 22311} 22312 22313.productView-options .form-input[type=number] { 22314 padding-right: 15px 22315} 22316 22317.productView-options .form-label--alternate { 22318 font-size: 15px; 22319 color: #333; 22320 font-weight: 500 22321} 22322 22323.productView-options .form-field { 22324 margin-bottom: 19px 22325} 22326 22327@media only screen and (max-width:567px) { 22328 .productView-options .form-field { 22329 margin-bottom: 15px 22330 } 22331} 22332 22333.productView-options .form-field textarea { 22334 resize: none 22335} 22336 22337.productView-options .form-fileDescription { 22338 margin-bottom: 0 22339} 22340 22341.productView-options .form-option-variant--color { 22342 min-width: 34px; 22343 height: 34px; 22344 line-height: 34px 22345} 22346 22347.productView-options [data-product-attribute=set-rectangle] .form-option { 22348 padding: 0 22349} 22350 22351.productView-options [data-product-attribute=set-rectangle] .form-radio:checked+.form-option { 22352 border-color: #333; 22353 box-shadow: none; 22354 background: #333; 22355 color: #fff 22356} 22357 22358.productView-options [data-product-attribute=set-rectangle] .form-option-variant { 22359 min-width: 34px; 22360 height: 34px; 22361 line-height: 34px 22362} 22363 22364.productView-options .form-radio:checked+.form-option-swatch { 22365 box-shadow: none 22366} 22367 22368.productView-options .form-radio:checked+.form-label:before { 22369 border-color: #020204 22370} 22371 22372.productView-options .form-checkbox+.form-label:before { 22373 border-radius: 0 22374} 22375 22376.productView-options input[type=file] { 22377 font-size: 15px 22378} 22379 22380@media only screen and (max-width:567px) { 22381 .productView-options input[type=file] { 22382 font-size: 13px 22383 } 22384} 22385 22386.productView-options .form-checkbox+.form-label, 22387.productView-options .form-radio+.form-label { 22388 font-size: 15px 22389} 22390 22391@media only screen and (max-width:567px) { 22392 .productView-options .form-checkbox+.form-label, 22393 .productView-options .form-radio+.form-label { 22394 margin-left: 0 !important; 22395 display: block !important; 22396 font-size: 14px 22397 } 22398} 22399 22400.productView-options .productOptions-list li { 22401 display: -ms-flexbox; 22402 display: flex; 22403 -ms-flex-align: center;
22404 align-items: center; 22405 -ms-flex-pack: start; 22406 justify-content: flex-start; 22407 padding: 10px; 22408 margin-bottom: 0 22409} 22410 22411.productView-options .productOptions-list li .productOptions-list-item-content, 22412.productView-options .productOptions-list li .productOptions-list-item-figure { 22413 display: block 22414} 22415 22416.productView-options .productOptions-list li .productOptions-list-item-figure { 22417 margin: 0; 22418 max-width: 60px; 22419 width: 100%; 22420 padding: 5px 22421} 22422 22423.productView-options .form-field--stock .form-label { 22424 margin-bottom: 0 22425} 22426 22427.productView-options .form-field--increments { 22428 display: inline-block; 22429 vertical-align: middle; 22430 margin-bottom: 0; 22431 margin-right: 17px 22432} 22433 22434@media only screen and (max-width:1279px) { 22435 .productView-options .form-field--increments { 22436 margin-right: 13px 22437 } 22438} 22439 22440@media only screen and (max-width:567px) { 22441 .productView-options .form-field--increments { 22442 margin-right: 5px 22443 } 22444} 22445 22446.productView-options .form-increment .form-input--incrementTotal { 22447 float: left; 22448 height: 50px; 22449 width: 50px !important; 22450 font-size: 14px; 22451 text-align: center; 22452 border: 1px solid #dfdfdf; 22453 border-radius: 0; 22454 font-weight: 300; 22455 padding: 5px 22456} 22457 22458@media only screen and (max-width:567px) { 22459 .productView-options .form-increment .form-input--incrementTotal { 22460 height: 40px; 22461 width: 40px !important 22462 } 22463} 22464 22465.productView-options .form-increment .button { 22466 display: block; 22467 border: none; 22468 padding: 0; 22469 background: 0 0; 22470 font-size: 10px 22471} 22472 22473.productView-options .form-increment .button i { 22474 line-height: 25px; 22475 text-align: center; 22476 width: 23px; 22477 height: 25px; 22478 display: block; 22479 border: 1px solid #dfdfdf; 22480 cursor: pointer; 22481 border-radius: 0; 22482 border-left: none 22483} 22484 22485@media only screen and (max-width:567px) { 22486 .productView-options .form-increment .button i { 22487 width: 20px; 22488 height: 20px; 22489 line-height: 20px 22490 } 22491} 22492 22493.productView-options .form-increment .button+.button i { 22494 border-top: 0 22495} 22496 22497.productView-options .form-increment .button:hover { 22498 background: #4b5061 22499} 22500 22501.productView-options .form-increment .button:hover i svg { 22502 fill: #fff 22503} 22504 22505.productView-options .form-action { 22506 margin: 0; 22507 vertical-align: top; 22508 display: inline-block 22509} 22510 22511@media only screen and (max-width:1023px) { 22512 .productView-options .form-action { 22513 float: none; 22514 padding: 0; 22515 width: auto 22516 } 22517} 22518 22519.productView-options .form-action .button { 22520 padding: 17px 33px; 22521 line-height: 14px; 22522 font-weight: 500; 22523 text-transform: uppercase; 22524 margin: 0; 22525 border-radius: 0; 22526 font-size: 16px 22527} 22528 22529@media only screen and (max-width:567px) { 22530 .productView-options .form-action .button { 22531 padding: 12px; 22532 font-size: 12px 22533 } 22534} 22535 22536.productView-options .form-action+.productView-compare { 22537 margin-left: 17px; 22538 margin-right: 17px 22539} 22540 22541@media only screen and (max-width:1279px) { 22542 .productView-options .form-action+.productView-compare { 22543 margin-left: 13px; 22544 margin-right: 13px 22545 } 22546} 22547 22548@media only screen and (max-width:567px) { 22549 .productView-options .form-action+.productView-compare { 22550 margin-left: 5px; 22551 margin-right: 5px 22552 } 22553} 22554 22555.productView-options .form-wishlist, 22556.productView-options .productView-compare { 22557 display: inline-block; 22558 vertical-align: top 22559} 22560 22561@media only screen and (max-width:1023px) { 22562 .productView-options .form-wishlist, 22563 .productView-options .productView-compare { 22564 width: auto 22565 } 22566} 22567 22568.productView-options .form-wishlist .compare, 22569.productView-options .form-wishlist .dropdown-menu-button, 22570.productView-options .productView-compare .compare, 22571.productView-options .productView-compare .dropdown-menu-button { 22572 padding: 16px 15px; 22573 line-height: 11px; 22574 background: 0 0; 22575 border: 1px solid #dfdfdf; 22576 width: auto; 22577 border-radius: 0; 22578 margin-bottom: 0 22579} 22580 22581@media only screen and (max-width:567px) { 22582 .productView-options .form-wishlist .compare, 22583 .productView-options .form-wishlist .dropdown-menu-button, 22584 .productView-options .productView-compare .compare, 22585 .productView-options .productView-compare .dropdown-menu-button { 22586 padding: 11px 9px 22587 } 22588} 22589 22590.productView-options .form-wishlist .compare i, 22591.productView-options .form-wishlist .dropdown-menu-button i, 22592.productView-options .productView-compare .compare i, 22593.productView-options .productView-compare .dropdown-menu-button i { 22594 margin: 0 22595} 22596 22597.productView-options .form-wishlist .compare i svg, 22598.productView-options .form-wishlist .dropdown-menu-button i svg, 22599.productView-options .productView-compare .compare i svg, 22600.productView-options .productView-compare .dropdown-menu-button i svg { 22601 fill: #020204 22602} 22603 22604.productView-options .form-wishlist .compare:hover, 22605.productView-options .form-wishlist .dropdown-menu-button:hover, 22606.productView-options .productView-compare .compare:hover, 22607.productView-options .productView-compare .dropdown-menu-button:hover { 22608 background: #020204; 22609 border-color: #020204 22610} 22611 22612.productView-options .form-wishlist .compare:hover i svg, 22613.productView-options .form-wishlist .dropdown-menu-button:hover i svg, 22614.productView-options .productView-compare .compare:hover i svg, 22615.productView-options .productView-compare .dropdown-menu-button:hover i svg { 22616 fill: #fff 22617} 22618 22619.wishlist-popup .wishlist_dropdownbox { 22620 text-align: center 22621} 22622 22623.wishlist-popup .wishlist_dropdownbox .wishlistid { 22624 padding: 2px 5px 22625} 22626 22627.wishlist-popup .wishlist_dropdownbox .wishlistid+.wishlistid { 22628 margin-left: 10px 22629} 22630 22631.wishlist-popup .wishlist_dropdownbox input[type=radio] { 22632 border: 1px solid #000 !important; 22633 background: #f2f 22634} 22635 22636.wishlist-popup .wishlist_dropdownbox label { 22637 display: inline-block; 22638 vertical-align: middle; 22639 text-transform: capitalize 22640} 22641 22642.wishlist-popup .wishlist_dropdownbox label+.wishlistid { 22643 margin-left: 10px 22644} 22645 22646.wishlist-popup .wishlist_dropdownbox .button { 22647 margin-bottom: 0; 22648 display: inline-block; 22649 vertical-align: middle; 22650 margin: 0 auto; 22651 margin-top: 20px 22652} 22653 22654.wishlist-popup .wishlist_dropdownbox .button+.button { 22655 margin-left: 16px 22656} 22657 22658.share-block { 22659 display: -ms-flexbox; 22660 display: flex; 22661 -ms-flex-align: flex-start;
22662 align-items: flex-start; 22663 -ms-flex-pack: start; 22664 justify-content: flex-start; 22665 margin-top: 30px 22666} 22667 22668@media only screen and (max-width:567px) { 22669 .share-block { 22670 -ms-flex-wrap: wrap; 22671 flex-wrap: wrap; 22672 -webkit-flex-wrap: wrap 22673 } 22674} 22675 22676.share-block .form-label--alternate { 22677 margin-right: 8px; 22678 margin-bottom: 0; 22679 margin-top: 5px; 22680 min-width: 70px 22681} 22682 22683@media only screen and (max-width:567px) { 22684 .share-block .form-label--alternate { 22685 margin-right: 0; 22686 margin-bottom: 10px; 22687 margin-top: 0 22688 } 22689} 22690 22691@media only screen and (max-width:567px) { 22692 .share-block { 22693 margin-top: 20px 22694 } 22695} 22696 22697.productView-description { 22698 width: 100%; 22699 margin-top: 25px 22700} 22701 22702@media only screen and (max-width:1023px) { 22703 .productView-description { 22704 padding: 0 22705 } 22706} 22707 22708.productView-description .toggle-title .toggleLink { 22709 float: none 22710} 22711 22712.productView-description-inn { 22713 border: 1px solid #dfdfdf; 22714 border-bottom: 0 22715} 22716 22717.productView-description-inn .toggle { 22718 border: 0; 22719 margin: 0 22720} 22721 22722.productView-description-inn .toggle-title { 22723 margin: 0; 22724 border-bottom: 1px solid #dfdfdf 22725} 22726 22727.productView-description-inn .toggle-title a { 22728 color: #2e3344; 22729 font-size: 16px; 22730 padding: 15px 40px; 22731 font-weight: 400; 22732 line-height: 20px; 22733 position: relative; 22734 display: -ms-flexbox; 22735 display: flex; 22736 -ms-flex-align: center; 22737 align-items: center; 22738 -ms-flex-pack: start; 22739 justify-content: flex-start; 22740 padding-left: 70px 22741} 22742 22743@media only screen and (max-width:1023px) { 22744 .productView-description-inn .toggle-title a { 22745 padding: 13px 25px; 22746 padding-left: 45px 22747 } 22748} 22749 22750@media only screen and (max-width:767px) { 22751 .productView-description-inn .toggle-title a { 22752 padding: 13px 20px; 22753 padding-left: 40px 22754 } 22755} 22756 22757@media only screen and (max-width:567px) { 22758 .productView-description-inn .toggle-title a { 22759 padding: 13px 18px; 22760 padding-left: 40px 22761 } 22762} 22763 22764.productView-description-inn .toggle-title a.is-open { 22765 background: #f5f5f5 22766} 22767 22768.productView-description-inn .toggle-title a.is-open svg.toggle-down-arrow { 22769 transform: rotate(180deg) 22770} 22771 22772.productView-description-inn .toggle-title a .icon--name { 22773 width: 20px; 22774 height: 20px; 22775 margin-right: 10px; 22776 position: absolute; 22777 left: 40px; 22778 top: 15px; 22779 fill: #2e3344 22780} 22781 22782@media only screen and (max-width:1023px) { 22783 .productView-description-inn .toggle-title a .icon--name { 22784 left: 20px; 22785 width: 18px; 22786 height: 18px; 22787 top: 14px 22788 } 22789} 22790 22791@media only screen and (max-width:767px) { 22792 .productView-description-inn .toggle-title a .icon--name { 22793 left: 15px 22794 } 22795} 22796 22797@media only screen and (max-width:479px) { 22798 .productView-description-inn .toggle-title a .icon--name { 22799 top: 13px 22800 } 22801} 22802 22803.productView-description-inn .toggle-title a svg.toggle-down-arrow { 22804 width: 25px; 22805 height: 25px; 22806 position: absolute; 22807 right: 23px; 22808 top: 50%; 22809 margin-top: -12px; 22810 fill: #888 22811} 22812 22813@media only screen and (max-width:567px) { 22814 .productView-description-inn .toggle-title a svg.toggle-down-arrow { 22815 right: 15px 22816 } 22817} 22818 22819.productView-description-inn .toggle-content { 22820 padding: 35px 40px; 22821 transition: all .5s ease-in-out 22822} 22823 22824@media only screen and (max-width:1023px) { 22825 .productView-description-inn .toggle-content { 22826 padding: 20px 25px 22827 } 22828} 22829 22830@media only screen and (max-width:479px) { 22831 .productView-description-inn .toggle-content { 22832 padding: 15px 20px 22833 } 22834} 22835 22836.productView-description-inn .toggle-content p { 22837 margin: 0; 22838 font-size: 14px; 22839 line-height: 24px; 22840 color: #020204; 22841 font-weight: 400 22842} 22843 22844.productView-description-inn .toggle-content p+p { 22845 margin-top: 20px 22846} 22847 22848.productView-description-inn .toggle-content p+ul { 22849 margin-top: 10px 22850} 22851 22852.productView-description-inn .toggle-content ul { 22853 margin-bottom: 10px 22854} 22855 22856.productView-description-inn .toggle-content ul li { 22857 margin: 0; 22858 font-size: 14px; 22859 line-height: 20px; 22860 color: #020204; 22861 font-weight: 400; 22862 position: relative; 22863 padding-left: 20px; 22864 margin-bottom: 20px 22865} 22866 22867@media only screen and (max-width:1023px) { 22868 .productView-description-inn .toggle-content ul li { 22869 margin-bottom: 15px 22870 } 22871} 22872 22873.productView-description-inn .toggle-content ul li:before { 22874 content: ""; 22875 position: absolute; 22876 width: 10px; 22877 height: 7px; 22878 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/product-description-arrow.svg); 22879 background-size: 100%; 22880 left: 0; 22881 top: 5px 22882} 22883 22884.productView-description-inn .toggle-content ul li a { 22885 font-weight: 500 22886} 22887 22888.productView-description-inn .toggle-content .productReviews-list li:before { 22889 display: none 22890} 22891 22892.productView-description-inn .toggle-content .productReview-title { 22893 font-weight: 500 22894} 22895 22896.productView-description-inn .toggle-content .productReview-rating { 22897 display: block 22898} 22899 22900.productView-description-inn .toggle-content.is-open { 22901 border-bottom: 1px solid #dfdfdf 22902} 22903 22904.productView-description-inn .toggle-content .videoGallery-section { 22905 display: -ms-flexbox; 22906 display: flex; 22907 -ms-flex-align: flex-start;
22908 align-items: flex-start; 22909 -ms-flex-pack: center; 22910 justify-content: center; 22911 margin: 0 -15px 22912} 22913 22914@media only screen and (max-width:1023px) { 22915 .productView-description-inn .toggle-content .videoGallery-section { 22916 -ms-flex-wrap: wrap; 22917 flex-wrap: wrap; 22918 -webkit-flex-wrap: wrap; 22919 margin: 0 22920 } 22921} 22922 22923.productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn { 22924 width: 60%; 22925 padding-left: 15px; 22926 padding-right: 15px 22927} 22928 22929@media only screen and (max-width:1023px) { 22930 .productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn { 22931 width: 100%; 22932 padding-right: 0; 22933 padding-left: 0 22934 } 22935} 22936 22937.productView-description-inn .toggle-content .videoGallery-list { 22938 width: 40%; 22939 margin: 0; 22940 padding-left: 15px; 22941 padding-right: 15px 22942} 22943 22944@media only screen and (max-width:1023px) { 22945 .productView-description-inn .toggle-content .videoGallery-list { 22946 width: 100%; 22947 padding-right: 0; 22948 padding-left: 0 22949 } 22950} 22951 22952.productView-description-inn .toggle-content .videoGallery-item { 22953 width: 100%; 22954 padding: 0 22955} 22956 22957.productView-description-inn .toggle-content .videoGallery-item:before { 22958 display: none 22959} 22960 22961.productView-description-inn .toggle-content#productReviews-content ul { 22962 text-align: left 22963} 22964 22965.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item { 22966 padding-left: 0; 22967 margin-bottom: 0 22968} 22969 22970.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item .pagination-link { 22971 display: -ms-flexbox; 22972 display: flex; 22973 -ms-flex-align: center; 22974 align-items: center; 22975 -ms-flex-pack: center; 22976 justify-content: center 22977} 22978 22979.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item+li { 22980 margin-left: 5px 22981} 22982 22983.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item:before { 22984 display: none 22985} 22986 22987@media only screen and (max-width:567px) { 22988 .related-product.m-t-50 { 22989 margin-top: 30px 22990 } 22991} 22992 22993.related-product+.customer-view-product.m-t-50 { 22994 margin-top: 10px 22995} 22996 22997.previewCart .productView-image { 22998 background: #f4f4f4; 22999 border: 1px solid #dfdfdf 23000} 23001 23002.previewCart .productView-image .productView-img-container { 23003 display: -ms-flexbox; 23004 display: flex; 23005 -ms-flex-align: center; 23006 align-items: center; 23007 -ms-flex-pack: center; 23008 justify-content: center; 23009 width: 100% 23010} 23011 23012.previewCart .productView-image .productView-image--cart { 23013 mix-blend-mode: darken 23014} 23015 23016.previewCart .previewCartCheckout-price { 23017 color: #333 23018} 23019 23020.previewCart .productView-details { 23021 padding-left: 20px 23022} 23023 23024@media only screen and (max-width:1023px) { 23025 .previewCart .productView-details { 23026 padding-left: 0 23027 } 23028} 23029 23030@media only screen and (max-width:1279px) { 23031 .previewCart .previewCartCheckout { 23032 width: 30% 23033 } 23034} 23035 23036@media only screen and (max-width:1023px) { 23037 .previewCart .previewCartCheckout { 23038 width: 100% 23039 } 23040} 23041 23042.previewCart .previewCartCheckout .button { 23043 padding-left: 10px; 23044 padding-right: 10px 23045} 23046 23047@media only screen and (max-width:1023px) { 23048 .previewCart .productView-title { 23049 margin-top: 10px 23050 } 23051} 23052 23053@media only screen and (max-width:1279px) { 23054 .previewCart .productView { 23055 width: 70% 23056 } 23057} 23058 23059@media only screen and (max-width:1023px) { 23060 .previewCart .productView { 23061 display: none 23062 } 23063} 23064 23065#CartEditProductFieldsForm { 23066 overflow: hidden 23067} 23068 23069.writeReview-productImage-container { 23070 background: #f4f4f4; 23071 border: 1px solid #dfdfdf; 23072 overflow: hidden; 23073 max-height: 380px 23074} 23075 23076.writeReview-productImage-container img { 23077 mix-blend-mode: darken 23078} 23079 23080@media only screen and (max-width:1023px) { 23081 .writeReview-productDetails { 23082 display: none 23083 } 23084} 23085 23086.writeReview-productDetails .product-brand { 23087 margin-top: 20px 23088} 23089 23090.writeReview-productDetails .product-title { 23091 margin-top: 20px 23092} 23093 23094.productView--quickView .productView-details .price-block .productView-price { 23095 width: 100%; 23096 margin-bottom: 5px 23097} 23098 23099.productView--quickView .productView-details .price-block .productView-price.call-for-price { 23100 display: none 23101} 23102 23103.productView--quickView .productView-details .price-block .price-block-left { 23104 width: 100%; 23105 -ms-flex-pack: start; 23106 justify-content: flex-start 23107} 23108
23109.productView--quickView .productView-images .productView-thumbnails img { 23110 max-width: 85px; 23111 max-height: 105px 23112} 23113 23114.productView--quickView .productView-images .productView-thumbnail-link { 23115 height: 105px 23116} 23117 23118.form-select--date { 23119 width: auto 23120} 23121 23122.modal-body.quickView { 23123 position: relative 23124} 23125 23126.cart-header .cart-header-item { 23127 color: #020204; 23128 font-weight: 500; 23129 padding: 15px 10px; 23130 font-size: 16px 23131} 23132 23133.cart-list { 23134 border-color: 1px solid #dfdfdf 23135} 23136 23137@media only screen and (max-width:1023px) { 23138 .cart-list { 23139 border-top: 0 23140 } 23141} 23142 23143.cart-list .form-increment .form-input--incrementTotal { 23144 height: 50px; 23145 width: 50px !important; 23146 font-size: 14px; 23147 text-align: center; 23148 border: 1px solid #dfdfdf; 23149 border-radius: 0; 23150 font-weight: 300; 23151 padding: 5px; 23152 float: left 23153} 23154 23155.cart-list .form-increment .button { 23156 display: block; 23157 border: none; 23158 padding: 0; 23159 background: 0 0; 23160 font-size: 10px 23161} 23162 23163.cart-list .form-increment .button i { 23164 line-height: 25px; 23165 text-align: center; 23166 width: 23px; 23167 height: 25px; 23168 display: block; 23169 border: 1px solid #dfdfdf; 23170 cursor: pointer; 23171 border-radius: 0; 23172 border-left: none 23173} 23174 23175.cart-list .form-increment .button+.button i { 23176 border-top: 0 23177} 23178 23179.cart-list .form-increment .button:hover { 23180 background: #4b5061 23181} 23182 23183.cart-list .form-increment .button:hover i svg { 23184 fill: #fff 23185} 23186 23187.cart-item-figure:after { 23188 display: none 23189} 23190 23191.cart-item-figure .cart-item-fixed-image, 23192.cart-item-figure .cart-item-image-1 { 23193 max-width: 90px; 23194 max-height: 90px 23195} 23196 23197.cart-item-name a { 23198 color: #020204; 23199 font-weight: 500 23200} 23201 23202.cart-item-name a:hover { 23203 color: #666 23204} 23205 23206.cart-item-option-title { 23207 color: #020204; 23208 font-weight: 500 23209} 23210 23211.cart-item-value, 23212.cart-total-label { 23213 color: #020204; 23214 font-size: 16px 23215} 23216 23217.cart-item-value { 23218 font-weight: 500 23219} 23220 23221.cart-remove { 23222 width: 20px; 23223 height: 20px; 23224 display: -ms-flexbox; 23225 display: flex; 23226 -ms-flex-align: center; 23227 align-items: center; 23228 -ms-flex-pack: center; 23229 justify-content: center; 23230 padding: 6px 23231} 23232 23233.cart-remove>svg { 23234 fill: #020204 23235} 23236 23237.cart-remove:hover { 23238 background: #020204 23239} 23240 23241.cart-remove:hover svg { 23242 fill: #fff 23243} 23244 23245@media only screen and (max-width:1023px) { 23246 .cart-item-info+.cart-item-info { 23247 margin-top: 0 23248 } 23249} 23250 23251@media only screen and (max-width:567px) { 23252 .cart-item-info { 23253 margin-bottom: 10px 23254 } 23255} 23256 23257.cart-item-info p { 23258 display: inline-block; 23259 vertical-align: middle; 23260 margin-bottom: 0 23261} 23262 23263@media only screen and (max-width:567px) { 23264 .cart-item-info p { 23265 margin-left: 23px 23266 } 23267} 23268 23269@media only screen and (max-width:666px) { 23270 .cart-item-info .cart-remove { 23271 margin-left: 3px 23272 } 23273} 23274 23275@media only screen and (max-width:479px) { 23276 .estimator-form .button--primary { 23277 padding-left: 15px; 23278 padding-right: 15px 23279 } 23280} 23281 23282@media only screen and (max-width:479px) { 23283 .cart-gift-certificate-form .button, 23284 .coupon-form .button { 23285 width: 100%; 23286 margin-left: 0; 23287 margin-top: 10px 23288 } 23289} 23290 23291@media only screen and (max-width:479px) { 23292 .cart-gift-certificate-form .form-input, 23293 .coupon-form .form-input { 23294 width: 100% 23295 } 23296} 23297 23298.cart-total { 23299 margin-bottom: 0; 23300 padding: 0 10px 23301} 23302 23303.cart-total+.cart-total { 23304 border-top: 1px solid #dfdfdf 23305} 23306 23307.cart-total .cart-total-label, 23308.cart-total .cart-total-value { 23309 padding: 15px 0; 23310 width: 50% 23311} 23312 23313@media only screen and (max-width:1023px) { 23314 .cart-total .cart-total-label { 23315 text-align: left 23316 } 23317} 23318 23319@media only screen and (max-width:567px) { 23320 .cart-total .cart-total-value { 23321 text-align: right 23322 } 23323} 23324 23325.cart-total .form-input, 23326.cart-total .form-select { 23327 height: auto; 23328 background-position: right 5px top 12px; 23329 background-size: 20px; 23330 padding: 12px 30px 12px 15px; 23331 line-height: 18px 23332} 23333 23334@media only screen and (max-width:767px) { 23335 .cart-total .form-input, 23336 .cart-total .form-select {
23337 padding: 9px 30px 9px 10px; 23338 background-position: right 5px top 8px 23339 } 23340} 23341 23342.cart-total-grandTotal { 23343 font-weight: 500 23344} 23345 23346.coupon-code-add, 23347.coupon-code-cancel, 23348.gift-certificate-add, 23349.gift-certificate-cancel, 23350.shipping-estimate-hide, 23351.shipping-estimate-show { 23352 font-style: italic 23353} 23354 23355.cart-additionalCheckoutButtons .apple-pay-checkout-button { 23356 margin-top: 20px 23357} 23358</style>
23359<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>
vendor: 2 bytes, line 23359
23359
23360<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>
vendor: 2 bytes, line 23360
23360
23361<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"9ca6ac1ed69d4d759cff51e1108d177c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 23361
23361
23362<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"42e32fdb450741fb98c3a8868c8f7d58","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 23362
23362
23363<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5dfe5166ed804512831d8b0db0df0ba7","r":1,"spa":2}' crossorigin="anonymous"></script>
23363 23364</body> 23365 23366</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.