





<!DOCTYPE html>
<html class="no-js" lang="id"><head>
<meta charset="utf-8" />
    <title>VIO77: Mengenal Lebih Dekat Tentang Pasar Petani Bawang Lokal</title>

    <meta name="description"
        content="Jangan kaget VIO77 sudah mengenal lebih dekat tentang banyaknya pasar petani bawang lokal yang sudah bisa mengekspor hingga negara tetangga dengan sangat pesat.">

    <meta name="keywords"
        content="VIO77, VIO77 login, alternatif VIO77, qris VIO77">

    <meta name="robots" content="index, follow">
    <meta name="author" content="VIO77">

    <link rel="canonical" href="https://www.perennialpals.com/">
    <link rel="amphtml" href="https://aduhai-perennialpals.pages.dev/">
<link rel="alternate" hreflang="id-id" href="https://aduhai-perennialpals.pages.dev/" />
<link rel="alternate" hreflang="id" href="https://aduhai-perennialpals.pages.dev/" />
<link rel="alternate" href="https://aduhai-perennialpals.pages.dev/" />
<link rel="alternate" hreflang="en" href="https://aduhai-perennialpals.pages.dev/" />
<link rel="alternate" hreflang="x-default" href="https://aduhai-perennialpals.pages.dev/" />

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Open Graph -->
    <meta property="og:type" content="product">
    <meta property="og:site_name" content="VIO77">
    <meta property="og:locale" content="id_ID">
    <meta property="og:title" content="VIO77: Mengenal Lebih Dekat Tentang Pasar Petani Bawang Lokal">
    <meta property="og:description"
        content="Jangan kaget VIO77 sudah mengenal lebih dekat tentang banyaknya pasar petani bawang lokal yang sudah bisa mengekspor hingga negara tetangga dengan sangat pesat.">
    <meta property="og:url" content="https://www.perennialpals.com/">
    <meta property="og:image" content="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png">

    <!-- Product -->
    <meta property="product:price:amount" content="1.000">
    <meta property="product:price:currency" content="IDR">
    <meta property="product:availability" content="out of stock">

    <!-- Favicon -->
    <link rel="icon" href="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/favicon-vio77-aset2.png">

    <!-- Fonts & CSS -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet">

    
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://www.perennialpals.com/#organization",
  "name": "VIO77",
  "url": "https://www.perennialpals.com/",
  "logo": {
    "@type": "ImageObject",
    "url": "https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/favicon-vio77-aset2.png",
    "width": 512,
    "height": 512
  },
  "description": "Jangan kaget VIO77 sudah mengenal lebih dekat tentang banyaknya pasar petani bawang lokal yang sudah bisa mengekspor hingga negara tetangga dengan sangat pesat.",
  "sameAs": [
    "https://www.perennialpals.com/"
  ],
  "inLanguage": "id-ID",
  "foundingDate": "2026",
  "areaServed": "ID",
  "knowsLanguage": "id"
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "@id": "https://www.perennialpals.com/#webpage",
  "url": "https://www.perennialpals.com/",
  "name": "VIO77: Mengenal Lebih Dekat Tentang Pasar Petani Bawang Lokal",
  "description": "Jangan kaget VIO77 sudah mengenal lebih dekat tentang banyaknya pasar petani bawang lokal yang sudah bisa mengekspor hingga negara tetangga dengan sangat pesat.",
  "isPartOf": {
    "@id": "https://www.perennialpals.com/#website"
  },
  "inLanguage": "id-ID"
}
</script>
        <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "VIO77: Mengenal Lebih Dekat Tentang Pasar Petani Bawang Lokal",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "126"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Tina."
      },
      "reviewBody": "VIO77 Permainan mempunyai Event-event dalam game menarik dan hadiahnya bikin semangat untuk terus main.",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      }
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Jaka B."
      },
      "reviewBody": "VIO77 Game online Secara keseluruhan, game ini layak dimainkan. Seru, stabil, dan sangat direkomendasikan untuk semua kalangan gamer.",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "4",
        "bestRating": "5"
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu VIO77?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "VIO77 adalah Permainan Game platform hiburan online yang menyediakan sejuta permainan benefit dalam satu tempat, Permainannya mudah dipahami tapi tetap menantang, Cocok untuk pemain pemula maupun yang sudah berpengalaman."
      }
    },
    {
      "@type": "Question",
      "name": "VIO77 tersedia game benefit apa saya dalam satu platform 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "VIO77 tersedia berbagai jenis game yang sangat menarik dan modern 2026 yang telah di pilih dari sisi provider terpercaya untuk memberikan hiburan maksimal bagi pemula maupun yang sudah berpengalaman."
      }
    },
    {
      "@type": "Question",
      "name": "VIO77 apakah ada Event-event?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, tentu saja ada, VIO77 menghadirkan berbagai Jenis Event-event dan promo menarik yang dapat dinikmati oleh pengguna sesuai ketentuan yang berlaku."
      }
    }
  ]
}
</script>

<script type="text/javascript" async="true" src="https://omnisnippet1.com/monitoring/monitoring.js?v=2026-02-07T00"></script></head>


<body class="type-product">
    <svg data-src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/favicon-vio77-aset2.png"
        class="icons-svg-sprite"></svg>
    <header class="header" sticky="true" role="banner">
        <div class="header-main">
            <div class="container">
                <div class="header-inner">
                    <div class="header-left">
                        <div class="desktop_mobile_menu">
                            <a class="control-otherlinks" href="https://www.perennialpals.com/">
                                <span class="otherlinks-line-1"></span>
                                <span class="otherlinks-line-2"></span>
                                <span class="otherlinks-line-3"></span>
                                <span class="otherlinks-line-4"></span>
                            </a>
                        </div>
                        <div class="logo-block">
                            <div class="header-logo header-logo--center">
                                <a href="https://www.perennialpals.com/">
                                    <div class="header-logo-image-container-custom">
                                        <img class="header-logo-image-custom"
                                            src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/logo-vio77-aset2.gif"
                                            alt="VIO77" title="VIO77">
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="header-center">
                        <div class="navigation-menu" data-menu>
                            <nav class="navPages">
                                <ul class="navPages-list sf-menu" data-speed="0.8">
                                    <li class="navPages-item">
                                        <a class="navPages-action needsclick" href="https://www.perennialpals.com/">VIO77 <svg>
                                                <use></use>
                                            </svg></a>
                                        <ul>
                                            <li class="navPages-item  nav-arrow-roted">
                                                <!-- SECOND LEVEL STARTS -->
                                                <a class="navPages-action" href="https://aduhai-perennialpals.pages.dev/">
                                                    <span class="nav-arrow"><svg class="">
                                                            <use></use></svg></span>VIO77 Game Benefit 2026</a>
                                                <!-- SECOND LEVEL ENDS -->
                                            </li>
                                            <li class="navPages-item  nav-arrow-roted">
                                                <!-- SECOND LEVEL STARTS -->
                                                <a class="navPages-action" href="https://aduhai-perennialpals.pages.dev/">
                                                    <span class="nav-arrow"><svg class="">
                                                            <use></use></svg></span>Game Online VIO77</a>
                                                <!-- SECOND LEVEL ENDS -->
                                            </li>
                                            <li class="navPages-item  nav-arrow-roted">
                                                <!-- SECOND LEVEL STARTS -->
                                                <a class="navPages-action" href="https://www.perennialpals.com/">
                                                    <span class="nav-arrow"><svg class="">
                                                            <use></use></svg></span>Qris VIO77</a>
                                                <!-- SECOND LEVEL ENDS -->
                                            </li>
                                            <li class="navPages-item  nav-arrow-roted">
                                                <!-- SECOND LEVEL STARTS -->
                                                <a class="navPages-action" href="https://www.perennialpals.com/">
                                                    <span class="nav-arrow"><svg class="">
                                                            <use></use></svg></span>Altenatif VIO77</a>
                                                <!-- SECOND LEVEL ENDS -->
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="navPages-item navPages-item-page ">
                                        <!-- SECOND LEVEL STARTS -->
                                        <a class="navPages-action" href="https://www.perennialpals.com/">
                                            <span class="nav-arrow"><svg class="">
                                                    <use></use></svg></span>Situs</a>
                                        <!-- SECOND LEVEL ENDS -->
                                    </li>
                                    <li class="navPages-item navPages-item-page ">
                                        <!-- SECOND LEVEL STARTS -->
                                        <a class="navPages-action" href="https://www.perennialpals.com/">
                                            <span class="nav-arrow"><svg class="">
                                                    <use></use></svg></span>Login</a>
                                        <!-- SECOND LEVEL ENDS -->
                                    </li>
                                    <li class="navPages-item navPages-item-page ">
                                        <!-- SECOND LEVEL STARTS -->
                                        <a class="navPages-action" href="https://www.perennialpals.com/">
                                            <span class="nav-arrow"><svg class="">
                                                    <use></use></svg></span>Daftar</a>
                                        <!-- SECOND LEVEL ENDS -->
                                    </li>
                                    <li class="navPages-item navPages-item-page last-menu-item">
                                        <!-- SECOND LEVEL STARTS -->
                                        <a class="navPages-action" href="https://www.perennialpals.com/">
                                            <span class="nav-arrow"><svg class="">
                                                    <use></use></svg></span>Terpercaya</a>
                                        <!-- SECOND LEVEL ENDS -->
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="header-right">
                        <nav class="navUser">
                            <ul class="navUser-section navUser-section--alt account-section sf-menu">
                                <li class="navUser-item navUser-item--account">
                                   <a class="navUser-action needsclick" href="https://www.perennialpals.com/">
                                    <img src="/img/profil.png" alt="VIO77" class="navUser-icon">
                                    </a>

                                    <ul class="navUser-section-sub section-sub-right">
                                        <li class="navUser-item">
                                            <a class="navUser-action needsclick" href="https://aduhai-perennialpals.pages.dev/">
                                                <svg>
                                                    <use></use>
                                                </svg><span>Situs</span>
                                            </a>
                                        </li>
                                        <li class="navUser-item">
                                            <a class="navUser-action needsclick"
                                                href="https://aduhai-perennialpals.pages.dev/">
                                                <svg>
                                                    <use></use>
                                                </svg><span>Login</span>
                                            </a>
                                        </li>
                                        <li class="navUser-item">
                                            <a class="navUser-action needsclick" href="https://aduhai-perennialpals.pages.dev/">
                                                <svg>
                                                    <use></use>
                                                </svg><span>Daftar</span>
                                            </a>
                                        </li>
                                        <li class="navUser-item navUser-item-wishlist">
                                            <a class="navUser-action needsclick" href="https://aduhai-perennialpals.pages.dev/">
                                                <svg>
                                                    <use></use>
                                                </svg><span>Terpercaya</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="navUser-item navUser-item-compare">
                                    <a class="navUser-action navUser-item--compare needsclick"
                                    href="https://www.perennialpals.com/"
                                    title="VIO77"
                                    data-compare-nav>

                                    <img src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/favicon-vio77-aset2.png" alt="VIO77" width="100" height="62" style="object-fit: contain;"></a>

                                    
                                    </a>

                                </li>
                                <li class="navUser-item navUser-search">
                                    <a class="navUser-action navUser-action--quickSearch" href="javascript:void(0);"
                                        data-search="quickSearch" aria-controls="quickSearch" aria-expanded="false"><svg
                                            class="search-icon">
                                            <use></use>
                                        </svg> <svg class="search-close">
                                            <use></use>
                                        </svg></a>
                                </li>
                                <li class="navUser-item navUser-item--cart">
                                    <a class="navUser-action" data-cart-preview data-dropdown="cart-preview-dropdown"
                                        data-options="align:right" href="/cart/html">
                                        <span class="navUser-item-cartLabel">
                                            <svg>
                                                <use></use>
                                            </svg>
                                        </span> <span class="countPill cart-quantity"></span>
                                    </a>
                                    <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content
                                        aria-hidden="true"></div>
                                </li>
                            </ul>
                        </nav>
                        
                        <div id="headerSidebar" class="header-side-bar">
                            <div class="header-side-bar-inn">
                                <div class="close">
                                    <a class="close-icon" href="javascript:void(0);"><svg>
                                            <use></use>
                                        </svg></a>
                                </div>
                                <div class="category headerSidebar-block">
                                    <h5 class="sidebarBlock-heading">Categories</h5>
                                    <ul class="navList navList-treeview">
                                        <li class="navPages-item">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>All</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Kits</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Strips</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Inks</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                    </ul>
                                </div>
                                <div class="webpages headerSidebar-block">
                                    <h5 class="sidebarBlock-heading">Quick Links</h5>
                                    <ul class="navList navList-treeview">
                                        <li class="navPages-item navPages-item-page">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>About</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item navPages-item-page">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Videos</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item navPages-item-page">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Store Policies</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                        <li class="navPages-item navPages-item-page">
                                            <!-- SECOND LEVEL STARTS -->
                                            <a class="navPages-action" href="https://www.perennialpals.com/">
                                                <span class="nav-arrow"><svg class="">
                                                        <use></use></svg></span>Contact Us</a>
                                            <!-- SECOND LEVEL ENDS -->
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </header>
    
    <div class="n-columns-2" style="font-size: 20px;">
        <a href="https://aduhai-perennialpals.pages.dev/" rel="nofollow noreferrer" class="masuk">LOGIN</a>
        <a href="https://aduhai-perennialpals.pages.dev/" rel="nofollow noreferrer" class="register">DAFTAR</a>
    </div>

    <div class="marquee-container">
    
    <div class="marquee">
        <div class="marquee-text">
            Selamat datang ya bosku, VIO77 memberikan pelayanan terbaik buat semua membernya, langsung saja join dan nikmati semua pengalaman berbeda.
        </div>
    </div>
    </div>
    <style>
        .n-columns-2 {
            width: 100%;
            margin: 5px auto 5px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            font-weight: 700;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 0 25px rgba(0, 200, 255, 0.25);
        }

        .n-columns-2 a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            text-align: center;
            text-decoration: none;
            font-size: 2rem;
            letter-spacing: 1px;
            transition: all 0.25s ease;
            color: #000000;
            border: none;
            
            font-weight: 800;
            box-sizing: border-box;
            padding: 0;
        }

        /* Tombol LOGIN ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â biru segar ke hijau toska */
        .n-columns-2 a.masuk {
            background: linear-gradient(90deg, #a30397, #fab6f5);
            box-shadow: 0 4px 10px rgba(0, 210, 255, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        /* Tombol DAFTAR ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â kuning ke oranye lembut biar seimbang */
        .n-columns-2 a.register {
            background: linear-gradient(90deg, #fab6f5, #a30397);
            box-shadow: 0 4px 10px rgba(61, 55, 48, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        /* Hover ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â efek tombol timbul */
        .n-columns-2 a:hover {
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(145, 53, 53, 0.5);
        }

        /* Klik ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â efek tombol masuk ke dalam */
        .n-columns-2 a:active {
            transform: scale(0.96);
            box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.25);
            filter: brightness(0.9);
        }
    </style>
    <style>:root {
    --superman-red: #0c0c0c;
    --superman-blue: #0c0c0c;
}

.marquee-container {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #929292, #929292);
    height: 20px; /* Ini yang kamu ubah */
    padding: 8px 0;
    overflow: hidden;
    gap: 10px;
}


/* area teks berjalan */
.marquee {
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
    font-weight: 250;
    color: #ffffff;
    font-size: 12px;
}

/* animasi berjalan */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
</style>
    <div data-content-region="header_bottom"></div>
    <div class="body" data-currency-code="USD">
        <div class="container">
            
            <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
                <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                    <a href="https://www.perennialpals.com/" class="breadcrumb-label" itemprop="item"><span itemprop="name">Home</span></a>
                    <meta itemprop="position" content="1" />
                </li>
                <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                    <a href="https://www.perennialpals.com/" class="breadcrumb-label" itemprop="item"><span itemprop="name">VIO77</span></a>
                    <meta itemprop="position" content="2" />
                </li>
                <li class="breadcrumb is-active" itemprop="itemListElement" itemscope
                    itemtype="http://schema.org/ListItem">
                    <meta itemprop="item" content="https://www.perennialpals.com/">
                    <span class="breadcrumb-label" itemprop="name">Pusat Perhatian Tentang Foto Estetik Terbaik Saat Ini</span>
                    <meta itemprop="position" content="3" />
                </li>
            </ul>
            <div itemscope itemtype="">
                <div class="productView">
                    <section class="productView-images" data-image-gallery style="position: relative;">
                        <div class="productView-image-main">
                        <figure class="productView-image"
                            data-image-gallery-main
                            data-zoom-image="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png">

                            <div class="productView-img-container">
                            <a href="https://www.perennialpals.com/">
                            <img
                            class="productView-image--default-custom"
                            src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                            alt="VIO77 "
                            title="VIO77"
                            data-main-image>
                            </a>
                            </div>

                        </figure>
                        </div>

                        <ul class="productView-thumbnails">
                        <li
                        class="is-active"
                        data-thumb-zoom-image="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png">

                        <a
                        class="productView-thumbnail-link is-active is-main"
                        href="https://www.perennialpals.com/"
                        data-image-gallery-item
                        data-image-gallery-new-image-url="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                    data-image-gallery-new-image-srcset="
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 80w,
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 160w,
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 320w,
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 640w,
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 960w,
                    https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png 1280w"
                    data-image-gallery-zoom-image-url="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                    data-link="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png">

                    <img
                    src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                    alt="VIO77 Game Online"
                    title="VIO77 Game Online">
                    </a>

                    </li>
                    </ul>

                    </section>
                    <section class="productView-details">
                        <div class="productView-product">
                            <h1 class="productView-title" itemprop="name">VIO77: Mengenal Lebih Dekat Tentang Pasar Petani Bawang Lokal</h1>
                            <div data-content-region="product_below_price"></div>
                            <div class="price-block">
                                <div class="productView-price ">
                                    <div class="price-section price-section--withoutTax rrp-price--withoutTax"
                                        style="display: none;">
                                        
                                        <span data-product-rrp-price-without-tax class="price price--rrp">
                                        </span>
                                    </div>
                                    <div class="price-section price-section--withoutTax non-sale-price--withoutTax">
                                        
                                        <span data-product-non-sale-price-without-tax class="price price--non-sale">
                                            Rp. 10.000
                                        </span>
                                    </div>
                                    <div class="price-section price-section--withoutTax" itemprop="offers" itemscope
                                        itemtype="http://schema.org/Offer">
                                        <span class="price-label" style="display: none;">
                                        </span>
                                        <span class="price-now-label">
                                           
                                        </span>
                                        <span data-product-price-without-tax
                                            class="price price--withoutTax">Rp. 1.000</span>
                                        <meta itemprop="availability" content="http://schema.org/OutOfStock">

<meta itemprop="itemCondition" content="http://schema.org/NewCondition">

<div itemprop="priceSpecification" itemscope
     itemtype="http://schema.org/PriceSpecification">
    <meta itemprop="price" content="12.95">
    <meta itemprop="priceCurrency" content="USD">
    <meta itemprop="valueAddedTaxIncluded" content="false">
</div>

                                    </div>
                                    <div class="price-section price-section--saving price" style="display: none;">
                                        <span class="price">(You save</span>
                                        <span data-product-price-saved class="price price--saving"></span>
                                        <span class="price">)</span>
                                    </div>
                                </div>
                                <div class="price-block-left">
                                    <div class="productView-rating">
                                        <span class="icon icon--ratingEmpty">
                                            <svg>
                                                <use /></use>
                                            </svg>
                                        </span>
                                        <span class="icon icon--ratingEmpty">
                                            <svg>
                                                <use /></use>
                                            </svg>
                                        </span>
                                        <span class="icon icon--ratingEmpty">
                                            <svg>
                                                <use /></use>
                                            </svg>
                                        </span>
                                        <span class="icon icon--ratingEmpty">
                                            <svg>
                                                <use /></use>
                                            </svg>
                                        </span>
                                        <span class="icon icon--ratingEmpty">
                                            <svg>
                                                <use /></use>
                                            </svg>
                                        </span>
                                        <span class="productView-reviewLink">
                                            (777)
                                        </span>
                                        <span class="productView-reviewLink">
                                            <a href="https://www.perennialpals.com/" data-reveal-id="modal-review-form">
                                                Write a Review
                                            </a>
                                        </span>
                                        <div id="modal-review-form" class="modal" data-reveal>
                                            <div class="modal-header">
                                                <h2 class="modal-header-title">Write a Review</h2>
                                                <a href="#" class="modal-close" aria-label="Close" role="button">
                                                    <span aria-hidden="true">&#215;</span>
                                                </a>
                                            </div>
                                            <div class="modal-body">
                                                <div class="writeReview-productDetails">
                                                    <div class="writeReview-productImage-container">
                                                    </div>
                                                    <h6 class="product-brand"></h6>
                                                    <h5 class="product-title">Ink Kit</h5>
                                                </div>
                                                <form class="form writeReview-form" action="/" method="post">
                                                    <fieldset class="form-fieldset">
                                                        <div class="form-field">
                                                            <label class="form-label" for="rating-rate">Rating
                                                                <small>*</small>
                                                            </label>
                                                            <!-- Stars -->
                                                            <!-- TODO: Review Stars need to be componentised, both for display and input -->
                                                            <select id="rating-rate" class="form-select"
                                                                name="revrating">
                                                                <option value="" selected>Select Rating</option>
                                                                <option value="1">1 star (worst)</option>
                                                                <option value="2">2 stars</option>
                                                                <option value="3">3 stars (average)</option>
                                                                <option value="4">4 stars</option>
                                                                <option value="5">5 stars (best)</option>
                                                            </select>
                                                        </div>
                                                        <!-- Name -->
                                                        <div class="form-field" id="revfromname" data-validation="">
                                                            <label class="form-label" for="revfromname_input">Name
                                                            </label>
                                                            <input type="text" id="revfromname_input" data-label="Name"
                                                                name="revfromname" class="form-input" aria-required="">
                                                        </div>
                                                        <!-- Email -->
                                                        <div class="form-field" id="email" data-validation="">
                                                            <label class="form-label" for="email_input">Email
                                                                <small>*</small>
                                                            </label>
                                                            <input type="text" id="email_input" data-label="Email"
                                                                name="email" class="form-input" aria-required="false">
                                                        </div>
                                                        <!-- Review Subject -->
                                                        <div class="form-field" id="revtitle" data-validation="">
                                                            <label class="form-label" for="revtitle_input">Review
                                                                Subject
                                                                <small>*</small>
                                                            </label>
                                                            <input type="text" id="revtitle_input"
                                                                data-label="Review Subject" name="revtitle"
                                                                class="form-input" aria-required="true">
                                                        </div>
                                                        <!-- Comments -->
                                                        <div class="form-field" id="revtext" data-validation="">
                                                            <label class="form-label" for="revtext_input">Comments
                                                                <small>*</small>
                                                            </label>
                                                            <textarea name="revtext" id="revtext_input"
                                                                data-label="Comments" rows="" aria-required="true"
                                                                class="form-input"></textarea>
                                                        </div>
                                                        <div class="form-field">
                                                            <input type="submit" class="button button--primary"
                                                                value="Submit Review">
                                                        </div>
                                                        <input type="hidden" name="product_id" value="133">
                                                        <input type="hidden" name="action" value="post_review">
                                                    </fieldset>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <dl class="productView-info">
                                <dt class="productView-info-name">Gift wrapping:</dt>
                                <dd class="productView-info-value">Options available</dd>
                                <dt class="productView-info-name">Shipping:</dt>
                                <dd class="productView-info-value">Calculated at Checkout</dd>
                                <div class="productView-info-bulkPricing">
                                </div>
                            </dl>
                        </div>
                    </section>
                    <section class="productView-details">
                        <div class="productView-options">
                            <form class="form" method="post" action="cart.html" enctype="multipart/form-data"
                                data-cart-item-add>
                                <input type="hidden" name="action" value="add">
                                <input type="hidden" name="product_id" value="133" />
                                <div data-product-option-change style="display:none;">
                                </div>
                                <div class="form-field form-field--stock u-hiddenVisually">
                                    <label class="form-label form-label--alternate">
                                        Current Stock:
                                        <span data-product-stock></span>
                                    </label>
                                </div>
                                <div class="productView-compare">
                                <button class="button compare" type="button">
                                <img
                                src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                                alt="VIO77"
                                width="60"
                                height="60">
                                </button>
                                </div>

                                <div class="productView-compare">
                                <button class="button compare" type="button" onclick="location.href='https://www.perennialpals.com/';">
                                <img
                                src="https://77group.sgp1.cdn.digitaloceanspaces.com/F%20group%20spy77/vio77/vio77-rangerspink.png"
                                alt="VIO77 Game Online"
                                width="60"
                                height="60">
                                </button>
                                </div>

                            </form>
                            <div id="WishlistModal" class="modal" data-reveal>
                                <div class="modal-header">
                                    <h2 class="modal-header-title">Add to Wishlist</h2>
                                    <a href="#" class="modal-close" aria-label="Close"><span
                                            aria-hidden="true">&#215;</span></a>
                                </div>
                                <div class="wishlist wishlist-popup modal-body">
                                    <form class="form form-wishlist form-action" method="post" id="ProductWishlist"
                                        action="/" data-wishlist-add>
                                        <div class="form-action">
                                            <input type="hidden" name="variation_id" value="">
                                            <div id="drop1" data-dropdown-content>
                                                <div style="padding: 5px;" class="wishlist_dropdownbox">
                                                    <p>Please create a new Wishlist</p>
                                                    <div class="wishlist-popup-btn">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="share-block">
                                <label class="form-label--alternate" for="">share on:</label>
                                <div class="addthis_toolbox addthis_32x32_style" addthis:url="" addthis:title="">
                                    <ul class="socialLinks">
                                        <li class="socialLinks-item socialLinks-item--facebook">
    <a class="addthis_button_facebook" href="https://www.perennialpals.com/" aria-label="Share on Facebook">
        <img src="/img/facebook.webp" alt="Facebook" width="24" height="24">
    </a>
</li>

<li class="socialLinks-item socialLinks-item--email">
    <a class="addthis_button_email" href="https://www.perennialpals.com/" aria-label="Share via Email">
        <img src="/img/Gmail_icon_.webp" alt="Email" width="24" height="24">
    </a>
</li>

<li class="socialLinks-item socialLinks-item--print">
    <a class="addthis_button_print" href="https://www.perennialpals.com/" aria-label="Print">
        <img src="/img/instagram.webp" alt="Print" width="24" height="24">
    </a>
</li>

<li class="socialLinks-item socialLinks-item--twitter">
    <a class="addthis_button_twitter" href="https://www.perennialpals.com/" aria-label="Share on Twitter">
        <img src="/img/icon baru-twitter.webp" alt="Twitter" width="24" height="24">
    </a>
</li>

<li class="socialLinks-item socialLinks-item--pinterest">
    <a class="addthis_button_pinterest" href="https://www.perennialpals.com/" aria-label="Share on Pinterest">
        <img src="/img/icon-pinterest.webp" alt="Pinterest" width="24" height="24">
    </a>
</li>

                                        <li class="socialLinks-item socialLinks-item--facebookLike">
                                        </li>
                                    </ul>
                                    <script type="text/javascript" defer src="js/300/addthis_widget.js"></script>
                                    <script>
                                        window.addEventListener('DOMContentLoaded', function () {
                                            if (typeof (addthis) === "object") {
                                                addthis.toolbox('.addthis_toolbox');
                                            }
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                    </section>
                    <article class="productView-description" itemprop="description">
                        <div class="productView-description-inn">
                            <section class="toggle">
                                <h4 class="toggle-title">
                                    <a href="https://www.perennialpals.com/" class="toggleLink is-open" data-collapsible>
                                        <svg class="icon--name">
                                            <use></use>
                                        </svg>
                                        <span>Product Description</span>
                                        <svg class="toggle-down-arrow">
                                            <use></use>
                                        </svg>
                                    </a>
                                </h4>
                                <div class="toggle-content is-open" id="tab-description">
                                    <p style="text-align: justify;padding-bottom: 15px;"><strong><a href="https://www.perennialpals.com/">VIO77</a></strong> hadir sebagai platform hiburan digital modern yang menawarkan pengalaman bermain online lebih seru, praktis, dan nyaman digunakan kapan saja. Dengan tampilan futuristik, sistem responsif, dan akses yang ringan di berbagai perangkat, VIO77 menjadi pilihan banyak pengguna yang mencari platform game online dengan suasana modern serta pengalaman bermain yang lebih menarik setiap harinya.</p>
                                        <p style="text-align: justify;padding-bottom: 15px;">Sebagai penyedia game online populer, VIO77 menghadirkan berbagai pilihan hiburan digital dengan fitur interaktif dan sistem yang stabil. Pengguna dapat menikmati akses cepat tanpa hambatan melalui smartphone maupun desktop sehingga aktivitas online terasa lebih fleksibel. Dukungan teknologi modern dan performa server yang optimal membuat VIO77 mampu memberikan pengalaman bermain yang lancar dan nyaman untuk semua pengguna.</p>
                             <p style="text-align: justify;">Mengusung konsep hiburan digital masa kini, <strong><a href="https://www.perennialpals.com/">VIO77</a></strong> terus menghadirkan inovasi melalui desain visual premium, fitur modern, dan pengalaman online yang lebih interaktif. Kombinasi akses mudah, performa stabil, dan suasana platform yang aktif menjadikan VIO77 sebagai salah satu pilihan favorit bagi pengguna yang ingin menikmati game online dengan pengalaman bermain yang lebih menyenangkan dan nyaman setiap hari.</p>
                                </div>
                            </section>
                        </div>
                    </article>
                </div>
                <div id="previewModal" class="modal modal--large" data-reveal>
                    <a href="#" class="modal-close" aria-label="Close" role="button">
                        <span aria-hidden="true">&#215;</span>
                    </a>
                    <div class="modal-content"></div>
                    <div class="loadingOverlay"></div>
                </div>
                <div data-content-region="product_below_content"></div>
                <div class="related-product m-t-50">
                    <div class="section-title">
                        <h2 class="page-heading">Review Terbaik</h2>
                        <p class="page-sub-heading">Pemain VIO77</p>
                    </div>
    <figure class="review-box">
    <p class="review-text">
        Awalnya cuma coba-coba modal kecil di VIO77, ternyata pengalaman bermainnya cukup seru dan nyaman. Sistemnya cepat dan tampilannya juga enak dilihat.
    </p>
    <figcaption class="review-author">
        Fikri Ramadhan – Bekasi
    </figcaption>
    </figure>

    <figure class="review-box">
    <p class="review-text">
    VIO77 menurut saya punya akses paling praktis dibanding platform lain. Tidak perlu ribet saat login dan semuanya terasa ringan meski dipakai lewat HP jadul.</p>
    <figcaption class="review-author">Satria Mahesa – Palembang</figcaption>
    </figure>

    <figure class="review-box">
    <p class="review-text">
    Yang bikin betah di VIO77 itu prosesnya cepat dan servernya stabil. Main kapan saja tetap lancar tanpa loading berlebihan.
    </p>
    <figcaption class="review-author">Keisya Amanda – Malang</figcaption>
    </figure>

   <figure class="review-box">
   <p class="review-text">
    Yang bikin betah di VIO77 itu prosesnya cepat dan servernya stabil. Main kapan saja tetap lancar tanpa loading berlebihan.</p>
    <figcaption class="review-author">Rangga Aditya – Makassar</figcaption>
    </figure>

    <figure class="review-box">
    <p class="review-text">O77 punya desain yang keren dan aksesnya fleksibel. Saya sering buka lewat smartphone saat santai dan semuanya berjalan mulus.</p>
    <figcaption class="review-author">Vino Alfarez – Tangerang</figcaption>
</figure>
<style>.review-box {
    background: #f6f7f5;
    border-left: 4px solid #0f0f0f;
    padding: 16px 20px;
    margin: 20px 0;
    
}

.review-text {
    font-size: 16px;
    line-height: 1.6;
    font-style: italic;
}

.review-author {
    margin-top: 0px;
    font-weight: 600;
    font-size: 14px;
    color: #06856f;
}


</style>
                    <section class="productCarousel slick-not-apply-2" data-list-name="" data-slick="{
        &quot;dots&quot;: false,
        &quot;infinite&quot;: false,
        &quot;mobileFirst&quot;: true,
        &quot;slidesToShow&quot;: 4,
        &quot;slidesToScroll&quot;: 3,
        &quot;responsive&quot;: [
                {
                    &quot;breakpoint&quot;: 1440,
                    &quot;settings&quot;: {
                        &quot;slidesToScroll&quot;: 1,
                        &quot;slidesToShow&quot;: 4
                    }
                },
                {
                    &quot;breakpoint&quot;: 1279,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 1,
                      &quot;slidesToShow&quot;: 4
                    }
                },
                {
                    &quot;breakpoint&quot;: 1023,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 1,
                      &quot;slidesToShow&quot;: 3
                    }
                },
                {
                    &quot;breakpoint&quot;: 769,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 2,
                      &quot;slidesToShow&quot;: 3,
                      &quot;dots&quot;: false,
                      &quot;arrows&quot;: false
                    }
                },
                {
                    &quot;breakpoint&quot;: 666,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 2,
                      &quot;slidesToShow&quot;: 2.5,
                      &quot;draggable&quot;: true,
                      &quot;dots&quot;: false,
                      &quot;arrows&quot;: false,
                      &quot;autoplay&quot;: true,
                      &quot;autoplaySpeed&quot;: 4000
                    }
                },
                {
                    &quot;breakpoint&quot;: 567,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 2,
                      &quot;slidesToShow&quot;: 2.5,
                      &quot;dots&quot;: false,
                      &quot;arrows&quot;: false
                    }
                },
                {
                    &quot;breakpoint&quot;: 479,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 1,
                      &quot;slidesToShow&quot;: 1.5,
                      &quot;draggable&quot;: true,
                      &quot;dots&quot;: false,
                      &quot;arrows&quot;: false
                    }
                },
                {
                    &quot;breakpoint&quot;: 319,
                    &quot;settings&quot;: {
                      &quot;slidesToScroll&quot;: 1,
                      &quot;slidesToShow&quot;: 1.5,
                      &quot;draggable&quot;: true,
                      &quot;dots&quot;: false,
                      &quot;arrows&quot;: false
                    }
                }
            ]
    }">
                        
                    </section>
                </div>
            </div>
        </div>
        
    </div>
    <footer class="footer" role="contentinfo">
        <div class="footer-info-inn">
            <div class="container">
                <section class="footer-info">
                    <article class="footer-info-col footer-info-col--small" data-section-type="footer-webPages">
                        <div class="footer-info--col-inn">
                            <h5 class="footer-info-heading footer-toggle-title">Quick Links
                                <svg class="down">
                                    <use></use>
                                </svg>
                            </h5>
                            <div class="footer-toggle-content">
                                <ul class="footer-info-list">
                                    <li>
                                        <a href="https://www.perennialpals.com/">About</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Videos</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Store Policies</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </article>
                    <article class="footer-info-col footer-info-col--small" data-section-type="footer-categories">
                        <div class="footer-info--col-inn">
                            <h5 class="footer-info-heading footer-toggle-title">Categories
                                <svg class="down">
                                    <use></use>
                                </svg>
                            </h5>
                            <div class="footer-toggle-content">
                                <ul class="footer-info-list">
                                    <li>
                                        <a href="https://www.perennialpals.com/">All</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Kits</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Strips</a>
                                    </li>
                                    <li>
                                        <a href="https://www.perennialpals.com/">Inks</a>
                                    </li>
                                    <li class="view-all"><a href="https://www.perennialpals.com/">View All</a></li>
                                </ul>
                            </div>
                        </div>
                    </article>
                </section>
                <div class="footer-mid-section">
                    <article class="footer-info-col
                footer-info-col--social
                footer-info-col--left" data-section-type="footer-webPages">
                        <h5 class="footer-info-heading">Connect With Us</h5>
                    </article>
                    <article class="footer-info-col footer-info-newsletter" data-section-type="newsletterSubscription">
                        <div class="footer-info-newsletter-inn">
                            <h5 class="footer-info-heading">Sign Up for our Newsletter</h5>
                            <p> </p>
                            <form class="form" action="https://www.perennialpals.com/" method="post" data-error-message="Please enter correct email">
                                <fieldset class="form-fieldset">
                                    <input type="hidden" name="action" value="subscribe">
                                    <input type="hidden" name="nl_first_name" value="bc">
                                    <input type="hidden" name="check" value="1">
                                    <div class="form-field1 form-field-custom">
                                        <label class="form-label is-srOnly" for="nl_email">Email Address</label>
                                        <div class="form-prefixPostfix wrap subscribeFormContent">
                                            <input class="form-input" id="nl_email" name="nl_email" type="email"
                                                value="" placeholder="Join our Newsletter...">
                                            <input class="button button--primary form-prefixPostfix-button--postfix"
                                                type="submit" value="submit">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </article>
                    <article class="footer-info-col footer-info-col--payment">
                        <div class="payment">
                            <h5 class="footer-info-heading">Payment Method</h5>
                            <div class="footer-payment-icons">

    <img
        src="/img/Visa.png"
        alt="Visa"
        class="footer-payment-icon">

    <img
        src="/img/mastercard.webp"
        alt="Mastercard"
        class="footer-payment-icon">

    <img
        src="/img/paypal.webp"
        alt="PayPal"
        class="footer-payment-icon">

</div>

                        </div>
                    </article>
                </div>
            </div>
        </div>
        <div class="footer-bar">
            <div class="container">
                <div class="footer-bar-inn">
                    <div class="footer-copyright">
                        <p class="powered-by">
                            <span>&copy; 2026</span>
                            <span class="theme-color">VIO77</span> <span class="line">|</span>
                            <a class="site-map" href="https://www.perennialpals.com/">Resmi</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/";</script>
    <script src="s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/theme-bundle.main.js"></script>
    <script>
        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\":\"#06856f\",\"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\":\"#06856f\",\"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-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\":\"#06856f\",\"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\":\"https://www.heartnsoulboutique.com/\",\"account\":{\"index\":\"account.html\",\"orders\":{\"all\":\"account_action-order_status.html\",\"completed\":\"/\",\"save_new_return\":\"/\"},\"update_action\":\"/\",\"returns\":\"/\",\"addresses\":\"/\",\"inbox\":\"/\",\"send_message\":\"/\",\"add_address\":\"/\",\"wishlists\":{\"all\":\"wishlist.html\",\"add\":\"/\",\"edit\":\"/\",\"delete\":\"/\"},\"details\":\"/\",\"recent_items\":\"/\"},\"brands\":\"https://www.heartnsoulboutique.com/brands/\",\"gift_certificate\":{\"purchase\":\"giftcertificates.html\",\"redeem\":\"giftcertificates_action-redeem.html\",\"balance\":\"giftcertificates_action-balance.html\"},\"auth\":{\"login\":\"login.html\",\"check_login\":\"/\",\"create_account\":\"login_action-create_account.html\",\"save_new_account\":\"/\",\"forgot_password\":\"login_action-reset_password.html\",\"send_password_email\":\"/\",\"save_new_password\":\"/\",\"logout\":\"/\"},\"product\":{\"post_review\":\"/\"},\"cart\":\"cart.html\",\"checkout\":{\"single_address\":\"/checkout\",\"multiple_address\":\"/\"},\"rss\":{\"products\":{\"new\":\"/\",\"new_atom\":\"/\",\"popular\":\"/\",\"popular_atom\":\"/\",\"featured\":\"/\",\"featured_atom\":\"/\",\"search\":\"/\",\"search_atom\":\"/\"},\"blog\":\"/\",\"blog_atom\":\"/\"},\"contact_us_submit\":\"/\",\"search\":\"search.html\",\"compare\":\"/compare\",\"sitemap\":\"sitemap.html\",\"subscribe\":{\"action\":\"/\"}},\"secureBaseUrl\":\"https://www.heartnsoulboutique.com\",\"cartId\":null,\"template\":\"pages/product\",\"compareRequireMessage\":\"At least 2 products are needed to make a valid comparison.\",\"NoItemToCompare\":\"There is no item to compare. Please select at least 2 products.\",\"CompareSuccessMessage\":\"Item Successfully added to comparison list.\",\"CompareAlreadyAdded\":\"Item already added for comparison.\",\"CompareLimitMessage\":\"You can't compare more than 4 items at a time. Please remove some items from your list.\",\"CompareNotFunction\":\"Product comparision is not functioning.\",\"CompareRemoveMessage\":\"Item Successfully removed from comparison list.\",\"reviewRating\":\"The 'Rating' field cannot be blank.\",\"reviewSubject\":\"The 'Review Subject' field cannot be blank.\",\"reviewComment\":\"The 'Comments' field cannot be blank.\",\"reviewEmail\":\"Please use a valid email address, such as user@example.com.\"}").load();
    </script>
    <script type="text/javascript"
        src="shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
    <script type="text/javascript" id="soundest-launcher" src="https://omnisrc.com/inshop/bigcommerce-launcher.js?v=2026-02-07T00"></script><div id="soundest-container"></div>
    <script type="text/javascript">
        // SOUNDEST-V6-2-S
        // Do not remove these comments, they are super important!
        window.SOUNDEST = window.SOUNDEST || {};
        SOUNDEST.shopID = "ueup7uo30q";
        SOUNDEST.shopType = "bigcommerce";
        SOUNDEST.baseURL = "https://omnisrc.com/";
        SOUNDEST.version = new Date().toISOString().slice(0, 13);
        SOUNDEST.pageType = "product";
        SOUNDEST.productTitle = "Ink Kit";
        SOUNDEST.productID = "133";
        SOUNDEST.categoryTitle = "";
        SOUNDEST.categoryID = "";
        (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);
    </script>
    <style>
        @media (min-width: 801px) {
            .header-logo {
                margin: 1rem auto;
                padding: 0;
            }
        }
    </style>
    <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>

        <style>
        @charset "UTF-8";
meta.foundation-version {
    font-family: "/5.5.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 551px)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:551px)/";
    width: 551px
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:551px) and (max-width:801px)/";
    width: 551px
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:801px)/";
    width: 801px
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:801px) and (max-width:1261px)/";
    width: 801px
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:1261px)/";
    width: 1261px
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
    width: 1261px
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:1681px)/";
    width: 1681px
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

.u-block {
    display: block !important
}

.u-inlineBlock {
    display: inline-block !important;
    max-width: 100% !important
}

.u-hidden {
    display: none !important
}

.u-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.is-srOnly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.u-textAlignCenter {
    text-align: center !important
}

.u-textAlignLeft {
    text-align: left !important
}

.u-textAlignRight {
    text-align: right !important
}

.u-textBreak {
    word-wrap: break-word !important
}

.u-textInheritColor {
    color: inherit !important
}

.u-textKern {
    text-rendering: optimizeLegibility !important;
    font-feature-settings: "kern" 1 !important;
    font-kerning: normal !important
}

.u-textLead {
    line-height: 1.6 !important;
    font-size: 1.1em !important
}

.u-textNoWrap {
    white-space: nowrap !important
}

.u-textTruncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important
}

.u-fontSmoothing {
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    background: #fab6f5;
    color: #333;
    cursor: auto;
    margin: 0;
    padding: 0;
    position: relative
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

a:hover {
    cursor: pointer
}

figure {
    margin: 0 0 1.5rem
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

img {
    -ms-interpolation-mode: bicubic
}

button {
    background: 0 0;
    border: 0
}

button:active,
button:focus {
    box-shadow: none;
    outline: 0
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

html {
    font-size: 14px
}

@media (min-width:551px) {
    html {
        font-size: 14px
    }
}

@media (min-width:801px) {
    html {
        font-size: 14px
    }
}

@media (min-width:1261px) {
    html {
        font-size: 14px
    }
}

body {
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #333;
    line-height: inherit;
    text-decoration: underline
}

a:focus,
a:hover {
    color: #888
}

p {
    margin-bottom: 1.5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2e3344;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: .25px;
    margin-bottom: .78571rem
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #333;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 13px
}

.subheader {
    font-weight: 400;
    line-height: 24px;
    margin-bottom: .78571rem
}

hr {
    border: solid #dfdfdf;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 2rem 0 1.92857rem
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

dl,
ol,
ul {
    list-style-position: outside;
    margin-bottom: 1.5rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.2rem;
    margin-bottom: 0
}

ul {
    margin-left: 1.15rem
}

ol {
    margin-left: 1.15rem
}

dl dt {
    font-weight: 700;
    margin-bottom: .35714rem
}

dl dd {
    margin-bottom: 1.5rem
}

abbr,
acronym {
    border-bottom: 1px dotted #ccc;
    color: #333;
    cursor: help;
    font-size: 90%;
    text-transform: uppercase
}

abbr {
    text-transform: none
}

blockquote,
blockquote p {
    font-size: 22px;
    line-height: 29px
}

cite {
    color: #999;
    display: block;
    font-size: 1rem
}

.icon {
    height: 1.14286rem;
    width: 1.14286rem;
    display: inline-block;
    vertical-align: middle
}

.icon svg {
    display: inline-block;
    fill: #8e8e8e;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.inlineList {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.21429rem;
    margin-left: -1.57143rem;
    margin-right: 0;
    overflow: hidden;
    padding: 0
}

.inlineList>li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.57143rem
}

.inlineList>li>* {
    display: block
}

.table {
    border: solid 1px #dfdfdf;
    margin-bottom: 2rem;
    table-layout: auto;
    width: 100%
}

.table thead {
    background: #f4f4f4
}

.table thead tr td,
.table thead tr th {
    font-size: 1rem;
    font-weight: 700;
    padding: .78571rem 1.5rem
}

.table tr td,
.table tr th {
    padding: .78571rem 1.5rem;
    text-align: left
}

.table tbody tr td,
.table tbody tr th,
.table tfoot tr td,
.table tfoot tr th,
.table thead tr th,
.table tr td {
    display: table-cell
}

.table td.table-cell--numericData,
.table th.table-header--numericData {
    text-align: right
}

.table-thead {
    border: 1px solid #dfdfdf
}

.table-tfoot {
    border: 1px solid #dfdfdf
}

.table-tbody tr {
    border-bottom: 1px solid #dfdfdf
}

.table-tbody tr:last-child {
    border-bottom: 0
}

.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    border-color: #2e3344;
    color: #2e3344;
    font-size: 1rem;
    padding: .85714rem 2.28571rem;
    border-radius: 4px;
    outline: 0;
    vertical-align: middle
}

.button.active,
.button.is-active,
.button:focus,
.button:hover {
    background-color: transparent;
    border-color: #2e3344;
    color: #fff
}

.button:active {
    background-color: transparent;
    border: 1px solid #2e3344;
    color: #fff
}

.button.active,
.button.is-active,
.button:focus {
    outline: 0
}

@media (min-width:481px) {
    .button+.button {
        margin-left: .78571rem
    }
}

.button--primary {
    background-color: #2e3344;
    border-color: #2e3344;
    color: #fff
}

.button--primary.active,
.button--primary.is-active,
.button--primary:focus,
.button--primary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2e3344
}

.button--primary:active {
    background-color: #fff;
    border: 1px solid #fff;
    color: #2e3344
}

.button[disabled] {
    background-color: #ccc;
    border-color: rgba(0, 0, 255, 0);
    color: #fff;
    cursor: default
}

.button--large {
    font-size: 15px
}

.button--small {
    font-size: 13px;
    padding: .57143rem 1.5rem
}

.button--slab {
    display: block;
    width: 100%
}

.button+.button--slab {
    margin-left: 0
}

.button--icon {
    font-size: 1rem;
    padding: .78571rem .78571rem
}

.button--icon svg {
    fill: #888
}

.buttonGroup {
    display: inline-block
}

.buttonGroup>.button {
    border-radius: 0;
    border-right-width: 0;
    float: left;
    margin-left: 0
}

.buttonGroup>.button:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.buttonGroup>.button:last-child {
    border-bottom-right-radius: 4px;
    border-right-width: 1px;
    border-top-right-radius: 4px
}

.dropdown-menu {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #e5e5e5;
    font-size: 1rem;
    height: auto;
    width: 100%;
    z-index: 89;
    max-width: 200px
}

.dropdown-menu.open {
    display: block
}

.dropdown-menu>:first-child {
    margin-top: 0
}

.dropdown-menu>:last-child {
    margin-bottom: 0
}

.dropdown-menu--content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #e5e5e5;
    font-size: 1rem;
    height: auto;
    padding: .78571rem;
    width: 100%;
    z-index: 89;
    max-width: 200px
}

.dropdown-menu--content.open {
    display: block
}

.dropdown-menu--content>:first-child {
    margin-top: 0
}

.dropdown-menu--content>:last-child {
    margin-bottom: 0
}

.dropdown-menu-item {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    padding: .35714rem .71429rem
}

.dropdown-menu-item a {
    display: block;
    padding: .35714rem
}

.dropdown-menu-item a {
    margin: -.35714rem
}

.form {
    margin: 0 0 1.5rem
}

.form-fieldset {
    border-width: 0;
    margin: 0;
    padding: 0
}

.form-legend {
    background: 0 0;
    border: solid #999;
    border-width: 0 0 1px;
    display: block;
    line-height: 32px;
    margin-bottom: .78571rem;
    padding: 0;
    width: 100%
}

.form-label {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .5rem
}

.form-label small {
    color: #333;
    font-size: .71429rem;
    text-transform: uppercase;
    vertical-align: bottom
}

.form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: #666;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    height: 3rem;
    margin: 0;
    padding: .75rem 1rem;
    transition: border-color .1s ease-out;
    width: 100%
}

.form-input:disabled {
    background-color: #fff;
    color: #999;
    cursor: not-allowed
}

.form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999;
    color: #888;
    cursor: text
}

.form-input:focus {
    border-color: #999;
    outline: 0
}

.form-input[rows] {
    height: auto
}

.form-input[type=search] {
    box-sizing: border-box
}

.form-input::-webkit-input-placeholder {
    color: #999
}

.form-input::-ms-clear {
    height: 0;
    width: 0
}

.form-input::-moz-placeholder {
    color: #999
}

.form-input:-ms-input-placeholder {
    color: #999
}

.form-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fff;
    border-radius: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf;
    color: #666;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    padding: .75rem;
    border-radius: 0;
    cursor: pointer;
    height: 3rem;
    margin: 0;
    outline: 0
}

.form-select::-ms-expand {
    display: none
}

.form-select.radius {
    border-radius: 4px
}

.form-select:focus {
    border-color: #999
}

.form-select:disabled {
    background-color: #fff;
    cursor: not-allowed
}

.form-select:focus {
    border-color: #999
}

.form-body {
    background-color: #fff;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(255, 255, 255, .13);
    margin-bottom: 1.5rem;
    max-width: none;
    padding: 1.5rem
}

.form-row {
    margin: 0 -.75rem;
    max-width: none;
    width: auto
}

.form-row:after,
.form-row:before {
    content: " ";
    display: table
}

.form-row:after {
    clear: both
}

.form-row .form-field {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    max-width: none
}

@media (min-width:551px) {
    .form-row--half .form-field {
        width: 50%
    }
    .form-row--third .form-field {
        width: 33.33333%
    }
    .form-row--quarter .form-field {
        width: 25%
    }
}

.form-field {
    display: block;
    margin: 0 0 2rem;
    max-width: none
}

.form-field:after,
.form-field:before {
    content: " ";
    display: table
}

.form-field:after {
    clear: both
}

.form-select[multiple] {
    height: auto
}

.form-select[multiple] option {
    padding: 5px
}

.form-checkbox,
.form-radio {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-checkbox+.form-label,
.form-radio+.form-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .35714rem;
    padding-left: 1.85714rem;
    position: relative;
    vertical-align: baseline;
    width: 100%
}

.form-checkbox+.form-label::after,
.form-checkbox+.form-label::before,
.form-radio+.form-label::after,
.form-radio+.form-label::before {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out
}

.form-checkbox+.form-label::before,
.form-radio+.form-label::before {
    background-color: #fff;
    border: solid #dfdfdf;
    border-width: 1px;
    height: 1.14286rem;
    left: 0;
    top: 0;
    width: 1.14286rem
}

.form-checkbox+.form-label::after,
.form-radio+.form-label::after {
    height: 1rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1rem
}

.form-checkbox:checked+.form-label::after,
.form-radio:checked+.form-label::after {
    opacity: 1;
    transform: scale(1)
}

.form-checkbox[disabled]+.form-label,
.form-radio[disabled]+.form-label {
    cursor: default
}

.form-checkbox[disabled]+.form-label::before,
.form-radio[disabled]+.form-label::before {
    background-color: #fff
}

.form-checkbox+.form-label::before {
    border-radius: 4px
}

.form-checkbox+.form-label::after {
    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");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(46, 51, 68, .999);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center
}

.form-radio+.form-label::before {
    border-radius: 50%
}

.form-radio+.form-label::after {
    background: rgba(46, 51, 68, .999);
    border: 3px solid #fff;
    border-radius: 1rem
}

.form-input.has-action {
    float: left;
    padding-right: 2.85714rem
}

.form-input.has-action+.button--inputAction {
    background: 0 0;
    border: 0;
    border-radius: 0;
    float: left;
    height: 2.85714rem;
    margin: .07143rem 0 0 -2.92857rem;
    width: 2.85714rem
}

.form-input.has-icon {
    float: left;
    padding-right: 2.57143rem
}

.form-input.has-icon+.icon {
    height: 3rem;
    margin-left: -2.57143rem;
    width: 1.42857rem
}

.form-prefixPostfix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.form-prefixPostfix .form-input {
    -ms-flex: 1;
    flex: 1
}

.form-prefixPostfix .button {
    height: 3rem
}

.form-prefixPostfix-input {
    border-radius: 0
}

.form-prefixPostfix-label {
    background-color: #fff;
    border: solid #999;
    border-width: 1px;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    height: 3rem;
    line-height: normal;
    max-width: 6.42857rem;
    padding: .75rem;
    text-align: center
}

.form-prefixPostfix-label--prefix {
    border-radius: 0;
    border-width: 1px 0 1px 1px
}

.form-prefixPostfix-label--prefix+.form-input {
    border-radius: 0
}

.form-prefixPostfix-label--postfix {
    border-radius: 0;
    border-width: 1px 1px 1px 0
}

.form-prefixPostfix-button--prefix {
    margin: 0 .75rem 0 0
}

.form-prefixPostfix-button--postfix {
    margin: 0 0 0 .75rem
}

.switch-checkbox {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.switch-checkbox:focus+.switch-toggle {
    border-color: #888;
    box-shadow: 0 0 4px rgba(136, 136, 136, .4)
}

.switch-toggle {
    background-color: #888;
    border: 1px solid #888;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    position: relative;
    transition: all .1s ease-out;
    vertical-align: middle;
    width: 4.28571rem
}

.switch--important .switch-toggle {
    background-color: #f1a500;
    border-color: #f1a500
}

.switch--checked .switch-toggle {
    background-color: #008a06;
    border-color: #008a06
}

.switch--disabled .switch-toggle {
    background-color: #e5e5e5;
    border-color: #999;
    cursor: default
}

.switch-toggle::before {
    background: #fff;
    border-radius: 1.4286rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    content: "";
    height: 1.4286rem;
    left: .21427rem;
    position: absolute;
    top: .21427rem;
    transition: all .1s ease-out;
    width: 1.4286rem
}

.switch--checked .switch-toggle::before {
    left: 2.49999rem
}

.switch-label {
    color: #fff;
    height: 26px;
    line-height: 1.92857;
    position: absolute;
    right: .42857rem;
    text-transform: uppercase;
    transition: all .1s ease-out
}

.switch--checked .switch-label {
    font-weight: 600;
    left: .42857rem;
    right: auto
}

.switch--disabled .switch-label {
    color: #888
}

.switch-label--icon.icon {
    height: 1.85714rem;
    width: 1.85714rem
}

.switch-label--icon.icon svg {
    height: 1.85714rem;
    width: 1.85714rem;
    fill: #fff
}

.switch--disabled .switch-label--icon.icon svg {
    fill: #888
}

.switch-description--off {
    color: #000;
    margin-right: 5px
}

.switch--checked .switch-description--off {
    color: #888
}

.switch-description--on {
    color: #888;
    margin-left: 5px
}

.switch--checked .switch-description--on {
    color: #000
}

.switch-ariaDescription {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-actions {
    background: 0 0;
    border: 0;
    text-align: center
}

@media (min-width:481px) {
    .form-actions {
        text-align: left
    }
}

.form-actions>* {
    display: inline-block;
    margin-bottom: 1rem;
    width: 100%
}

@media (min-width:481px) {
    .form-actions>* {
        vertical-align: baseline;
        width: auto
    }
}

@media (min-width:481px) {
    .form-actions--fixed {
        background: #fff;
        border-top: 1px solid #999;
        bottom: 0;
        left: 0;
        padding: 1.5rem 2rem;
        position: fixed;
        right: 0;
        text-align: right;
        z-index: 20
    }
}

.form-input-indicator {
    height: 1.57143rem;
    width: 1.57143rem;
    float: left;
    margin: 0 0 0 -2.14286rem;
    position: relative;
    top: .71429rem
}

.form-prefixPostfix .form-input-indicator {
    top: 0
}

.form-input-indicator>svg {
    fill: #008a06
}

.form-field-errors {
    list-style: none;
    margin-left: 0;
    margin-left: 0;
    clear: both;
    margin-bottom: 0;
    margin-top: .21429rem
}

.form-field-errors ol,
.form-field-errors ul {
    list-style: none;
    margin-bottom: 0
}

.form-inlineMessage {
    display: inline-block;
    line-height: 24px;
    margin: .35714rem 0 -.5rem;
    width: 100%
}

.form-field--error .form-input,
.form-field--success .form-input,
.form-field--warning .form-input {
    float: left
}

.form-field--success .form-checkbox+.form-label::before,
.form-field--success .form-input,
.form-field--success .form-prefixPostfix-label,
.form-field--success .form-radio+.form-label::before,
.form-field--success .form-select {
    border-color: #008a06
}

.form-field--success .form-field-error,
.form-field--success .form-inlineMessage {
    color: #008a06
}

.form-field--success .form-input-indicator>svg {
    fill: #008a06
}

.form-field--error .form-checkbox+.form-label::before,
.form-field--error .form-input,
.form-field--error .form-prefixPostfix-label,
.form-field--error .form-radio+.form-label::before,
.form-field--error .form-select {
    border-color: #cc4749
}

.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
    color: #cc4749
}

.form-field--error .form-input-indicator>svg {
    fill: #cc4749
}

.form-field--warning .form-checkbox+.form-label::before,
.form-field--warning .form-input,
.form-field--warning .form-prefixPostfix-label,
.form-field--warning .form-radio+.form-label::before,
.form-field--warning .form-select {
    border-color: #f1a500
}

.form-field--warning .form-field-error,
.form-field--warning .form-inlineMessage {
    color: #f1a500
}

.form-field--warning .form-input-indicator>svg {
    fill: #f1a500
}

.panel {
    position: relative
}

.panel-header {
    background-color: #f4f4f4;
    margin: 0;
    padding: 1.5rem 2rem 0
}

.panel-title {
    line-height: 1.5;
    margin: 0
}

.panel-body {
    margin-bottom: 1.5rem;
    padding: 1rem 2rem 1.5rem;
    background: #f4f4f4
}

.panel-body>:first-child {
    margin-top: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.breadcrumbs {
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden
}

.breadcrumb {
    color: #333;
    float: left;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    line-height: 1.5
}

.breadcrumb a {
    color: #333
}

.breadcrumb.current {
    color: #333;
    cursor: default
}

.breadcrumb.current a {
    color: #333;
    cursor: default
}

.breadcrumb.current:focus,
.breadcrumb.current:focus a,
.breadcrumb.current:hover,
.breadcrumb.current:hover a {
    text-decoration: none
}

.breadcrumb.unavailable {
    color: #999
}

.breadcrumb.unavailable a {
    color: #999
}

.breadcrumb.unavailable a:focus,
.breadcrumb.unavailable:focus,
.breadcrumb.unavailable:hover,
.breadcrumb.unavailable:hover a {
    color: #999;
    cursor: not-allowed;
    text-decoration: none
}

.breadcrumb:before {
    color: #333;
    content: "/";
    margin: 0;
    position: relative;
    top: 1px
}

.breadcrumb:first-child:before {
    content: " ";
    margin: 0
}

.breadcrumb::before {
    margin: 0 .5rem
}

@media (min-width:481px) {
    .breadcrumb::before {
        margin: 0 .5rem
    }
}

.breadcrumb-label {
    cursor: pointer
}

.breadcrumb-label:hover {
    color: #888;
    text-decoration: none
}

.breadcrumb.is-active>.breadcrumb-label {
    color: #333;
    cursor: default
}

.breadcrumb.is-unavailable>.breadcrumb-label {
    color: #999;
    cursor: default
}

.tabs {
    border-bottom: 1px solid #dfdfdf;
    margin: 0
}

.tabs:after,
.tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tab {
    border-bottom: #fff;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

@media (min-width:551px) {
    .tab {
        float: left
    }
}

.tab-title {
    color: #333;
    display: block;
    font-size: 15px;
    padding: .78571rem 1.57143rem
}

.tab-title:hover {
    color: #333
}

.tab.is-active .tab-title {
    color: #333;
    font-weight: 700
}

@media (min-width:551px) {
    .tabs--vertical {
        border-bottom: 0;
        float: left;
        margin: 0 0 1.5rem;
        max-width: 20%;
        width: 20%
    }
}

.tabs--vertical .tab {
    float: none
}

.tabs-contents {
    margin-bottom: 1.5rem
}

.tabs-contents:after,
.tabs-contents:before {
    content: " ";
    display: table
}

.tabs-contents:after {
    clear: both
}

@media (min-width:551px) {
    .tabs-contents--vertical {
        float: left;
        max-width: 80%;
        padding-left: 1.5rem;
        width: 80%
    }
    .tabs-contents--vertical>.tab-content {
        padding: 0 1.5rem
    }
}

.tab-content {
    display: none;
    padding: 1.5rem 0
}

.tab-content.is-active {
    display: block
}

.no-js .tab-content {
    display: block;
    float: none
}

.navBar:after,
.navBar:before {
    content: " ";
    display: table
}

.navBar:after {
    clear: both
}

.navBar ol,
.navBar ul {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0
}

.navBar ol ol,
.navBar ol ul,
.navBar ul ol,
.navBar ul ul {
    list-style: none;
    margin-bottom: 0
}

.navBar ol li,
.navBar ul li {
    margin: 0;
    padding: 0
}

.navBar-section {
    float: left
}

.navBar-section:after,
.navBar-section:before {
    content: " ";
    display: table
}

.navBar-section:after {
    clear: both
}

.navBar-section--alt {
    float: right;
    margin-left: 1.5rem
}

.navBar-section+.navBar-section {
    margin-left: 1.5rem
}

@media (min-width:551px) {
    .navBar-item {
        float: left
    }
}

.navBar-action,
.navBar-item {
    display: block
}

.navBar-action {
    color: #000;
    font-size: 15px;
    padding: .78571rem
}

.navList:after,
.navList:before {
    content: " ";
    display: table
}

.navList:after {
    clear: both
}

.navList ol,
.navList ul {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0
}

.navList ol ol,
.navList ol ul,
.navList ul ol,
.navList ul ul {
    list-style: none;
    margin-bottom: 0
}

.navList ol li,
.navList ul li {
    margin: 0;
    padding: 0
}

.navList-section:after,
.navList-section:before {
    content: " ";
    display: table
}

.navList-section:after {
    clear: both
}

.navList-section--alt {
    float: right;
    margin-left: 1.5rem
}

.navList-section+.navList-section {
    margin-top: 1.5rem
}

.navList-action,
.navList-item {
    display: block
}

.navList-action {
    color: #333;
    font-size: 15px;
    padding: .21429rem 0
}

.pagination-list {
    display: block;
    margin-left: 0
}

.pagination-list li {
    color: #333;
    font-size: 1rem;
    margin-left: .35714rem
}

.pagination-list li a,
.pagination-list li button {
    border-radius: 4px;
    transition: background-color .3s ease-out;
    background: 0 0;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
    padding: .28571rem .5rem
}

.pagination-list li {
    display: block
}

li.pagination-item {
    cursor: pointer
}

li.pagination-item:first-child {
    margin-left: 0
}

li.pagination-item a:hover {
    color: #333
}

li.pagination-item--current a,
li.pagination-item--current button {
    color: #333;
    cursor: default
}

.alertBox {
    border-style: none;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .78571rem;
    padding: .78571rem 1.14286rem .78571rem 1.14286rem;
    position: relative;
    transition: opacity .3s ease-out;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #fff
}

.alertBox .icon {
    height: 1.42857rem;
    width: 1.42857rem
}

.alertBox .button {
    margin: 0 0 0 .78571rem
}

.alertBox--info {
    background-color: #666;
    border-color: #666;
    color: #333
}

.alertBox--info svg {
    fill: #dfdfdf
}

.alertBox--success {
    background-color: #d5ffd8;
    border-color: #d5ffd8;
    color: #fff
}

.alertBox--success svg {
    fill: #008a06
}

.alertBox--warning {
    background-color: #fffdea;
    border-color: #fffdea;
    color: #fff
}

.alertBox--warning svg {
    fill: #f1a500
}

.alertBox--error {
    background-color: #fdd;
    border-color: #fdd;
    color: #fff
}

.alertBox--error svg {
    fill: #cc4749
}

.alertBox-column {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.alertBox-icon {
    padding-right: 1.14286rem
}

.alertBox-message {
    margin: 0;
    text-align: left;
    width: 100%
}

.alertBox-heading {
    margin: 0
}

.alertBox-close {
    cursor: pointer;
    padding-left: 1.14286rem
}

.alertBox-close .icon {
    height: 1.42857rem;
    width: 1.42857rem
}

.alertBox-close svg {
    fill: #999
}

.accordion {
    margin-bottom: 0;
    border: #dfdfdf solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(255, 255, 255, .13);
    margin: 0 0 1.5rem
}

.accordion:after,
.accordion:before {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion-navigation {
    display: block;
    margin-bottom: 0 !important;
    border: #dfdfdf solid;
    border-width: 1px 0;
    cursor: pointer
}

.accordion-navigation.is-open>a {
    background: #fff;
    color: #000
}

.accordion-navigation>a {
    background: #fff;
    color: #333;
    padding: 1.85714rem;
    display: block;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 1rem
}

.accordion-navigation>a:hover {
    background: #f4f4f4
}

.accordion-navigation .accordion-title {
    padding: 1.5rem 1.85714rem
}

.accordion-title {
    font-weight: 700;
    line-height: 24px
}

.accordion-content {
    display: none;
    padding: 2rem;
    border: #dfdfdf solid;
    border-width: 0 0 1px
}

.accordion-content.is-open {
    display: block
}

.accordion-navigation--success .accordion-title,
.accordion-navigation--success.is-open>a {
    color: #008a06
}

.accordion-navigation--error .accordion-title,
.accordion-navigation--error.is-open>a {
    color: #cc4749
}

.accordion-navigation--warning .accordion-title,
.accordion-navigation--warning.is-open>a {
    color: #f1a500
}

body.has-activeModal {
    overflow: hidden
}

.modal-background {
    background: #000;
    background: rgba(51, 51, 51, .95);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.has-activeModal .modal-background {
    display: block
}

.modal {
    border-radius: 0;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 2.25rem 2.25rem;
    border: solid 0 #dfdfdf;
    box-shadow: none;
    max-height: 80%;
    overflow: auto;
    position: fixed
}

@media only screen and (max-width:551px) {
    .modal {
        min-height: 100vh
    }
}

.modal .column,
.modal .columns {
    min-width: 0
}

.modal>:first-child {
    margin-top: 0
}

.modal>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:551px) {
    .modal {
        left: 0;
        margin: 0 auto;
        max-width: 80%;
        right: 0;
        width: 900px
    }
}

@media only screen and (min-width:551px) {
    .modal {
        top: 50% !important
    }
}

@media (min-width:551px) {
    .modal {
        transform: translateY(-50%)
    }
}

.modal--large {
    max-height: 90%;
    width: 1280px
}

.modal--small {
    width: 500px
}

.modal-header {
    border-bottom: 1px solid #dfdfdf;
    padding: 1rem 0;
    position: relative
}

.modal-header-title {
    margin: 0
}

.modal-body {
    padding: 3rem 0
}

.modal-body>:last-child {
    margin-bottom: 0
}

.modal-footer {
    border-top: 1px solid #dfdfdf;
    padding: .78571rem 1.5rem;
    text-align: center
}

@media (min-width:481px) {
    .modal-footer {
        text-align: right
    }
}

.modal-footer .button {
    display: block
}

@media (min-width:481px) {
    .modal-footer .button {
        display: inline-block;
        margin-bottom: 0
    }
}

.modal-footer-link {
    display: inline-block;
    font-size: 15px;
    margin: 0 0 .78571rem
}

@media (min-width:481px) {
    .modal-footer-link {
        display: inline;
        margin: 1.5rem
    }
}

.modal-close {
    color: #666;
    cursor: pointer;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: 1.05rem;
    right: .75rem;
    transform: translateY(none)
}

.modal-close .icon {
    height: 1.42857rem;
    width: 1.42857rem
}

@media print {
    .modal {
        background: #fff !important;
        display: none
    }
}

.loadingNotification {
    left: 50%;
    position: fixed;
    text-align: center;
    top: 3rem;
    transform: translateX(-50%);
    transform-style: preserve-3d;
    transition: all .2s ease-out;
    z-index: 500
}

.loadingNotification.ng-hide-add-active,
.loadingNotification.ng-hide-remove {
    opacity: 0;
    top: 3.6rem;
    transform: scale(.9) translateX(-50%)
}

.loadingNotification.ng-hide-remove-active {
    opacity: 1;
    top: 3rem;
    transform: scale(1) translateX(-50%)
}

.loadingNotification-label {
    background: #666;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: .35714rem .78571rem
}

.loadingOverlay-container {
    min-height: 120px;
    position: relative
}

.loadingOverlay {
    background: rgba(51, 51, 51, .9);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 250ms ease-out;
    width: 100%
}

.loadingOverlay::before {
    height: 2.85714rem;
    width: 2.85714rem;
    border-radius: 2.85714rem;
    border: solid 2px;
    border-color: #fff #fff #999 #999;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transform-style: preserve-3d;
    animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83)
}

.loadingOverlay.ng-enter,
.loadingOverlay.ng-leave.ng-leave-active {
    opacity: 0
}

.loadingOverlay.ng-enter.ng-enter-active,
.loadingOverlay.ng-leave {
    opacity: 1
}

@keyframes spin {
    0% {
        transform: translateY(-50%) rotate(0)
    }
    100% {
        transform: translateY(-50%) rotate(360deg)
    }
}

.actionBar {
    margin: 1.5rem 0
}

.actionBar:after,
.actionBar:before {
    content: " ";
    display: table
}

.actionBar:after {
    clear: both
}

.actionBar .button {
    margin-bottom: 0
}

.actionBar .buttonGroup {
    vertical-align: middle
}

.actionBar-link {
    display: block;
    padding: .78571rem 0
}

.actionBar-section:after,
.actionBar-section:before {
    content: " ";
    display: table
}

.actionBar-section:after {
    clear: both
}

@media (min-width:551px) {
    .actionBar-section {
        float: left
    }
    .actionBar-section .form-label {
        display: inline-block;
        margin: 0 .35714rem 0 0
    }
    .actionBar-section .form-input,
    .actionBar-section .form-select {
        display: inline-block;
        width: 14.28571rem
    }
}

@media (min-width:551px) {
    .actionBar-section--alt {
        float: right
    }
}

.actionBar-item {
    margin-bottom: 1.5rem
}

@media (min-width:551px) {
    .actionBar-item {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1.5rem;
        vertical-align: middle
    }
    .actionBar-item:last-child {
        margin-right: 0
    }
}

.card {
    background-color: transparent;
    margin-bottom: 3rem;
    padding: 0 0
}

.card-figure {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0 0;
    position: relative
}

.card-image {
    border: 1px solid #999;
    width: 100%
}

.card-figcaption {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.card-figcaption:hover {
    opacity: 1
}

.card-figcaption-action {
    display: block;
    height: 100%
}

.card-figcaption-body {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transform-style: preserve-3d
}

.card-figcaption-body>:first-child {
    margin-top: 0
}

.card-figcaption-body>:last-child {
    margin-bottom: 0
}

.card-figcaption-body .card-text {
    color: #333
}

.card-figcaption-button {
    background-color: rgba(46, 51, 68, .9);
    color: #fff
}

.card-figcaption-button:hover {
    background-color: #2e3344;
    color: #fff
}

.card-body {
    padding: .78571rem 0 0
}

.card-body>:first-child {
    margin-top: 0
}

.card-body>:last-child {
    margin-bottom: 0
}

.card-body .card-text {
    color: #333
}

.card-surTitle {
    float: right;
    margin-left: 1.5rem;
    max-width: 40%;
    text-align: right
}

.card-footer {
    background-color: transparent;
    margin: 0
}

.card-footer:after,
.card-footer:before {
    content: " ";
    display: table
}

.card-footer:after {
    clear: both
}

.card-button {
    margin-bottom: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff center center no-repeat
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: .8
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .6
}

.slick-next:before,
.slick-prev:before {
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    color: #2e3344;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir=rtl] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir=rtl] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: .8
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    font-family: inherit;
    font-size: 60px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: .6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #2e3344;
    opacity: 1
}

.slick-next,
.slick-prev {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    z-index: 1;
    border: 1px solid #fff;
    height: 4.35714rem;
    margin-top: -1.07143rem;
    padding: .71429rem;
    width: 2.85714rem
}

.slick-next::before,
.slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 2.92857rem;
    width: 1.42857rem
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.slick-next {
    right: -10px
}

@media (min-width:1261px) {
    .slick-next {
        right: -3.35714rem
    }
}

.slick-next::before {
    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")
}

.slick-next:hover::before {
    background-image: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp)
}

.slick-prev {
    left: -15px
}

@media (min-width:1261px) {
    .slick-prev {
        left: -3.35714rem
    }
}

.slick-prev::before {
    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")
}

.slick-prev:hover::before {
    background-image: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp)
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-dots {
    margin: 0
}

.slick-dots li {
    height: 2.28571rem;
    width: 2.28571rem;
    margin: 0;
    padding: .35714rem
}

.slick-dots li button,
.slick-dots li button::before {
    height: 1.07143rem;
    width: 1.07143rem;
    border-radius: 50%
}

.slick-dots li button {
    border: 1px solid #fff;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.slick-dots li button:hover::before {
    background: #fff
}

.slick-dots li button::before {
    display: block;
    left: -1px;
    top: -1px;
    transition: background .1s ease-out
}

.slick-dots li.slick-active button::before {
    background: #2e3344
}

.productView .slick-dots {
    position: relative
}

.slick-disabled {
    cursor: default;
    opacity: .1
}

.slick-track {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
}

.slick-track {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.nanobar {
    width: 100%;
    height: .35714rem;
    z-index: 9999;
    top: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nanobar .bar {
    width: 0;
    height: 100%;
    transition: height .1s;
    background-color: #999
}

body.swal2-shown {
    overflow-y: hidden
}

body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.swal2-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}

.swal2-container.swal2-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.swal2-container.swal2-top-left {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-top-right {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-center {
    -ms-flex-align: center;
    align-items: center
}

.swal2-container.swal2-center-left {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-center-right {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.swal2-container.swal2-bottom-left {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-right {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-pack: center;
    justify-content: center
}

.swal2-container.swal2-grow-row>.swal2-modal {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
    -ms-flex-align: center;
    align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-top-left {
    -ms-flex-align: start;
    align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-right {
    -ms-flex-align: end;
    align-items: flex-end
}

.swal2-container.swal2-grow-column>.swal2-modal {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.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 {
    margin: auto
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, .4)
}

.swal2-modal {
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
    max-width: 100%
}

.swal2-modal:focus {
    outline: 0
}

.swal2-modal.swal2-loading {
    overflow-y: hidden
}

.swal2-modal .swal2-title {
    color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0 0 .4em;
    padding: 0;
    display: block;
    word-wrap: break-word
}

.swal2-modal .swal2-buttonswrapper {
    margin-top: 15px
}

.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4;
    cursor: no-drop
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    border: 4px solid transparent;
    border-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 7.5px;
    vertical-align: top;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
    margin-left: 30px;
    margin-right: 30px
}

.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    content: '';
    margin-left: 5px;
    vertical-align: -1px;
    height: 15px;
    width: 15px;
    border: 3px solid #999;
    box-shadow: 1px 1px 1px #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal
}

.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 5px 0;
    padding: 10px 32px
}

.swal2-modal .swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}

.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%
}

.swal2-modal .swal2-close {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 40px;
    font-size: 36px;
    line-height: 40px;
    font-family: serif;
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #ccc;
    transition: color .1s ease
}

.swal2-modal .swal2-close:hover {
    color: #d55
}

.swal2-modal>.swal2-checkbox,
.swal2-modal>.swal2-file,
.swal2-modal>.swal2-input,
.swal2-modal>.swal2-radio,
.swal2-modal>.swal2-select,
.swal2-modal>.swal2-textarea {
    display: none
}

.swal2-modal .swal2-content {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454;
    word-wrap: break-word
}

.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-select,
.swal2-modal .swal2-textarea {
    margin: 20px auto
}

.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    transition: border-color .3s, box-shadow .3s
}

.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
    outline: 0;
    border: 1px solid #b4dbed;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-modal .swal2-range input {
    float: left;
    width: 80%
}

.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0
}

.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px
}

.swal2-modal .swal2-input[type=number] {
    max-width: 150px
}

.swal2-modal .swal2-file {
    font-size: 20px
}

.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px
}

.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%
}

.swal2-modal .swal2-radio {
    border: 0
}

.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px
}

.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
    vertical-align: middle
}

.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0
}

.swal2-modal .swal2-checkbox {
    color: #545454
}

.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
    vertical-align: middle
}

.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

.swal2-modal .swal2-validationerror::before {
    content: '!';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }
    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }
    .swal2-range output {
        display: none
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    display: block
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    transform: rotate(45deg);
    left: 17px
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    transform: rotate(-45deg);
    right: 16px
}

.swal2-icon.swal2-warning {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #f8bb86;
    border-color: #facea8;
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

.swal2-icon.swal2-info {
    font-family: 'Open Sans', sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

.swal2-icon.swal2-question {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #87adbd;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.swal2-icon.swal2-success .swal2-success-ring {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal2-icon.swal2-success .swal2-success-fix {
    width: 7px;
    height: 90px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
    background: #add8e6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

.swal2-show {
    animation: showSweetAlert .3s
}

.swal2-show.swal2-noanimation {
    animation: none
}

.swal2-hide {
    animation: hideSweetAlert .15s forwards
}

.swal2-hide.swal2-noanimation {
    animation: none
}

@keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg)
    }
}

.swal2-animate-success-line-tip {
    animation: animate-success-tip .75s
}

.swal2-animate-success-line-long {
    animation: animate-success-long .75s
}

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
    animation: rotatePlaceholder 4.25s ease-in
}

@keyframes animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

.swal2-animate-error-icon {
    animation: animate-error-icon .5s
}

@keyframes animate-x-mark {
    0% {
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.swal2-animate-x-mark {
    animation: animate-x-mark .5s
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swal2-modal {
    background-color: #fff !important;
    border-radius: 4px;
    font-family: Rubik, Arial, Helvetica, sans-serif
}

.swal2-modal .swal2-title {
    color: #2e3344;
    font-size: 2.14286rem
}

.swal2-modal .swal2-content {
    color: #333;
    font-size: 1.14286rem
}

.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
    border: 1px solid #dfdfdf;
    color: #666
}

.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-select {
    color: #666
}

.swal2-modal .swal2-buttonswrapper {
    margin: 25px 0 0
}

.swal2-modal .swal2-styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    border-color: #2e3344;
    color: #2e3344;
    font-size: 1rem;
    padding: .85714rem 2.28571rem;
    border-radius: 4px;
    line-height: 1rem;
    outline: 0;
    transition: all .15s ease;
    vertical-align: middle
}

.swal2-modal .swal2-styled.active,
.swal2-modal .swal2-styled.is-active,
.swal2-modal .swal2-styled:focus,
.swal2-modal .swal2-styled:hover {
    background-color: transparent;
    border-color: #2e3344;
    color: #fff
}

.swal2-modal .swal2-styled:active {
    background-color: transparent;
    border: 1px solid #2e3344;
    color: #fff
}

.swal2-modal .swal2-styled:focus {
    outline: 0
}

.swal2-modal .swal2-confirm {
    background-color: #2e3344;
    border-color: #2e3344;
    color: #fff
}

.swal2-modal .swal2-confirm:focus,
.swal2-modal .swal2-confirm:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2e3344
}

.swal2-modal .swal2-confirm:active {
    background-color: #fff;
    border-color: #fff;
    color: #2e3344
}

.swal2-modal .swal2-cancel {
    background-color: transparent;
    border-color: #2e3344;
    color: #2e3344
}

.swal2-modal .swal2-cancel:focus,
.swal2-modal .swal2-cancel:hover {
    background-color: transparent;
    border-color: #2e3344;
    color: #fff
}

.swal2-modal .swal2-cancel:active {
    background-color: transparent;
    border-color: #2e3344;
    color: #fff
}

.swal2-modal .button+.button {
    margin-left: .78571rem
}

body,
html {
    height: auto
}

body {
    padding-top: 55px
}

@media (min-width:801px) {
    body {
        padding-top: 0
    }
}

figure {
    margin-bottom: 2rem;
    margin-top: 2rem
}

figure>figcaption {
    margin-bottom: -.5rem
}

figcaption {
    color: #999;
    margin-top: .78571rem
}

body {
    font-size: 1rem;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-top: 2.28571rem
}

h5,
h6 {
    text-transform: uppercase
}

a {
    transition: color .15s ease
}

cite {
    line-height: 1.5;
    margin: .5rem 0 0
}

.page-heading {
    margin: 0 0 3rem;
    text-align: center
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 13px
}

.definitionList:after,
.definitionList:before {
    content: " ";
    display: table
}

.definitionList:after {
    clear: both
}

.definitionList-key {
    color: #333;
    float: left;
    font-weight: 400;
    margin: 0 .35714rem 0 0
}

.definitionList-value {
    margin: 0
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    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");
    background-position: right .57143rem top .71429rem;
    border-radius: 4px;
    padding: .75rem 3rem .75rem 1rem
}

.form-label small {
    float: right;
    margin-top: .35714rem
}

.form-label--inlineSmall small {
    color: #333;
    float: none;
    font-size: inherit;
    font-weight: 400;
    margin-left: .35714rem;
    text-transform: none
}

.table {
    margin-top: 2rem
}

.table td+td {
    border-left: 1px solid #dfdfdf
}

.table .table-alignCenter {
    text-align: center
}

.table .table-alignRight {
    text-align: right
}

.table-actions {
    margin: 1.5rem;
    text-align: center
}

.table-actions .form {
    margin-bottom: 0
}

.table-actions .button {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media (min-width:551px) {
    .table-actions .button {
        display: inline-block;
        margin-bottom: 0;
        width: auto
    }
}

@media (min-width:551px) {
    .table-actions .button+.button {
        margin-left: .35714rem
    }
}

.table--line {
    border-color: #dfdfdf;
    border-width: 0 0 1px
}

.table--line .table-thead {
    background-color: #fff;
    border-color: #dfdfdf;
    border-width: 0 0 1px
}

.table--line .table-thead tr th {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:551px) {
    .table--line .table-thead tr th {
        text-align: center
    }
    .table--line .table-thead tr th:first-child {
        text-align: left
    }
    .table--line .table-thead tr th:last-child {
        text-align: right
    }
}

.table--line .table-thead tr th+th {
    padding-left: 1.5rem
}

.table--line tr {
    border-color: 1px solid #dfdfdf
}

.table--line tr td {
    display: block;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:551px) {
    .table--line tr td {
        text-align: center
    }
    .table--line tr td:first-child {
        text-align: left
    }
    .table--line tr td:last-child {
        text-align: right
    }
}

.table--line tr td+td {
    padding-left: 1.5rem
}

.table--line td+td {
    border-left: 0
}

.dropdown {
    left: -9999px;
    outline: 0;
    position: absolute
}

.dropdown-menu.is-loading .loadingOverlay {
    background: 0 0;
    padding: 4.5rem 0;
    position: relative
}

.dropdown-menu.is-open {
    display: block
}

.dropdown-menu-item {
    text-align: left
}

.dropdown-menu-item:first-child>a {
    padding-top: .78571rem
}

.dropdown-menu-item:last-child>a {
    padding-bottom: 1rem
}

.dropdown-menu-item>a {
    margin: 0;
    padding: .28571rem 1.14286rem;
    text-decoration: none
}

.form-wishlist {
    position: relative
}

.dropdown-menu-button {
    width: 100%
}

.dropdown-menu-button.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-menu-button .icon {
    float: right;
    margin-left: 10px
}

#wishlist-dropdown.is-open {
    background: 0 0;
    left: auto !important;
    max-width: none !important;
    width: 100% !important
}

@media (min-width:551px) {
    #wishlist-dropdown.is-open {
        padding-right: 20px
    }
}

@media (min-width:801px) {
    #wishlist-dropdown.is-open {
        padding-right: 0
    }
}

@media (min-width:1261px) {
    #wishlist-dropdown.is-open {
        padding-right: 11px
    }
}

#wishlist-dropdown.is-open:focus {
    outline: 0
}

#wishlist-dropdown.is-open [data-wishlist] {
    border-top: none;
    margin-bottom: 0;
    width: 100%
}

#wishlist-dropdown.is-open .button {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%
}

#wishlist-dropdown.is-open .button--has-items {
    font-weight: 700
}

#wishlist-dropdown.is-open li:not(:last-child) .button {
    border-bottom: none;
    border-radius: 0;
    border-top: none;
    margin-bottom: 0
}

.modal {
    margin: 0;
    max-height: 90%;
    max-width: 95%;
    min-height: 240px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%)
}

@media (min-width:1261px) {
    .modal--large {
        width: 1280px
    }
}

.modal-header {
    padding-left: 2.25rem;
    padding-right: 3.03571rem
}

.modal-header-title {
    font-size: 22px;
    text-align: center
}

@media (min-width:801px) {
    .modal-header-title {
        font-size: 25px
    }
}

.modal-close {
    height: 2.28571rem;
    width: 2.28571rem;
    color: #8e8e8e;
    font-size: 26px;
    line-height: 2.28571rem;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 50
}

@media (min-width:801px) {
    .modal-close {
        font-size: 32px
    }
}

.modal-close:hover {
    color: #888
}

.modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2.25rem 2.25rem
}

.modal--alert {
    background-color: #fff !important;
    border-radius: 4px;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    padding: 40px 20px 20px 20px;
    text-align: center
}

.modal--alert .modal-content {
    color: #333;
    font-size: 1.14286rem
}

.modal--alert .button-container {
    margin: 25px 0 0
}

.modal--alert .button-container .confirm {
    background-color: #2e3344;
    border-color: #2e3344;
    color: #fff
}

.modal--alert .button-container .confirm:focus,
.modal--alert .button-container .confirm:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2e3344
}

.modal--alert .button-container .confirm:active {
    background-color: #fff;
    border-color: #fff;
    color: #2e3344
}

.breadcrumbs {
    display: none;
    font-size: 0;
    text-align: center
}

@media (min-width:551px) {
    .breadcrumbs {
        display: block
    }
}

.breadcrumb {
    display: inline-block;
    float: none
}

.breadcrumb.is-active>.breadcrumb-label {
    cursor: text
}

.breadcrumb-label {
    text-decoration: none
}

.panel-title {
    font-size: 20px
}

.panel--large .panel-body {
    margin-bottom: 2rem;
    padding: 2rem
}

.pagination-list {
    font-size: 0;
    margin-bottom: 1.5rem;
    text-align: center
}

.pagination-list:after,
.pagination-list:before {
    content: " ";
    display: table
}

.pagination-list:after {
    clear: both
}

.pagination-list .pagination-item {
    display: inline-block
}

.pagination-item {
    border: 1px solid transparent;
    line-height: 1
}

.pagination-item .pagination-link {
    text-decoration: none;
    transition: all .2s ease
}

.pagination-item .pagination-link:hover {
    color: #888
}

.pagination-item.pagination-item--current {
    border-color: #dfdfdf;
    border-radius: 4px;
    margin: 0 .35714rem 0 .78571rem
}

.pagination-item.pagination-item--next>a,
.pagination-item.pagination-item--previous>a {
    color: #333
}

.pagination-item.pagination-item--next>a:hover,
.pagination-item.pagination-item--previous>a:hover {
    color: #888
}

.pagination-item.pagination-item--next>a:hover .icon>svg,
.pagination-item.pagination-item--previous>a:hover .icon>svg {
    fill: #888
}

.pagination-item--next .icon,
.pagination-item--previous .icon {
    height: 1.42857rem;
    margin-top: -.14286rem;
    width: 1.42857rem
}

.pagination-item--previous {
    float: left
}

.pagination-item--previous .icon {
    margin-left: -.85714rem
}

.pagination-item--next {
    float: right
}

.pagination-item--next .icon {
    margin-right: -.85714rem
}

.pagination-list--small {
    position: relative
}

.pagination-list--small .pagination-item {
    color: #333;
    cursor: inherit;
    line-height: 1.5
}

.pagination-list--small .pagination-link {
    padding: 0 .35714rem
}

.pagination-list--small .pagination-item--next,
.pagination-list--small .pagination-item--previous {
    position: absolute;
    top: 0
}

.pagination-list--small .pagination-item--previous {
    left: 0
}

.pagination-list--small .pagination-item--next {
    right: 0
}

.button {
    line-height: 1rem;
    transition: all .15s ease
}

.button+.button {
    margin-left: 0
}

@media (min-width:801px) {
    .button+.button {
        margin-left: .78571rem
    }
}

.button[disabled] {
    cursor: not-allowed
}

.button--icon svg {
    fill: #666
}

.tab {
    border-top: 1px solid #dfdfdf;
    float: none
}

@media (min-width:801px) {
    .tab {
        border-top-color: #fff;
        float: left
    }
}

.tab.is-active {
    border-left-color: #fff;
    border-right-color: #fff
}

@media (min-width:551px) {
    .tab.is-active {
        margin-bottom: -1px
    }
}

@media (min-width:801px) {
    .tab.is-active {
        border: 1px solid #dfdfdf;
        border-bottom: 1px solid #fff
    }
}

.tab-title {
    padding: 1.14286rem 0;
    text-align: center;
    text-decoration: none
}

@media (min-width:551px) {
    .tab-title {
        text-align: left
    }
}

@media (min-width:801px) {
    .tab-title {
        padding: .78571rem 1.5rem
    }
}

.tab-content.has-jsContent {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden
}

.tab-content.has-jsContent.is-active {
    height: auto;
    overflow: visible;
    padding: 1.5rem 0;
    visibility: visible
}

@media (min-width:551px) {
    .tab-content .productReview {
        width: 50%
    }
}

@media (min-width:801px) {
    .tab-content .productReview {
        width: 33.33333%
    }
}

@media (min-width:1261px) {
    .tab-content .productReview {
        width: 50%
    }
}

.tab-content .productReviews {
    border-top: 0
}

.accordion {
    border-radius: 4px;
    box-shadow: none
}

.accordion .navList {
    margin-bottom: 0
}

.accordion-content {
    border: 0
}

.accordion-content .form:only-child {
    margin-bottom: 0
}

.accordion-title {
    margin: 0
}

.accordion-navigation {
    margin-top: -1px;
    position: relative;
    text-decoration: none
}

@media (min-width:801px) {
    .accordion--navList {
        border: 0
    }
}

@media (min-width:801px) {
    .sidebarBlock+.accordion--navList {
        margin-top: 2rem
    }
}

@media (min-width:801px) {
    .accordion--navList .accordion-block {
        margin-top: 2rem
    }
}

.accordion--navList .accordion-content {
    padding: 1rem
}

@media (min-width:801px) {
    .accordion--navList .accordion-content {
        padding: 0
    }
}

@media (min-width:801px) {
    .accordion--navList .accordion-navigation {
        background-position: right 0 top 50%;
        border: 0
    }
}

.accordion--navList .accordion-title {
    font-weight: 400;
    padding: 1rem;
    text-decoration: none;
    text-transform: inherit
}

@media (min-width:801px) {
    .accordion--navList .accordion-title {
        margin-bottom: .78571rem;
        margin-top: 0;
        padding: 0
    }
}

.accordion--navList .accordion-indicator {
    fill: #999
}

.accordion--navList .accordion-navigation-actions {
    right: 1rem;
    top: 1.21429rem
}

@media (min-width:801px) {
    .accordion--navList .accordion-navigation-actions {
        right: 0;
        top: 0
    }
}

.accordion-block:first-child {
    margin-top: 0
}

.accordion-block:first-child .accordion-navigation {
    border-radius: 4px 4px 0 0
}

.accordion-block:last-child .accordion-content,
.accordion-block:last-child .accordion-navigation {
    border-radius: 0 0 4px 4px
}

.accordion-block:last-child .accordion-navigation {
    border-bottom-width: 0
}

.accordion-block:last-child .accordion-navigation.is-open {
    border-bottom-width: 1px;
    border-radius: 0
}

.accordion-navigation-actions {
    position: absolute;
    right: 1.85714rem;
    top: 1.5rem
}

.accordion-navigation-actions>a {
    color: #333;
    vertical-align: middle
}

.accordion-navigation-actions>a:hover {
    color: #888
}

.inlineList--labels {
    margin-bottom: 0;
    margin-left: -.78571rem
}

.inlineList--labels>li {
    margin-bottom: .78571rem;
    margin-left: .78571rem
}

.alertBox {
    border-radius: 4px;
    color: #333
}

.alertBox-icon .icon {
    height: 1.78571rem;
    width: 1.78571rem
}

.alertBox--info {
    color: #fff
}

.alertBox--info .alertBox-close svg {
    fill: #dfdfdf
}

.form--hiddenLabels .form-label {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-inlineMessage {
    display: block
}

.form-field--error .form-input {
    float: none
}

.form-field--error .form-inlineMessage:before {
    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;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1rem;
    left: -.14286rem;
    margin-right: .07143rem;
    position: relative;
    top: .21429rem;
    width: 1rem
}

.form-field--success .form-input[type=text] {
    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");
    background-position: right .71429rem center;
    background-repeat: no-repeat;
    padding-right: 3rem
}

.form-checkbox+.form-label:last-child,
.form-radio+.form-label:last-child {
    display: block;
    margin-bottom: -.28571rem
}

.form-checkbox+.form-label::after,
.form-radio+.form-label::after {
    top: .28571rem
}

.form-checkbox+.form-label::before,
.form-radio+.form-label::before {
    top: .21429rem
}

.form-actions {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%;
    display: block;
    text-align: center
}

.form-actions:after,
.form-actions:before {
    content: " ";
    display: table
}

.form-actions:after {
    clear: both
}

@media (min-width:551px) {
    .form-actions {
        margin-top: 1.5rem
    }
}

.form-actions .button,
.form-actions a,
.form-actions input {
    vertical-align: top;
    width: 100%
}

@media (min-width:551px) {
    .form-actions .button,
    .form-actions a,
    .form-actions input {
        margin-bottom: 0;
        width: auto
    }
}

.form-actions .button+.button,
.form-actions .button+a,
.form-actions .button+input,
.form-actions a+.button,
.form-actions a+a,
.form-actions a+input,
.form-actions input+.button,
.form-actions input+a,
.form-actions input+input {
    margin-top: .78571rem
}

@media (min-width:551px) {
    .form-actions .button+.button,
    .form-actions .button+a,
    .form-actions .button+input,
    .form-actions a+.button,
    .form-actions a+a,
    .form-actions a+input,
    .form-actions input+.button,
    .form-actions input+a,
    .form-actions input+input {
        margin: 0 0 0 .78571rem
    }
}

.form-label--alternate {
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: .78571rem
}

.form-select--date {
    width: initial
}

.form-select--date+.form-select--date {
    margin-left: .35714rem
}

.form-select--date,
.form-select--small {
    background-position: right .5rem top .5rem;
    background-size: 1.28571rem;
    font-size: 13px;
    height: 2.28571rem;
    line-height: 1rem;
    max-width: 20rem;
    padding: .57143rem .78571rem;
    padding-right: 2rem
}

.form-select--short {
    max-width: 6rem;
    width: 4.5rem
}

.form-file {
    margin-bottom: .5rem
}

.form-fileDescription {
    color: #999;
    font-size: 13px
}

.form-field-group {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 1.5rem
}

.form-column {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:551px) {
    .form-column {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 50%;
        float: left
    }
}

.form-prefixPostfix.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-prefixPostfix .button,
.form-prefixPostfix .form-input {
    display: block;
    width: 100%
}

@media (min-width:1261px) {
    .form-prefixPostfix .form-input {
        width: auto
    }
}

@media (min-width:1261px) {
    .form-prefixPostfix .button {
        width: auto
    }
}

.form-prefixPostfix .form-inlineMessage {
    margin-bottom: .35714rem
}

@media (min-width:1261px) {
    .form-prefixPostfix .form-inlineMessage {
        margin-bottom: 0
    }
}

.form-prefixPostfix-button--postfix {
    margin: .78571rem 0 0;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:1261px) {
    .form-prefixPostfix-button--postfix {
        margin: 0 0 0 .78571rem;
        -ms-flex-order: 0;
        order: 0
    }
}

.form-increment .button {
    margin: 0;
    padding: .21429rem .35714rem
}

.form-input--incrementTotal {
    border: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 2.5rem
}

.form-option {
    border: 1px solid #dfdfdf;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: 1px;
    transition: all .15s ease
}

.form-option:hover {
    border-color: #999
}

.form-radio:checked+.form-option {
    border-color: #2e3344;
    box-shadow: 0 0 0 1px #2e3344
}

.form-option-variant {
    display: inline-block;
    font-size: 1rem;
    min-width: 2.71429rem;
    padding: 1px .35714rem;
    pointer-events: none;
    text-align: center
}

.form-option-variant--color,
.form-option-variant--pattern {
    height: 1.57143rem;
    width: 1.57143rem;
    min-width: initial;
    padding: 0
}

@media (min-width:551px) {
    .form-option-variant--color,
    .form-option-variant--pattern {
        pointer-events: inherit
    }
}

.form-option-variant--pattern {
    background-position: center;
    background-repeat: no-repeat
}

.form-input--small {
    font-size: 13px;
    height: 2.28571rem;
    line-height: 1rem;
    padding: .57143rem .78571rem
}

.form-minMaxRow {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.form-minMaxRow:after,
.form-minMaxRow:before {
    content: " ";
    display: table
}

.form-minMaxRow:after {
    clear: both
}

.form-minMaxRow .form-field {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
    padding-left: .375rem;
    padding-right: .375rem
}

.form-minMaxRow .button {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media (min-width:551px) {
    .form-row--half>.form-field:nth-child(odd) {
        clear: left
    }
}

[data-product-attribute] .form-option {
    overflow: hidden;
    position: relative
}

[data-product-attribute] .form-option.unavailable {
    background-color: #ddd;
    opacity: .3
}

[data-product-attribute] .form-option.unavailable:before {
    background-color: #000;
    content: "";
    height: 2px;
    left: -5px;
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    width: 141%
}

[data-product-attribute=product-list] .unavailable,
[data-product-attribute=set-radio] .unavailable {
    opacity: .6;
    text-decoration: line-through
}

.card-figure {
    margin-top: 0;
    position: relative
}

.card-figure:hover .card-figcaption {
    opacity: 1
}

.card-img-container {
    max-width: 338px
}

.card-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.card-figcaption {
    display: none;
    margin: 0;
    pointer-events: none
}

@media (min-width:801px) {
    .card-figcaption {
        display: block
    }
}

.card-figcaption-body {
    display: inline-block;
    pointer-events: all;
    transform: translate3d(0, -50%, 0)
}

.card-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.card-title {
    font-size: 15px;
    margin: 0 0 .28571rem
}

.card-title>a {
    color: #2e3344;
    text-decoration: none
}

.card-title>a:hover {
    color: #888
}

.card-text {
    margin-bottom: .21429rem
}

.card-text abbr {
    border: 0;
    color: inherit;
    font-size: inherit
}

.card-figcaption-button {
    border: none;
    display: block;
    margin: .35714rem 0 0
}

.card-figcaption-button:active {
    background-color: #2e3344;
    border: none
}

.card-figcaption-button+.card-figcaption-button {
    margin: .35714rem 0 0
}

.card-body {
    text-align: center
}

@media (min-width:551px) {
    .card-body {
        text-align: left
    }
}

.card--alternate {
    border: 3px solid #fff;
    transition: all .15s ease
}

.card--alternate .card-body {
    background-color: #fff;
    padding: .78571rem;
    transition: all .15s ease
}

@media (min-width:551px) {
    .card--alternate .card-body {
        padding: 1.5rem
    }
}

.card--alternate:hover {
    border-color: #888
}

.card--alternate:hover .card-body {
    background-color: #888
}

.card--alternate:hover .card-body .card-text {
    color: #fff
}

.card--alternate:hover .card-title>a {
    color: #fff
}

.navBar,
.navList {
    margin-left: 0
}

.navBar-action,
.navList-action {
    text-decoration: none
}

.navList-action.is-active {
    font-weight: 700
}

.navList-action--checkbox {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .35714rem;
    padding-left: 1.85714rem;
    position: relative;
    vertical-align: baseline;
    width: 100%
}

.navList-action--checkbox::after,
.navList-action--checkbox::before {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out
}

.navList-action--checkbox::before {
    background-color: #fff;
    border: solid #dfdfdf;
    border-width: 1px;
    height: 1.14286rem;
    left: 0;
    top: 0;
    width: 1.14286rem
}

.navList-action--checkbox::after {
    height: 1rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1rem
}

.navList-action--checkbox::before {
    border-radius: 4px
}

.navList-action--checkbox::after {
    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");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(46, 51, 68, .999);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center
}

.navList-action--checkbox:after,
.navList-action--checkbox:before {
    top: 50%
}

.navList-action--checkbox:before {
    margin-top: -.57143rem
}

.navList-action--checkbox:after {
    margin-top: -.5rem
}

.navList-action--checkbox.is-disabled {
    cursor: default
}

.navList-action--checkbox.is-disabled::before {
    background-color: #fff
}

.navList-action--checkbox.is-checked::after,
.navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1)
}

.navList-action-close {
    background: #f4f4f4;
    border-radius: 100%;
    display: inline-block;
    float: right;
    line-height: 0;
    opacity: 0;
    padding: .28571rem;
    transition: opacity .3s ease;
    visibility: hidden
}

.navList-action-close .icon {
    height: .92857rem;
    width: .92857rem;
    fill: #333
}

.navList-action.is-selected:hover .navList-action-close {
    opacity: 1;
    visibility: visible
}

.navBar--sub {
    margin-bottom: 4.5rem;
    text-align: center
}

.navBar--sub .navBar-section {
    float: none
}

.navBar--sub .navBar-item {
    float: none;
    margin: 0 .78571rem
}

@media (min-width:801px) {
    .navBar--sub .navBar-item {
        display: inline-block
    }
}

@media (min-width:801px) {
    .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid #333
    }
}

.navBar--sub .navBar-item.is-active>.navBar-action {
    color: #666
}

@media (min-width:801px) {
    .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid #333;
        margin: 0;
        padding-left: .78571rem
    }
}

.navBar--sub .navBar-action {
    color: #333;
    font-size: 1rem;
    padding: 0
}

.navBar--sub .navBar-action:hover {
    color: #888
}

.loadingOverlay {
    background-color: rgba(255, 255, 255, .9);
    display: none;
    z-index: 20
}

.icons-svg-sprite {
    display: none
}

.icon,
.icon svg {
    transition: all .15s ease
}

.actionBar-section .form-field {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow: hidden
}

.actionBar-section .form-field:hover {
    border-color: #999
}

.actionBar-section .form-label {
    color: #333;
    font-size: 13px;
    line-height: 2.14286rem;
    margin-bottom: 0;
    padding-left: .78571rem
}

.actionBar-section .form-input,
.actionBar-section .form-select {
    border: 0;
    padding-left: .21429rem;
    width: auto
}

.actionBar-section .form-input,
.actionBar-section .form-label,
.actionBar-section .form-select {
    display: inline-block
}

.actionBar-section .form-select {
    color: #333;
    height: 2.14286rem
}

.has-ribbon {
    position: relative
}

.ribbon {
    background-color: #333;
    color: #fff;
    cursor: default;
    font-weight: 700;
    margin: -.78571rem -.78571rem 0 0;
    padding: .07143rem 1rem;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 1
}

.navUser {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    top: 26px;
    width: 100%;
    z-index: 5
}

.navUser:after,
.navUser:before {
    content: " ";
    display: table
}

.navUser:after {
    clear: both
}

.navUser ol,
.navUser ul {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0
}

.navUser ol ol,
.navUser ol ul,
.navUser ul ol,
.navUser ul ul {
    list-style: none;
    margin-bottom: 0
}

.navUser ol li,
.navUser ul li {
    margin: 0;
    padding: 0
}

.navUser-section {
    float: left
}

.navUser-section:after,
.navUser-section:before {
    content: " ";
    display: table
}

.navUser-section:after {
    clear: both
}

.navUser-section--alt {
    float: right;
    margin-left: 1.5rem
}

.navUser-section+.navUser-section {
    margin-left: 1.5rem
}

@media (min-width:551px) {
    .navUser-item {
        float: left
    }
}

.navUser-action,
.navUser-item {
    display: block
}

@media (min-width:801px) {
    .navUser {
        padding: 0 1.5rem;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        z-index: 50
    }
}

.navUser .dropdown-menu {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 2px rgba(255, 255, 255, .13);
    position: absolute
}

.navUser .dropdown-menu.is-open:before {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #dfdfdf transparent;
    border-bottom-style: solid;
    bottom: 100%;
    left: .78571rem;
    position: absolute
}

.navUser .dropdown-menu.is-open:after {
    border: inset 8px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    bottom: 100%;
    left: .92857rem;
    position: absolute
}

@media (min-width:801px) {
    .navUser-section {
        position: relative
    }
}

.navUser-action {
    color: #f6f6f6;
    font-weight: 700;
    padding: 1rem .78571rem;
    text-decoration: none;
    text-transform: uppercase
}

.navUser-action.is-open,
.navUser-action:hover {
    color: #fff
}

.navUser-action.is-open svg,
.navUser-action:hover svg {
    fill: #fff;
    stroke: #fff
}

.navUser-action .icon {
    height: .57143rem;
    width: .57143rem;
    margin: -1px 0 0 .21429rem
}

.navUser-action svg {
    fill: #f6f6f6;
    stroke: #f6f6f6;
    transition: all .15s ease
}

.navUser-action--currencySelector+.dropdown-menu:before {
    left: auto !important;
    right: .78571rem
}

.navUser-action--currencySelector+.dropdown-menu:after {
    left: auto !important;
    right: .92857rem
}

.navUser-action--storeCredit+.dropdown-menu {
    max-width: 21.42857rem;
    padding: 1.5rem
}

.navUser-action--storeCredit+.dropdown-menu:before {
    left: 10rem !important
}

.navUser-action--storeCredit+.dropdown-menu:after {
    left: 10.14286rem !important
}

.navUser-action-divider {
    border-right: 1px solid #dfdfdf;
    color: #333;
    display: inline-block;
    padding: 0 1.42857rem 0 0;
    text-decoration: none
}

.navUser-item {
    display: none
}

@media (min-width:801px) {
    .navUser-item {
        display: block
    }
    .navUser-item.navUser-item--social {
        margin-top: .35714rem;
        padding-right: .35714rem
    }
    .navUser-item.navUser-item--divider {
        font-size: 1.78571rem;
        margin-top: .57143rem;
        padding-left: .14286rem
    }
}

.navUser-item--cart {
    display: block
}

.navUser-item--cart .navUser-action {
    color: #f6f6f6
}

.navUser-item--cart .navUser-action.is-open,
.navUser-item--cart .navUser-action:hover {
    color: #fff
}

.navUser-item--cart .dropdown-menu {
    max-width: 22.85714rem
}

.navUser-item--cart .dropdown-menu.is-open {
    top: auto !important;
    left: auto !important;
    right: .35714rem
}

@media (min-width:801px) {
    .navUser-item--cart .dropdown-menu.is-open {
        right: 0
    }
}

.navUser-item--cart .dropdown-menu.is-open:after,
.navUser-item--cart .dropdown-menu.is-open:before {
    left: auto
}

.navUser-item--cart .dropdown-menu.is-open:before {
    right: .42857rem
}

@media (min-width:801px) {
    .navUser-item--cart .dropdown-menu.is-open:before {
        right: .78571rem
    }
}

.navUser-item--cart .dropdown-menu.is-open:after {
    right: .57143rem
}

@media (min-width:801px) {
    .navUser-item--cart .dropdown-menu.is-open:after {
        right: .92857rem
    }
}

.navUser-item-cartLabel {
    display: none
}

@media (min-width:551px) {
    .navUser-item-cartLabel {
        display: inline
    }
}

.navUser-item--compare {
    display: none
}

.navUser-item--compare.show {
    display: block
}

.navUser-item--account .navUser-or+.navUser-action {
    margin-right: -.5rem
}

.navUser-item--account .navUser-action {
    display: inline-block
}

.navUser-or {
    color: #f6f6f6;
    cursor: default;
    display: inline-block;
    margin: 0 -.85714rem;
    padding: 0 2px;
    position: relative;
    z-index: 1
}

.navUser-action--quickSearch.is-open {
    position: relative
}

.navUser-action--quickSearch.is-open:before {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #e5e5e5 transparent;
    border-bottom-style: solid;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.dropdown--quickSearch {
    background-color: #fff;
    padding: 1.5rem 0
}

@media (min-width:551px) {
    .dropdown--quickSearch {
        padding: 3rem
    }
}

.dropdown--quickSearch.is-open {
    left: 0 !important;
    outline: 0;
    right: 0 !important;
    width: 100% !important;
    z-index: 50
}

.dropdown--quickSearch .form {
    margin: auto;
    max-width: 30rem
}

.dropdown--quickSearch .form,
.dropdown--quickSearch .form-field {
    margin-bottom: 0
}

.dropdown--quickSearch .form-input {
    font-size: 20px;
    height: unset
}

.dropdown--quickSearch .productGrid {
    padding: 1.5rem 0 0
}

@media (min-width:551px) {
    .dropdown--quickSearch .productGrid {
        padding: 3rem 0 0
    }
}

.countPill {
    background-color: #fff;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-left: .21429rem;
    text-align: center;
    width: 20px
}

.countPill--positive {
    display: inline-block
}

.countPill--alt {
    background-color: #ccc;
    color: #333
}

.navPage-childList,
.navPages .navPage-subMenu-list {
    border-left: 1px solid #ccc;
    margin: .35714rem .78571rem;
    padding-left: .78571rem
}

.has-activeNavPages {
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}

.navPages-container {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    right: 0;
    z-index: 10
}

@media (min-width:801px) {
    .navPages-container {
        background: 0 0;
        display: block;
        height: auto;
        padding: 0;
        position: relative
    }
}

.navPages-container.is-open {
    display: block;
    padding-top: 55px;
    z-index: 0
}

.navPages {
    background-color: #e5e5e5;
    height: 100%;
    overflow-y: auto;
    padding: 1.5rem
}

@media (min-width:801px) {
    .navPages {
        margin: 0 auto;
        max-width: 85.71429rem;
        width: 100%;
        background: 0 0;
        font-size: 0;
        overflow-y: visible;
        padding: 0;
        text-align: center
    }
    .navPages:after,
    .navPages:before {
        content: " ";
        display: table
    }
    .navPages:after {
        clear: both
    }
    .navPages:after,
    .navPages:before {
        content: " ";
        display: table
    }
    .navPages:after {
        clear: both
    }
    .navPages ol,
    .navPages ul {
        list-style: none;
        margin-left: 0;
        margin: 0;
        padding: 0
    }
    .navPages ol ol,
    .navPages ol ul,
    .navPages ul ol,
    .navPages ul ul {
        list-style: none;
        margin-bottom: 0
    }
    .navPages ol li,
    .navPages ul li {
        margin: 0;
        padding: 0
    }
    .navPages-section {
        float: left
    }
    .navPages-section:after,
    .navPages-section:before {
        content: " ";
        display: table
    }
    .navPages-section:after {
        clear: both
    }
    .navPages-section--alt {
        float: right;
        margin-left: 1.5rem
    }
    .navPages-section+.navPages-section {
        margin-left: 1.5rem
    }
}

@media (min-width:801px) and (min-width:551px) {
    .navPages-item {
        float: left
    }
}

@media (min-width:801px) {
    .navPages-action,
    .navPages-item {
        display: block
    }
}

.navPages ul {
    list-style: none
}

.navPages .navPage-subMenu-list {
    border-left: 0;
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

@media (min-width:801px) {
    .navPages .navPage-subMenu-list {
        margin: 0 auto;
        max-width: 85.71429rem;
        width: 100%;
        border-left: 0;
        margin: auto;
        padding-left: 0
    }
    .navPages .navPage-subMenu-list:after,
    .navPages .navPage-subMenu-list:before {
        content: " ";
        display: table
    }
    .navPages .navPage-subMenu-list:after {
        clear: both
    }
}

.navPages-list {
    margin: 0
}

@media (min-width:801px) {
    .navPages-list {
        display: inline-block;
        float: none
    }
}

.navPages-list+.navPages-list {
    border-top: 1px solid #ccc;
    margin-top: .78571rem;
    padding-top: .78571rem
}

.navPages-list-depth-max.subMenu-is-open .is-hidden {
    display: none
}

@media (min-width:801px) {
    .navPages-list-depth-max.subMenu-is-open .is-hidden {
        display: inline-block
    }
}

.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
    display: none
}

@media (min-width:801px) {
    .navPages-list-depth-max.subMenu-is-open .navPages-item-page {
        display: inline-block
    }
}

@media (min-width:801px) {
    .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
        transform: rotate(0)
    }
}

.navPages-action-depth-max.has-subMenu.is-open {
    border-bottom: 1px solid #ccc;
    text-align: center
}

@media (min-width:801px) {
    .navPages-action-depth-max.has-subMenu.is-open {
        border-bottom: 0;
        text-align: left
    }
}

.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
    border: solid 1px #d6cdc0;
    border-radius: 4px;
    float: left;
    height: 35px;
    margin-top: -10px;
    padding: 11.7px;
    transform: rotate(90deg);
    width: 35px
}

@media (min-width:801px) {
    .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
        height: .57143rem;
        width: .57143rem;
        border: 0;
        border-radius: 0;
        float: none;
        margin-top: 0;
        padding: 0;
        transform: rotate(-90deg)
    }
}

.navPages-action-depth-max.has-subMenu.is-open svg {
    height: 9.6px;
    width: 9.6px
}

@media (min-width:801px) {
    .navPages-action-depth-max.has-subMenu.is-open svg {
        height: 100%;
        width: 100%
    }
}

.navPages-action {
    color: #f6f6f6;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: .78571rem 0;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:801px) {
    .navPages-action {
        display: inline-block;
        padding: .78571rem 1.14286rem 1.14286rem
    }
    .navPages-action.is-open {
        background-color: #e5e5e5
    }
    .navPages-action.is-open svg {
        fill: #fff;
        stroke: #fff
    }
}

.navPages-action.activePage,
.navPages-action:hover {
    color: #fff
}

.navPages-action.activePage svg,
.navPages-action:hover svg {
    fill: #fff;
    stroke: #fff
}

.navPages-action svg {
    fill: #f6f6f6;
    stroke: #f6f6f6;
    transition: all .15s ease
}

.navPages-action--storeCredit {
    color: #333
}

.navPages-action--compare {
    display: none
}

.navPages-action--compare.show {
    display: block
}

.navPages-action-moreIcon {
    height: .57143rem;
    width: .57143rem;
    margin-left: .35714rem;
    transform: rotate(-90deg)
}

@media (min-width:801px) {
    .navPages-action-moreIcon {
        transform: none
    }
}

.has-subMenu.is-open .navPages-action-moreIcon {
    transform: rotate(0)
}

.navPage-childList {
    display: none
}

@media (min-width:801px) {
    .navPage-childList {
        border: 0;
        display: block
    }
}

.navPage-childList.is-open {
    display: block
}

.navPage-subMenu {
    display: none;
    outline: 0
}

@media (min-width:801px) {
    .navPage-subMenu {
        background-color: #e5e5e5;
        padding: 1.5rem 1.5rem 2.28571rem !important;
        position: absolute;
        text-align: left
    }
    .navPage-subMenu.is-open {
        display: block;
        left: 0;
        width: 100%
    }
    .navPage-subMenu .navPages-action-moreIcon {
        display: none
    }
}

.navPage-subMenu.is-open {
    display: block
}

@media (min-width:801px) {
    .has-subMenu.is-root+.navPage-subMenu-horizontal {
        border-left: 0;
        height: auto;
        left: inherit;
        margin: auto;
        top: inherit;
        width: 15.35714rem
    }
}

@media (min-width:801px) {
    .navPage-subMenu-horizontal.is-open {
        border-left: 1px solid #ccc;
        display: inherit;
        height: auto;
        margin-left: 15.35714rem;
        padding: 0 !important;
        top: 0;
        width: 16.35714rem
    }
}

@media (min-width:801px) {
    .navPage-subMenu-horizontal .navPages-action-moreIcon {
        display: inline-block;
        transform: rotate(-90deg)
    }
}

@media (min-width:801px) {
    .navPage-subMenu-item {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 25%;
        float: left;
        padding: 0 .75rem !important
    }
    .navPage-subMenu-item .navPages-action {
        text-transform: none;
        width: 100%
    }
    .navPage-subMenu-item>.navPage-subMenu-action {
        border-bottom: 1px solid #ccc;
        margin-bottom: 1.14286rem
    }
}

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
    width: 100%
}

@media (min-width:801px) {
    .navPage-subMenu-item-child .navPage-subMenu-action,
    .navPage-subMenu-item-parent .navPage-subMenu-action {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: 100%
    }
    .navPage-subMenu-item-child .navPage-subMenu-action.is-open,
    .navPage-subMenu-item-child .navPage-subMenu-action:hover,
    .navPage-subMenu-item-parent .navPage-subMenu-action.is-open,
    .navPage-subMenu-item-parent .navPage-subMenu-action:hover {
        background: #c8bdb2;
        color: #000;
        font-weight: 500;
        opacity: .3
    }
}

.navPage-subMenu-action {
    padding: .78571rem 0
}

@media (min-width:801px) {
    .navPage-subMenu-action {
        padding: .78571rem 0 1.14286rem
    }
}

.navPage-childList-action {
    font-weight: 400;
    padding: 0 0 .35714rem
}

.navPages-quickSearch {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: .78571rem
}

@media (min-width:801px) {
    .navPages-quickSearch {
        display: none
    }
}

.navPages-quickSearch>.container {
    padding: 0
}

.navPages-quickSearch .form {
    margin: 0
}

.navPages-quickSearch .form-field {
    margin-bottom: 0
}

@media (min-width:801px) {
    .navPages-list--user {
        display: none
    }
}

.navPages-list--user #currencySelection2 {
    background-color: #fff;
    border: 1px solid #dfdfdf
}

.navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0
}

.navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf
}

.navPages-list--user #currencySelection2 a {
    padding: .78571rem 1.5rem
}

.tags {
    list-style: none;
    margin-left: 0;
    font-size: 0;
    text-align: center
}

.tags ol,
.tags ul {
    list-style: none;
    margin-bottom: 0
}

.tag {
    display: inline-block;
    font-size: 1rem
}

.tag a {
    color: #333;
    display: inline-block;
    padding: .35714rem .5rem;
    text-decoration: none
}

.tag a:hover {
    color: #888
}

.socialLinks {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
    line-height: 37px
}

.socialLinks:after,
.socialLinks:before {
    content: " ";
    display: table
}

.socialLinks:after {
    clear: both
}

.socialLinks ol,
.socialLinks ul {
    list-style: none;
    margin-bottom: 0
}

.socialLinks li {
    margin: 0;
    padding: 0
}

.socialLinks .icon {
    height: 1.42857rem;
    width: 1.42857rem;
    margin: 0;
    text-decoration: none
}

.socialLinks .icon:hover svg {
    fill: #888
}

.socialLinks .icon svg {
    fill: #8e8e8e;
    transition: all .15s ease
}

.socialLinks-item--pinterest {
    width: 25px
}

.pin_it_iframe_widget {
    display: none
}

.socialLinks-item {
    display: inline-block;
    font-size: 0
}

.socialLinks .socialLinks-item {
    margin-bottom: .35714rem;
    margin-right: .78571rem
}

.socialLinks .socialLinks-item:last-child {
    margin-right: 0
}

.socialLinks--alt .icon {
    height: 1.5rem;
    width: 1.5rem
}

.socialLinks--alt svg {
    fill: #333
}

.heroCarousel {
    width: 1px;
    min-width: 100%;
    margin-bottom: 4.5rem;
    margin-top: -1.5rem
}

@media (min-width:801px) {
    .heroCarousel {
        margin-top: -2.5rem
    }
}

.heroCarousel.slick-initialized {
    max-height: 71.42857rem;
    opacity: 1
}

.heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none
}

.heroCarousel .slick-next,
.heroCarousel .slick-prev {
    top: 50%
}

.heroCarousel .slick-next {
    right: 15px
}

@media (min-width:801px) {
    .heroCarousel .slick-next {
        right: 25px
    }
}

.heroCarousel .slick-prev {
    left: 15px
}

@media (min-width:801px) {
    .heroCarousel .slick-prev {
        left: 25px
    }
}

.heroCarousel .slick-dots {
    bottom: .5rem
}

@media (min-width:801px) {
    .heroCarousel .slick-dots {
        bottom: 1.5rem
    }
}

.heroCarousel .slick-dots li {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.heroCarousel-slide {
    position: relative
}

.heroCarousel-slide a {
    text-decoration: none
}

@media (min-width:801px) {
    .heroCarousel-slide .heroCarousel-image {
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 50rem;
        width: 100%
    }
}

@media (min-width:801px) {
    .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 49.64286rem
    }
}

.heroCarousel-slide.compat-object-fit {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width:1261px) {
    .heroCarousel-slide.compat-object-fit.stretch {
        background-size: 100% 100%
    }
}

.heroCarousel-slide.compat-object-fit .heroCarousel-image {
    opacity: 0
}

.heroCarousel-content {
    background-color: #fff;
    padding: .78571rem 1.5rem 3rem;
    text-align: center
}

@media (min-width:801px) {
    .heroCarousel-content {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
        background-color: rgba(255, 255, 255, .9);
        left: 0;
        margin: 0 auto;
        padding: 2.25rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50rem
    }
    .heroCarousel-content.heroCarousel-content--empty {
        background-color: transparent
    }
}

.heroCarousel-title {
    color: #fff;
    font-size: 20px;
    margin-top: 0
}

@media (min-width:801px) {
    .heroCarousel-title {
        font-size: 50px
    }
}

.heroCarousel-description {
    color: #fff;
    font-size: 12px
}

@media (min-width:551px) {
    .heroCarousel-description {
        font-size: 13px
    }
}

@media (min-width:801px) {
    .heroCarousel-description {
        font-size: 15px
    }
}

.heroCarousel-action {
    margin: 0
}

@media (min-width:801px) {
    .heroCarousel-action {
        margin-top: 1.5rem
    }
}

@media (min-width:801px) {
    .writeReview-productDetails {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 50%;
        float: left
    }
}

.writeReview-productDetails .product-brand {
    color: #999;
    margin: 0
}

.writeReview-productDetails .product-title {
    margin-top: 0
}

@media (min-width:801px) {
    .writeReview-form {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 50%;
        float: left
    }
}

.writeReview-productImage-container {
    position: relative
}

.writeReview-productImage-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.writeReview-productImage-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.account--addReturn .table {
    display: block;
    margin-bottom: 3rem
}

@media (min-width:551px) {
    .account--addReturn .table {
        display: table;
        margin-bottom: 6rem
    }
}

.account--addReturn .table tr {
    display: block;
    padding: 1.5rem 0
}

@media (min-width:551px) {
    .account--addReturn .table tr {
        display: table-row;
        padding: 0
    }
}

.account--addReturn .table td,
.account--addReturn .table th {
    display: block;
    padding: 0
}

@media (min-width:551px) {
    .account--addReturn .table td,
    .account--addReturn .table th {
        display: table-cell;
        padding-bottom: .78571rem;
        padding-top: .78571rem
    }
}

.account--addReturn .table td+td,
.account--addReturn .table td+th,
.account--addReturn .table th+td,
.account--addReturn .table th+th {
    padding-left: 0
}

@media (min-width:551px) {
    .account--addReturn .table td+td,
    .account--addReturn .table td+th,
    .account--addReturn .table th+td,
    .account--addReturn .table th+th {
        padding-left: 1.5rem
    }
}

.account--addReturn .table .return-itemTitle+.definitionList {
    margin-top: .21429rem
}

@media (min-width:551px) {
    .account--addReturn .table .return-itemPrice {
        text-align: center
    }
}

@media (min-width:551px) {
    .account--addReturn .table .return-itemQuantity {
        text-align: right
    }
}

.account--addReturn .table-thead {
    display: none
}

@media (min-width:551px) {
    .account--addReturn .table-thead {
        display: table-header-group
    }
}

.account--addReturn .table-thead th {
    font-size: 15px
}

.account--addReturn .table-thead th:first-child {
    width: 60%
}

.account--addReturn .table-tbody {
    display: block
}

@media (min-width:551px) {
    .account--addReturn .table-tbody {
        display: table-row-group
    }
}

.return-itemName {
    font-size: 15px;
    font-weight: 700
}

@media (min-width:551px) {
    .return-itemName {
        font-size: 1rem;
        font-weight: 400
    }
}

.return-itemPrice {
    color: #999;
    margin-bottom: .35714rem
}

@media (min-width:551px) {
    .return-itemPrice {
        color: inherit;
        margin-bottom: 0;
        text-align: center
    }
}

.return-itemQuantity .form-label {
    display: inline;
    margin-right: .35714rem
}

@media (min-width:551px) {
    .return-itemQuantity .form-label {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

.account--addReturn-row {
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    margin: 0 -1rem
}

.account--addReturn-row:after,
.account--addReturn-row:before {
    content: " ";
    display: table
}

.account--addReturn-row:after {
    clear: both
}

.account--addReturn-column {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    padding: 0 1rem
}

@media (min-width:551px) {
    .account--addReturn-column {
        width: 50%
    }
}

.productCarousel {
    width: 1px;
    min-width: 100%;
    margin: 0 -.75rem;
    max-width: none;
    width: auto
}

.productCarousel:after,
.productCarousel:before {
    content: " ";
    display: table
}

.productCarousel:after {
    clear: both
}

.productCarousel-slide {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 50%;
    float: left
}

@media (min-width:551px) {
    .productCarousel-slide {
        width: 33.33333%
    }
}

@media (min-width:801px) {
    .productCarousel-slide {
        width: 25%
    }
}

@media (min-width:1261px) {
    .productCarousel-slide {
        width: 16.66667%
    }
}

.productCarousel-slide .card {
    margin-bottom: 0
}

.productCarousel-slide .card .card-title {
    overflow-wrap: break-word
}

.quickView:after,
.quickView:before {
    content: " ";
    display: table
}

.quickView:after {
    clear: both
}

.productReviews-list {
    list-style: none;
    margin-left: 0;
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    font-size: 0
}

.productReviews-list ol,
.productReviews-list ul {
    list-style: none;
    margin-bottom: 0
}

.productReviews-list:after,
.productReviews-list:before {
    content: " ";
    display: table
}

.productReviews-list:after {
    clear: both
}

.productReview {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    display: inline-block;
    float: none;
    font-size: 1rem;
    vertical-align: top
}

@media (min-width:801px) {
    .productReview {
        width: 50%
    }
}

@media (min-width:1261px) {
    .productReview {
        width: 33.33333%
    }
}

.productReview-title {
    margin: 0;
    text-transform: none
}

.productReview-author {
    color: #333;
    margin-bottom: 1rem
}

.productReview-rating {
    display: inline-block;
    margin-bottom: .35714rem
}

.productReview-ratingNumber {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.productView {
    padding-top: 1rem
}

.productView-images {
    margin-bottom: 3rem
}

.productView-image {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    position: relative
}

@media (min-width:801px) {
    .productView-image {
        min-height: 366px;
        min-width: inherit
    }
}

.productView-image+.productView-thumbnails {
    margin-top: .78571rem
}

@media (min-width:320px) and (max-width:801px) {
    .productView-image {
        pointer-events: none
    }
}

.productView-img-container {
    position: relative;
    margin: auto;
    max-width: 558px;
    width: 100%
}

.productView-img-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.productView-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.productView-thumbnails {
    list-style: none;
    margin-left: 0;
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    margin-left: -.35714rem;
    margin-right: -.35714rem
}

.productView-thumbnails ol,
.productView-thumbnails ul {
    list-style: none;
    margin-bottom: 0
}

.productView-thumbnails:after,
.productView-thumbnails:before {
    content: " ";
    display: table
}

.productView-thumbnails:after {
    clear: both
}

.productView-thumbnails .slick-list {
    margin-left: 2.85714rem;
    margin-right: 2.85714rem
}

.productView-thumbnails .slick-next {
    right: 0
}

.productView-thumbnails .slick-prev {
    left: 0
}

.productView-thumbnails img {
    margin: 0;
    width: 90px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    position: relative
}

.productView-thumbnail {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 25%;
    float: left;
    padding-left: .35714rem;
    padding-right: .35714rem;
    text-align: center
}

@media (min-width:1261px) {
    .productView-thumbnail {
        width: 20%
    }
}

.productView-thumbnail-link {
    border: 1px solid #dfdfdf;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 67px;
    max-width: 75px;
    padding: 2px;
    position: relative;
    width: 100%;
    box-sizing: content-box;
    -ms-flex-pack: center;
    justify-content: center
}

.productView-thumbnail-link.is-active,
.productView-thumbnail-link:hover {
    border-color: #333
}

.productView-details {
    margin-bottom: 2rem
}

@media (min-width:801px) {
    .productView-product {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 2rem
    }
}

.productView-product>:last-child {
    margin-bottom: 0
}

.productView-title {
    font-size: 20px;
    margin: -.78571rem 0 .35714rem
}

@media (min-width:801px) {
    .productView-title {
        margin-top: 1.5rem
    }
}

@media (min-width:1261px) {
    .productView-title {
        font-size: 28px
    }
}

.productView-brand {
    color: #333;
    font-size: 15px;
    margin: 0 0 .78571rem
}

@media (min-width:1261px) {
    .productView-brand {
        font-size: 20px;
        margin: -.21429rem 0 1rem
    }
}

.productView-brand a {
    color: #333
}

.productView-brand a:hover {
    color: #888
}

.productView-price {
    font-size: 15px;
    margin-bottom: .5rem
}

@media (min-width:801px) {
    .productView-price {
        font-size: 25px;
        margin-bottom: 1rem
    }
}

.productView-price .price-section--saving {
    font-size: 15px
}

.productView-price abbr {
    border: 0;
    color: inherit;
    font-size: inherit
}

.productView-reviewLink {
    display: inline-block;
    margin-left: .78571rem;
    vertical-align: middle
}

.productView-reviewLink+.productView-reviewLink {
    display: block;
    margin-left: auto
}

@media (min-width:551px) {
    .productView-reviewLink+.productView-reviewLink {
        display: inline-block;
        margin-left: .78571rem
    }
}

.productView-reviewLink>a {
    color: #333
}

.productView-reviewLink>a:hover {
    color: #888
}

.productView-info {
    margin-top: .78571rem
}

.productView-info:after,
.productView-info:before {
    content: " ";
    display: table
}

.productView-info:after {
    clear: both
}

@media (min-width:551px) {
    .productView-info {
        margin-top: 0
    }
}

@media (min-width:551px) {
    .productView-info>:first-child {
        margin-top: 1.5rem
    }
}

.productView-info>:last-child {
    margin-bottom: 0
}

.productView-info-name,
.productView-info-value {
    float: left
}

@media (min-width:551px) {
    .productView-info-name,
    .productView-info-value {
        float: none
    }
}

.productView-info-name {
    clear: both;
    margin-bottom: .21429rem;
    margin-right: .35714rem
}

@media (min-width:551px) {
    .productView-info-name {
        font-family: Rubik, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 400
    }
}

.productView-info-value {
    margin-bottom: .35714rem
}

@media (min-width:551px) {
    .productView-info-value {
        margin-bottom: 1rem
    }
}

.productView-options {
    margin-bottom: 1.5rem;
    text-align: center
}

.productView-options:after,
.productView-options:before {
    content: " ";
    display: table
}

.productView-options:after {
    clear: both
}

@media (min-width:551px) {
    .productView-options {
        text-align: left
    }
}

@media (min-width:551px) {
    .productView-options .form-input[type=number] {
        width: 16.66667%
    }
}

.productView-options .form {
    display: inline
}

.productView-options input[type=file] {
    font-size: 13px
}

.productView-options .form-field {
    font-size: 0;
    margin-bottom: 2rem
}

.productView-options .form-field>.form-checkbox+.form-label,
.productView-options .form-field>.form-radio+.form-label {
    display: inline-block;
    margin-left: 1.5rem;
    width: auto
}

@media (min-width:551px) {
    .productView-options .form-field>.form-checkbox+.form-label,
    .productView-options .form-field>.form-radio+.form-label {
        margin-left: 0;
        width: 100%
    }
}

.productView-options .form-field>.form-label:nth-of-type(2) {
    margin-left: 0
}

@media (min-width:551px) {
    .productView-options .form-action {
        float: left;
        padding: 0 .71429rem;
        width: 50%
    }
}

@media (min-width:801px) {
    .productView-options .form-action {
        float: none;
        padding: 0;
        width: auto
    }
}

@media (min-width:1261px) {
    .productView-options .form-action {
        display: inline-block;
        margin-top: 1rem
    }
}

.productView-options .form-action .button {
    width: 100%
}

@media (min-width:1261px) {
    .productView-options .form-action .button {
        margin-right: .78571rem;
        width: auto
    }
}

.productOptions-list {
    border: 1px solid #dfdfdf;
    list-style: none;
    margin: 0
}

.productOptions-list-item {
    padding: 1.5rem
}

.productOptions-list-item+.productOptions-list-item {
    border-top: 1px solid #dfdfdf
}

.productOptions-list-item .form-label {
    text-align: left;
    top: -2px
}

.productOptions-list-item-content,
.productOptions-list-item-figure {
    display: table-cell;
    vertical-align: middle
}

.productOptions-list-item-figure {
    width: 3rem
}

.productOptions-list-item-content {
    padding-left: 1.28571rem
}

.shareProduct {
    text-align: center
}

.productView-image .easyzoom-flyout {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%
}

.productView-image .easyzoom-flyout img {
    max-width: none;
    width: auto
}

.price--discounted,
.price--non-sale,
.price--rrp {
    text-decoration: line-through
}

.price-section--minor {
    color: #999
}

.compareTable {
    border-top: 1px solid #dfdfdf;
    table-layout: fixed;
    width: 100%
}

.compareTable-row {
    vertical-align: top
}

.compareTable-row+.compareTable-row .compareTable-heading,
.compareTable-row+.compareTable-row .compareTable-item {
    border-top: 1px solid #dfdfdf
}

.compareTable-row+.compareTable-row .compareTable-heading:empty {
    border-top: 0
}

.compareTable-heading {
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 1.28571rem 1rem;
    position: relative;
    text-align: right;
    width: 0
}

@media (min-width:801px) {
    .compareTable-heading {
        width: 25%
    }
}

.compareTable-headingText {
    position: absolute;
    top: 1.28571rem;
    white-space: nowrap
}

@media (min-width:801px) {
    .compareTable-headingText {
        position: inherit;
        top: inherit
    }
}

.compareTable-item {
    padding: 3.28571rem 1rem 1.28571rem
}

@media (min-width:801px) {
    .compareTable-item {
        padding-top: 1.28571rem
    }
}

.compareTable-removeProduct {
    background-color: #f4f4f4;
    border-radius: 50%;
    height: 2.5rem;
    position: absolute;
    right: -1rem;
    top: -1rem;
    transition: background-color .15s ease;
    width: 2.5rem
}

.compareTable-removeProduct .icon {
    fill: #8e8e8e;
    height: 1.5rem;
    margin-top: .5rem;
    width: 1.5rem
}

.compareTable-product {
    font-weight: 400;
    padding: 2rem 1rem 1.28571rem
}

.compareTable-product .card {
    margin-bottom: 0
}

.compareTable-product .card-body {
    min-height: 6rem;
    padding-top: 1rem
}

.compareTable-action {
    padding: 0 1rem 1rem
}

.compareTable-action .button {
    display: block;
    padding-left: .78571rem;
    padding-right: .78571rem;
    width: 100%
}

.blocker {
    background: rgba(255, 255, 255, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500
}

.blocker-container {
    position: relative
}

.textTruncate {
    padding-bottom: 1.5rem;
    position: relative;
    transition: max-height .1s ease-out
}

.js .textTruncate {
    max-height: 110px;
    overflow: hidden
}

.js .textTruncate--visible {
    max-height: 71.42857rem
}

.textTruncate-viewMore {
    background-color: #fff;
    bottom: 0;
    padding-top: 10px;
    position: absolute;
    width: 100%
}

.toggle {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 2.28571rem
}

.toggle:last-of-type {
    margin-bottom: 4.57143rem
}

.toggle-title {
    margin-bottom: 2.28571rem
}

.toggleLink {
    color: #333
}

.toggleLink:hover {
    color: #888
}

.toggle-title .toggleLink {
    float: right;
    line-height: 24px
}

.toggleLink-text {
    font-size: 13px;
    font-weight: 400
}

.toggleLink-text--off {
    display: inline-block
}

.toggleLink.is-open .toggleLink-text--off {
    display: none
}

.toggleLink-text--on {
    display: none
}

.toggleLink.is-open .toggleLink-text--on {
    display: inline-block
}

.toggle-content {
    display: none
}

.toggle-content.is-open {
    display: block
}

.facetedSearch-toggle {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%;
    border: #dfdfdf solid;
    border-radius: 4px;
    border-width: 1px;
    display: block;
    margin-bottom: 2rem;
    padding: 1rem
}

.facetedSearch-toggle:after,
.facetedSearch-toggle:before {
    content: " ";
    display: table
}

.facetedSearch-toggle:after {
    clear: both
}

@media (min-width:801px) {
    .facetedSearch-toggle {
        display: none !important
    }
}

.facetedSearch-toggle.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.facetedSearch-toggle-indicator,
.facetedSearch-toggle-text {
    display: block;
    font-weight: 400
}

.facetedSearch-toggle-text {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 58.33333%;
    float: left;
    padding: 0;
    text-align: left
}

.facetedSearch-toggle-indicator {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 41.66667%;
    float: left;
    font-weight: 700;
    padding: 0;
    text-align: right
}

.facetedSearch-navList {
    display: none
}

@media (min-width:801px) {
    .facetedSearch-navList {
        display: block !important
    }
}

.facetedSearch-navList.is-open {
    display: block
}

.facetedSearch-navList.is-open .accordion--navList,
.facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.facetedSearch-toggle+.facetedSearch-navList,
.sidebarBlock+.facetedSearch-navList {
    margin-top: 2rem
}

.facetedSearch-toggle+.facetedSearch-navList.is-open,
.sidebarBlock+.facetedSearch-navList.is-open {
    margin-top: -1px
}

@media (min-width:801px) {
    .facetedSearch-toggle+.facetedSearch-navList.is-open,
    .sidebarBlock+.facetedSearch-navList.is-open {
        margin-top: 2rem
    }
}

.facetedSearch-navList .navList--inner {
    margin-left: 1.5rem
}

.facet-quick-heading {
    text-transform: capitalize
}

.facetedSearch-optionColumns {
    column-count: 3;
    column-gap: 20px
}

.facetedSearch-refineFilters {
    display: none
}

@media (min-width:801px) {
    .facetedSearch-refineFilters {
        display: block
    }
}

.facetedSearch-content--rating .is-selected {
    font-weight: 700
}

.banners {
    background-color: #888;
    color: #fff;
    padding: .78571rem 0;
    text-align: center
}

.banners p:last-child {
    margin-bottom: 0
}

.banners a {
    color: #fff
}

.banner {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%
}

.banner:after,
.banner:before {
    content: " ";
    display: table
}

.banner:after {
    clear: both
}

.banner+.banner {
    margin-top: 1.5rem
}

.facetLabel {
    background: #f4f4f4;
    border-radius: 4px;
    padding: .21429rem .5rem .21429rem .71429rem;
    text-decoration: none
}

.facetLabel .icon {
    height: .85714rem;
    width: .85714rem;
    display: inline-block;
    fill: #333;
    position: relative;
    top: -1px
}

.cart {
    display: block;
    margin-bottom: 1.5rem;
    width: 100%
}

@media (min-width:801px) {
    .cart {
        display: table
    }
}

.cart-header {
    display: none
}

@media (min-width:801px) {
    .cart-header {
        display: table-header-group;
        text-align: left
    }
}

.cart-header-item {
    padding-bottom: 1rem
}

.cart-header-item:last-child {
    text-align: right
}

.cart-list {
    border-top: 1px solid #dfdfdf;
    display: block
}

@media (min-width:801px) {
    .cart-list {
        display: table-row-group
    }
}

.cart-item {
    border-bottom: 1px solid #dfdfdf;
    clear: both;
    display: block;
    padding: 1.5rem 0
}

@media (min-width:551px) {
    .cart-item {
        padding-left: 25%
    }
    .cart-item:after,
    .cart-item:before {
        content: " ";
        display: table
    }
    .cart-item:after {
        clear: both
    }
}

@media (min-width:801px) {
    .cart-item {
        display: table-row;
        padding-left: 0
    }
    .cart-item:after,
    .cart-item:before {
        display: none
    }
}

.cart-item-block {
    display: block
}

@media (min-width:801px) {
    .cart-item-block {
        display: table-cell
    }
}

.cart-item-block .definitionList {
    margin-bottom: .35714rem
}

.cart-item-figure {
    float: left;
    height: 7.14286rem;
    margin-bottom: 1.5rem;
    width: 33.33333%;
    position: relative
}

@media (min-width:551px) {
    .cart-item-figure {
        margin-bottom: 0;
        margin-left: -33.33333%;
        width: 33.33333%
    }
}

@media (min-width:801px) {
    .cart-item-figure {
        float: none;
        width: 8.33333%
    }
}

.cart-item-figure:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.cart-item-fixed-image {
    width: 100%
}

.cart-item-image {
    max-width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media (min-width:801px) {
    .cart-item-image {
        margin-left: 0
    }
}

.cart-item-title {
    display: table-cell;
    height: 7.14286rem;
    padding-left: 1.5rem
}

@media (min-width:551px) {
    .cart-item-title {
        display: block;
        height: auto;
        margin-bottom: 1.5rem;
        overflow: hidden
    }
}

@media (min-width:801px) {
    .cart-item-title {
        display: table-cell;
        padding: 1.5rem
    }
}

.cart-item-info {
    clear: both;
    width: 100%
}

@media (min-width:551px) {
    .cart-item-info {
        clear: none;
        float: left;
        overflow: hidden;
        width: 33.33333%
    }
    .cart-item-info+.cart-item-info {
        margin-top: 0
    }
}

@media (min-width:801px) {
    .cart-item-info {
        float: none;
        width: 16.66667%
    }
    .cart-item-info:last-child {
        text-align: right
    }
}

.cart-item-info+.cart-item-info {
    margin-top: .78571rem
}

@media (min-width:801px) {
    .cart-header-quantity,
    .cart-item-quantity {
        text-align: center
    }
}

.cart-item-quantity .form-increment {
    display: inline-block;
    margin: 0 .21429rem 1px 1.5rem;
    vertical-align: middle
}

@media (min-width:801px) {
    .cart-item-quantity .form-increment {
        margin-left: 0
    }
}

.cart-item-label {
    color: #999;
    float: left;
    margin-bottom: .35714rem;
    text-align: right;
    width: 33.33333%
}

@media (min-width:551px) {
    .cart-item-label {
        display: block;
        padding-left: 1.5rem;
        text-align: left;
        width: 100%
    }
}

@media (min-width:801px) {
    .cart-item-label {
        display: none
    }
}

.cart-item-value {
    padding-left: 1.5rem
}

@media (min-width:801px) {
    .cart-item-value {
        padding-left: 0
    }
}

.cart-item-brand {
    color: #999;
    margin-bottom: .21429rem
}

.cart-item-name {
    font-size: 15px;
    margin: 0
}

.cart-item-name+.definitionList {
    margin-top: .35714rem
}

.cart-item-options--giftWrapping {
    margin-top: 1.14286rem
}

.cart-item-options--giftWrapping .cart-item-option-description {
    color: #333
}

.cart-remove {
    background-color: #f4f4f4;
    border-radius: 50%;
    cursor: pointer;
    float: right;
    height: 1.28571rem;
    margin-top: .14286rem;
    padding: .21429rem;
    transition: background-color .15s ease;
    width: 1.28571rem
}

@media (min-width:551px) {
    .cart-remove {
        margin-left: 1rem
    }
}

.cart-remove.cart-remove--spacer {
    visibility: hidden
}

.cart-remove>svg {
    fill: #8e8e8e
}

.cart-totals {
    list-style: none;
    margin-left: 0;
    margin-bottom: 1.5rem;
    text-align: right;
    width: 100%
}

.cart-totals ol,
.cart-totals ul {
    list-style: none;
    margin-bottom: 0
}

@media (min-width:551px) {
    .cart-totals {
        float: right;
        width: 75%
    }
}

@media (min-width:801px) {
    .cart-totals {
        margin-bottom: 1rem;
        width: 58.33333%
    }
}

@media (min-width:1261px) {
    .cart-totals {
        width: 41.66667%
    }
}

.cart-total {
    border-bottom: 0
}

.cart-total:after,
.cart-total:before {
    content: " ";
    display: table
}

.cart-total:after {
    clear: both
}

@media (min-width:801px) {
    .cart-total+.cart-total {
        border-top: 1px solid #dfdfdf
    }
}

.cart-total .form-input {
    display: inline-block;
    height: 2.28571rem;
    padding: .5rem;
    vertical-align: top;
    width: 75%
}

.cart-total .form-select {
    background-position: right .35714rem top .5rem;
    background-size: 1.42857rem 1.42857rem;
    height: 2.28571rem;
    margin-bottom: .78571rem;
    padding: .5rem .78571rem
}

.cart-total .form-inlineMessage {
    text-align: left
}

.cart-total-label {
    color: #333;
    width: 33.33333%
}

@media (min-width:551px) {
    .cart-total-label {
        width: 50%
    }
}

@media (min-width:801px) {
    .cart-total-label {
        display: block;
        padding-left: 0;
        text-align: left
    }
}

.cart-total-value {
    text-align: left
}

@media (min-width:551px) {
    .cart-total-value {
        text-align: right
    }
}

@media (min-width:801px) {
    .cart-total-value {
        width: 50%
    }
}

.cart-total-label,
.cart-total-value {
    float: left;
    padding: .5rem 0 .5rem 1.5rem
}

@media (min-width:801px) {
    .cart-total-label,
    .cart-total-value {
        padding: 1rem 0
    }
}

.cart-total-grandTotal {
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding-bottom: .21429rem;
    padding-top: .21429rem;
    position: relative
}

@media (min-width:801px) {
    .cart-total-grandTotal {
        padding: 1rem 0;
        top: -.28571rem
    }
}

.coupon-code-add,
.coupon-code-cancel,
.gift-certificate-add,
.gift-certificate-cancel,
.shipping-estimate-hide,
.shipping-estimate-show {
    color: #333;
    padding: 0;
    text-decoration: underline;
    transition: color .15s ease
}

.coupon-code-add:hover,
.coupon-code-cancel:hover,
.gift-certificate-add:hover,
.gift-certificate-cancel:hover,
.shipping-estimate-hide:hover,
.shipping-estimate-show:hover {
    color: #888
}

.coupon-code-cancel,
.shipping-estimate-hide {
    font-style: italic
}

.cart-gift-certificate-form,
.coupon-form {
    font-size: 0;
    margin-bottom: 1rem
}

.cart-gift-certificate-form:after,
.cart-gift-certificate-form:before,
.coupon-form:after,
.coupon-form:before {
    content: " ";
    display: table
}

.cart-gift-certificate-form:after,
.coupon-form:after {
    clear: both
}

.cart-gift-certificate-form .button,
.cart-gift-certificate-form .form-input,
.coupon-form .button,
.coupon-form .form-input {
    float: left
}

.cart-gift-certificate-form .form-input,
.coupon-form .form-input {
    width: 78%
}

.cart-gift-certificate-form .button,
.coupon-form .button {
    margin: 0 0 0 2%;
    padding-left: .78571rem;
    padding-right: .78571rem;
    width: 20%
}

.estimator-form {
    margin-bottom: 0
}

.estimator-form .form-input {
    margin-bottom: .78571rem;
    width: 100%
}

.estimator-form .button--primary {
    width: 60%
}

.estimator-form-label {
    clear: both;
    float: left;
    font-weight: 400;
    margin-bottom: 0
}

.estimator-form-label .form-label {
    line-height: 2.28571rem;
    margin-bottom: 0
}

.estimator-form-label-text {
    margin-left: .71429rem
}

.estimator-form-input {
    float: right;
    margin-bottom: 1em;
    width: 60%
}

.estimator-form-input .form-input,
.estimator-form-input .form-select {
    margin-bottom: 0
}

.estimator-form-input--price {
    width: 30%
}

.estimator-form-row:after,
.estimator-form-row:before {
    content: " ";
    display: table
}

.estimator-form-row:after {
    clear: both
}

.estimator-form-toggleUPSRate {
    display: block;
    margin-bottom: 1em
}

.cart-actions {
    clear: both
}

.cart-actions:after,
.cart-actions:before {
    content: " ";
    display: table
}

.cart-actions:after {
    clear: both
}

.cart-actions .button {
    display: block;
    margin-bottom: 0
}

@media (min-width:551px) {
    .cart-actions .button {
        display: inline-block;
        float: right
    }
}

.cart-actions .checkoutMultiple {
    clear: right;
    display: block;
    float: right;
    padding-top: .35714rem
}

.cart-additionalCheckoutButtons:after,
.cart-additionalCheckoutButtons:before {
    content: " ";
    display: table
}

.cart-additionalCheckoutButtons:after {
    clear: both
}

.cart-additionalCheckoutButtons .FloatRight:after,
.cart-additionalCheckoutButtons .FloatRight:before {
    content: " ";
    display: table
}

.cart-additionalCheckoutButtons .FloatRight:after {
    clear: both
}

.cart-additionalCheckoutButtons .FloatRight p {
    float: none !important;
    margin: .5rem 0;
    text-align: right
}

.cart-additionalCheckoutButtons .FloatRight div {
    float: right
}

.cart-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 1rem
}

.cart-additionalCheckoutButtons .CheckoutButton:first-child {
    margin-top: 1.5rem
}

.cart-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 1.5rem
}

.previewCartList {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    display: table;
    table-layout: fixed;
    width: 100%
}

.previewCartList ol,
.previewCartList ul {
    list-style: none;
    margin-bottom: 0
}

.previewCartList li {
    margin: 0;
    padding: 0
}

.previewCartItem {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%;
    display: table-row;
    line-height: 19px
}

.previewCartItem:after,
.previewCartItem:before {
    content: " ";
    display: table
}

.previewCartItem:after {
    clear: both
}

.previewCartItem+.previewCartItem {
    border-top: 1px solid #dfdfdf
}

.previewCartItem-content,
.previewCartItem-image {
    display: table-cell;
    vertical-align: middle
}

.previewCartItem-image {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 33.33333%;
    padding: 0;
    text-align: center;
    position: relative
}

.previewCartItem-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.previewCartItem-image:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.previewCartItem-content {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 66.66667%;
    padding-left: 0
}

.previewCartItem-name {
    margin: 0;
    text-transform: none
}

.previewCartItem-name>a {
    text-decoration: none
}

.previewCartItem-brand,
.previewCartItem-name {
    margin-bottom: .21429rem
}

.previewCartItem-brand,
.previewCartItem-price {
    color: #333;
    display: inline-block;
    font-size: 13px
}

.previewCartAction {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    display: block;
    padding: 1.5rem .78571rem
}

.previewCartAction:after,
.previewCartAction:before {
    content: " ";
    display: table
}

.previewCartAction:after {
    clear: both
}

.previewCartAction .button {
    margin: 0;
    padding-left: .78571rem;
    padding-right: .78571rem;
    width: 100%
}

.previewCartAction-checkout,
.previewCartAction-viewCart {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 50%;
    float: left
}

.previewCartAction-checkout.previewCartAction-viewCart--sole,
.previewCartAction-viewCart.previewCartAction-viewCart--sole {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.previewCartAction-checkout {
    padding-right: .35714rem
}

.previewCartAction-checkoutMultiple {
    clear: both;
    padding-left: .78571rem;
    padding-top: .35714rem
}

.previewCartAction-viewCart {
    padding-left: .35714rem
}

.previewCart-emptyBody {
    padding: 3rem;
    text-align: center
}

.addressList {
    font-size: 0;
    list-style: none;
    margin-left: -.78571rem;
    margin-right: -.78571rem
}

.address {
    display: inline-block;
    padding: 0 .78571rem;
    vertical-align: top;
    width: 100%
}

@media (min-width:551px) {
    .address {
        width: 50%
    }
}

@media (min-width:1261px) {
    .address {
        width: 33.33333%
    }
}

.panel--address {
    font-size: 1rem;
    position: relative
}

.panel--address .panel-body {
    min-height: 17.85714rem;
    padding: 1.5rem
}

@media (min-width:551px) {
    .panel--address .panel-body {
        padding: 1.5rem 1.5rem 4.5rem
    }
}

.panel--address .form-actions {
    margin-bottom: -.78571rem;
    margin-top: 1.5rem;
    text-align: left
}

@media (min-width:551px) {
    .panel--address .form-actions {
        bottom: 1.5rem;
        position: absolute;
        width: auto
    }
}

.panel--address .form-actions .button {
    margin-bottom: .78571rem
}

.panel--address .form-actions .button+.button {
    margin-left: 0;
    margin-top: 0
}

@media (min-width:551px) {
    .panel--address .form-actions .button+.button {
        margin-left: .35714rem
    }
}

.address-title {
    margin: 0 0 .78571rem;
    text-transform: none
}

.address-details {
    list-style: none;
    margin: 0 0 .78571rem
}

.address-details--postal {
    font-size: 15px
}

.address-description,
.address-label {
    display: inline-block;
    font-size: 1rem;
    margin: 0
}

.address-label {
    color: #333;
    font-weight: 400
}

.panel--newAddress {
    display: block;
    text-align: center;
    text-decoration: none
}

.panel--newAddress:hover .address-title {
    color: #888
}

.panel--newAddress .panel-body {
    background-color: transparent;
    border: 1px solid #dfdfdf;
    display: block
}

.panel--newAddress .address-title {
    margin-bottom: 0;
    transition: all .15s ease
}

.address-addNew {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-55%)
}

.address-symbol {
    font-size: 50px;
    line-height: 1
}

.videoGallery-main {
    height: 0;
    margin-bottom: 1.14286rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.78571rem;
    position: relative;
    margin-bottom: 1.85714rem
}

.videoGallery-main.widescreen {
    padding-bottom: 56.34%
}

.videoGallery-main.vimeo {
    padding-top: 0
}

.videoGallery-main embed,
.videoGallery-main iframe,
.videoGallery-main object,
.videoGallery-main video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.videoGallery-list {
    list-style: none;
    margin-left: 0;
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    font-size: 0
}

.videoGallery-list ol,
.videoGallery-list ul {
    list-style: none;
    margin-bottom: 0
}

.videoGallery-list:after,
.videoGallery-list:before {
    content: " ";
    display: table
}

.videoGallery-list:after {
    clear: both
}

.videoGallery-item {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    display: inline-block;
    float: none;
    vertical-align: top
}

@media (min-width:801px) {
    .videoGallery-item {
        width: 50%
    }
}

.video {
    display: block;
    margin-bottom: 1.85714rem;
    opacity: .4;
    text-decoration: none;
    transition: opacity .1s ease-out
}

.video:after,
.video:before {
    content: " ";
    display: table
}

.video:after {
    clear: both
}

.video-figure {
    float: left;
    margin-right: .78571rem
}

.video-figure>img {
    display: block
}

.video-figure--opposite {
    float: right;
    margin-left: .78571rem;
    margin-right: 0
}

.video-body:after,
.video-body:before {
    content: " ";
    display: table
}

.video-body:after {
    clear: both
}

@media (min-width:801px) {
    .video {
        margin-bottom: 1.85714rem
    }
}

.video.is-active,
.video:hover {
    color: #333;
    opacity: 1
}

.video-figure {
    margin-right: 1.85714rem
}

.video-title {
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none
}

.video-description {
    font-size: 1rem;
    margin-bottom: 0
}

.previewCart {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%
}

.previewCart:after,
.previewCart:before {
    content: " ";
    display: table
}

.previewCart:after {
    clear: both
}

@media (min-width:801px) {
    .previewCart .productView {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 75%;
        float: left;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0
    }
    .previewCart .productView-image {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 58.33333%;
        float: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .previewCart .productView-image--cart {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin: 0 auto;
        width: 100%
    }
    .previewCart .productView-details {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 41.66667%;
        float: left
    }
}

.previewCart .productView-title {
    margin-top: 0
}

.previewCartCheckout {
    background: #f4f4f4;
    padding: 1rem;
    text-align: center
}

@media (min-width:801px) {
    .previewCartCheckout {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 25%;
        float: right;
        padding: 1.5rem
    }
}

.previewCartCheckout .button {
    display: block;
    margin: 0;
    width: 100%
}

.previewCartCheckout .button+.button,
.previewCartCheckout .button+p {
    margin-top: .78571rem
}

.previewCartCheckout-price {
    display: block;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.previewCartCheckout-subtotal {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.previewCartCheckout-additionalCheckoutButtons p {
    float: none !important;
    margin: .5rem 0
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 1rem
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
    margin-top: 1.5rem
}

.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
    margin-bottom: 1.5rem
}

.suggestiveCart {
    display: none;
    text-align: center
}

@media (min-width:801px) {
    .suggestiveCart {
        display: block
    }
}

.maintenanceNotice {
    background-color: #fffdea;
    box-shadow: 0 0 5px #999;
    color: #333;
    left: 1.14286rem;
    padding: 1rem 1.28571rem;
    position: fixed;
    top: 1.14286rem;
    width: 24rem;
    z-index: 500
}

.maintenanceNotice>:last-child {
    margin-bottom: 0
}

.maintenanceNotice a {
    color: #333
}

.maintenanceNotice-header {
    font-family: Rubik;
    margin: 0 0 .78571rem
}

body.hasAdminBar {
    padding-top: 101px
}

@media (min-width:801px) {
    body.hasAdminBar {
        padding-top: 0
    }
    body.hasAdminBar .banners {
        margin-top: 46px
    }
    body.hasAdminBar .header {
        padding-top: 0
    }
}

body.hasAdminBar .header {
    padding-top: 46px
}

body.hasAdminBar .navPages-container.is-open {
    padding-top: 101px
}

.adminBar {
    background-color: #fff;
    box-shadow: 0 .14286rem .5rem 0 rgba(0, 0, 0, .2);
    color: #626568;
    float: left;
    font-family: "Source Sans Pro", arial, "sans serif", sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    left: 0;
    position: fixed;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 10000
}

.adminBar-logo {
    background-color: #273a8a;
    float: left;
    height: 46px;
    width: 45px
}

.adminBar-logo svg {
    height: 100%;
    padding: 7px 10px 11px 7px;
    width: 100%
}

.adminBar-content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 45px;
    padding: 17px 20.5px 14px 20px
}

.adminBar-content a {
    color: #4b71fc;
    font-weight: 600;
    text-decoration: none
}

.adminBar-private {
    float: right;
    text-align: right
}

.adminBar-private span {
    white-space: nowrap
}

.preview {
    font-weight: 400;
    padding-left: 9px
}

.cookieMessage {
    background: #e5e5e5;
    color: #333;
    display: none
}

.cookieMessage .button {
    width: 100%
}

@media (min-width:801px) {
    .cookieMessage .button {
        vertical-align: middle;
        width: 25%
    }
}

@media (min-width:1261px) {
    .cookieMessage .button {
        vertical-align: top
    }
}

.cookieMessage-container {
    margin: 0 auto;
    padding: 1.5rem
}

@media (min-width:801px) {
    .cookieMessage-container {
        width: 83.33333%
    }
}

@media (min-width:1261px) {
    .cookieMessage-container {
        width: 58.33333%
    }
}

@media (min-width:801px) {
    .cookieMessage-text {
        display: inline-block;
        padding: 0 .78571rem;
        vertical-align: middle;
        width: 66.66667%
    }
}

.login {
    margin: 3rem auto 6rem;
    max-width: 64.28571rem
}

.login-row {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%
}

.login-row:after,
.login-row:before {
    content: " ";
    display: table
}

.login-row:after {
    clear: both
}

@media (min-width:801px) {
    .login-row {
        margin-top: 6rem
    }
}

.login-form {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:801px) {
    .login-form {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 50%;
        float: left;
        margin-top: 3rem
    }
}

.new-customer {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:801px) {
    .new-customer {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 50%;
        float: left
    }
}

.new-customer-intro {
    margin-bottom: 0
}

.new-customer-fact-list {
    margin-left: 3rem
}

.new-customer-fact {
    padding-left: .78571rem
}

.search-suggestion {
    margin-bottom: 2rem
}

.search-suggestion>:last-child {
    margin-bottom: 0
}

.suggestion-title {
    margin-top: 0;
    text-transform: inherit
}

.advancedSearch-form {
    margin-bottom: 3rem
}

.advancedSearch-form .form-row {
    margin-bottom: -1.5rem
}

.quickSearchResults {
    margin-top: 1.5rem
}

@media (min-width:801px) {
    .quickSearchResults {
        margin-top: 0
    }
}

.quickSearchResults .modal-close {
    display: none
}

@media (min-width:801px) {
    .quickSearchResults .modal-close {
        display: block
    }
}

.advancedSearch-separator {
    display: none
}

.advancedSearch-title {
    margin: 0 0 1.5rem;
    text-transform: inherit
}

.search-price-range label {
    display: inline
}

.search-price-range label input {
    display: block;
    padding-left: 1.5rem
}

@media (min-width:551px) {
    .search-price-range label input {
        display: inline;
        width: 6rem
    }
}

@media (min-width:551px) {
    .search-price-range label span {
        display: inline;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.category-suggestion-list {
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    list-style-type: none
}

.category-suggestion-list:after,
.category-suggestion-list:before {
    content: " ";
    display: table
}

.category-suggestion-list:after {
    clear: both
}

.category-suggestion {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 33.33333%;
    float: left;
    font-size: 15px
}

.search-refine {
    margin-left: 1.5rem
}

.quickSearchMessage {
    font-size: 28px;
    margin: 1.5rem 0 0;
    text-align: center
}

.navBar--account {
    display: none
}

@media (min-width:801px) {
    .navBar--account {
        display: block
    }
}

.account-heading {
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    padding-bottom: 1rem
}

.account-list {
    list-style: none;
    margin-left: 0
}

.account-listItem {
    border-bottom: 1px solid #dfdfdf;
    padding: 1.5rem 0;
    position: relative
}

.account-listItem img {
    width: 100%
}

.account-listItem .account-product-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: relative
}

.account-listShipping {
    border-bottom: 1px solid #dfdfdf;
    font-weight: 700;
    padding: 2rem 0
}

.account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit
}

.account-product:after,
.account-product:before {
    content: " ";
    display: table
}

.account-product:after {
    clear: both
}

.account-product-figure {
    float: left;
    margin-right: .78571rem
}

.account-product-figure>img {
    display: block
}

.account-product-figure--opposite {
    float: right;
    margin-left: .78571rem;
    margin-right: 0
}

.account-product-body:after,
.account-product-body:before {
    content: " ";
    display: table
}

.account-product-body:after {
    clear: both
}

.account-product-figure {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 2rem 0 0;
    position: relative;
    width: 70px
}

.account-product-figure:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.account-product-download {
    border-radius: 50%;
    height: 2.35714rem;
    padding: 0;
    position: absolute;
    right: -.78571rem;
    top: -.78571rem;
    width: 2.35714rem;
    z-index: 1
}

.account-product-download .icon {
    height: 1.5rem;
    margin-top: .35714rem;
    width: 1.5rem
}

.account-product-download svg {
    fill: #fff
}

.account-product-body {
    overflow: hidden;
    padding-bottom: 3.5rem;
    position: relative
}

@media (min-width:551px) {
    .account-product-body {
        padding-bottom: 0
    }
}

.account-product-body .definitionList {
    font-size: 15px;
    margin-bottom: 0
}

.account-product-title {
    margin: 0 0 .21429rem;
    text-transform: inherit
}

.account-product-title>a {
    text-decoration: none
}

.account-product-title+.definitionList {
    margin-top: .78571rem
}

.account-product-subtitle {
    color: #999;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: -.21429rem 0 1rem;
    text-transform: inherit
}

.account-product-price {
    float: right;
    font-size: 15px
}

.account-product-description+.definitionList {
    margin: -1.35714rem 0 1.5rem
}

.account-product-refundQty {
    color: #999;
    margin-bottom: 0
}

.account-product-details {
    margin: 0 -.75rem;
    max-width: none;
    width: auto
}

.account-product-details:after,
.account-product-details:before {
    content: " ";
    display: table
}

.account-product-details:after {
    clear: both
}

.account-product-detail {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:551px) {
    .account-product-detail {
        width: 33.33333%
    }
}

@media (min-width:1261px) {
    .account-product-detail {
        width: 25%
    }
}

.account-product-detail+.account-product-detail {
    margin-top: 1rem
}

@media (min-width:551px) {
    .account-product-detail+.account-product-detail {
        margin-top: 0
    }
}

@media (min-width:551px) {
    .account-product-detail+.account-product-detail--full {
        margin-top: 1.5rem
    }
}

@media (min-width:1261px) {
    .account-product-detail--large {
        width: 50%
    }
}

.account-product-detail--full {
    width: 100%
}

.account-product-detail-heading {
    color: #333;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 .35714rem
}

.account-product--alignMiddle {
    display: table;
    width: 100%
}

.account-product--alignMiddle .account-product-checkItem {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 2rem
}

@media (min-width:1261px) {
    .account-product--alignMiddle .account-product-checkItem {
        left: -2.5rem
    }
}

.account-product--alignMiddle .account-product-checkItem .form-label {
    height: 1.5rem;
    margin: 0;
    padding: 0;
    width: 1.5rem
}

.account-product--alignMiddle .account-product-body,
.account-product--alignMiddle .account-product-figure {
    display: table-cell
}

.account-product--alignMiddle .account-product-figure {
    float: none;
    margin-right: 0
}

@media (min-width:1261px) {
    .account-product--alignMiddle .account-product-figure {
        left: -2rem
    }
}

.account-product--alignMiddle .account-product-body {
    padding-left: 2rem;
    vertical-align: middle
}

@media (min-width:1261px) {
    .account-product--alignMiddle .account-product-body {
        padding-left: 0
    }
}

.account-orderTotal {
    float: right;
    font-size: 15px;
    margin-top: -1.5rem;
    width: 66.66667%
}

.account-orderTotal-key,
.account-orderTotal-value {
    margin: 0;
    padding: 1.5rem 0
}

.account-orderTotal-key {
    color: #333;
    float: left;
    font-weight: 400
}

.account-orderTotal-key:last-of-type {
    position: relative;
    top: .28571rem
}

.account-orderTotal-value {
    border-bottom: 1px solid #dfdfdf;
    text-align: right
}

.account-orderTotal-value:last-child {
    border-bottom: 0;
    font-size: 20px
}

.account-orderStatus {
    bottom: 0;
    left: 0;
    position: absolute
}

@media (min-width:551px) {
    .account-orderStatus {
        float: right;
        position: inherit;
        text-align: right
    }
}

.account-orderStatus-label {
    background-color: #ccc;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 .35714rem;
    padding: .21429rem .5rem
}

.account-orderStatus-action {
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .25px;
    margin-left: .78571rem;
    text-align: right;
    text-decoration: underline;
    vertical-align: top
}

@media (min-width:551px) {
    .account-orderStatus-action {
        display: block;
        margin-left: 0
    }
}

.account-orderStatus-action:hover {
    color: #888
}

.account .pagination {
    color: #999;
    margin-top: 3rem;
    text-align: center
}

.account-message .is-read {
    color: #999
}

.account-sidebar-block {
    font-size: 15px
}

.account-sidebar-block+.account-sidebar-block {
    margin-top: 3rem
}

.account-sidebar-block .account-heading {
    margin-bottom: 1.5rem
}

.account-order-address {
    list-style: none;
    margin-left: 0
}

.account-order-address ol,
.account-order-address ul {
    list-style: none;
    margin-bottom: 0
}

.account-reorder-form {
    display: inline-block
}

.order-payments-description {
    color: #888;
    font-weight: 400;
    margin-top: 1.5rem
}

.account-downloads-summary {
    border-bottom: 1px solid #dfdfdf;
    font-size: 15px;
    padding-bottom: 1.5rem
}

.account-downloadsList {
    list-style: none;
    margin-left: 0
}

.account-downloadsList ol,
.account-downloadsList ul {
    list-style: none;
    margin-bottom: 0
}

.account-downloadsItem {
    margin-bottom: 1.5rem
}

.account-downloadsItem>:first-child {
    margin-top: 0
}

.account-downloadsItem>:last-child {
    margin-bottom: 0
}

.account-downloadsItem-title {
    color: #333;
    font-size: 15px;
    margin-bottom: .21429rem;
    text-transform: inherit
}

.account-downloadsItem-description {
    margin-bottom: 0
}

.account-downloadsItem-availability {
    color: #333
}

.wishlists-table {
    margin-left: auto;
    margin-right: auto;
    max-width: 85.71429rem
}

.wishlist-header {
    display: none;
    text-align: center
}

.modal .wishlist-header {
    display: block
}

.wishlist-form {
    margin: 0 auto;
    max-width: 85.71429rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 39.28571rem
}

.wishlist-form:after,
.wishlist-form:before {
    content: " ";
    display: table
}

.wishlist-form:after {
    clear: both
}

.wishlist-form .form-field {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

.share-wishlist {
    margin-left: auto;
    margin-right: auto;
    max-width: 46.42857rem;
    text-align: center
}

.icon--ratingEmpty svg {
    fill: #c8c8c8
}

.icon--ratingFull svg {
    fill: #2e3344
}

.rating--small {
    display: inline-block
}

.rating--small .icon {
    height: 1rem;
    width: 1rem;
    margin-top: -3px
}

.apple-pay-checkout-button {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 60%;
    border-radius: .28571rem;
    cursor: pointer;
    display: none;
    max-height: 4.57143rem;
    min-height: 2.28571rem;
    min-width: 9.57143rem;
    padding: 1.5rem;
    background-color: #000;
    background-image: -webkit-named-image(apple-pay-logo-white)
}

.cart-additionalCheckoutButtons .apple-pay-checkout-button {
    margin-top: 20px
}

.cart-additionalCheckoutButtons .PayPalExpressCheckout {
    clear: both
}

.apple-pay-supported .apple-pay-checkout-button {
    display: block
}

@media (min-width:551px) {
    .apple-pay-supported .apple-pay-checkout-button {
        display: inline-block;
        float: right
    }
}

.previewCartCheckout .apple-pay-checkout-button {
    float: none;
    margin-top: .78571rem
}

.paymentMethodList {
    font-size: 0;
    list-style: none;
    margin-left: -.78571rem;
    margin-right: -.78571rem
}

.paymentMethodName {
    margin-top: 0;
    padding: 0 .78571rem;
    text-transform: none
}

.paymentMethod {
    display: inline-block;
    padding: 0 .78571rem;
    vertical-align: top;
    width: 100%
}

@media (min-width:551px) {
    .paymentMethod {
        width: 50%
    }
}

@media (min-width:551px) {
    .paymentMethodForm {
        max-width: 60%
    }
    .paymentMethodForm .paymentMethodForm-column {
        display: -ms-flexbox;
        display: flex
    }
    .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:first-child {
        width: 70%
    }
    .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:last-child {
        padding-left: 1.5rem;
        width: 30%
    }
    .paymentMethodForm .paymentMethodForm-column:first-child .form-field {
        margin-bottom: .78571rem
    }
}

.panel--paymentMethod {
    font-size: 1rem;
    position: relative
}

.panel--paymentMethod .panel-body {
    border: 1px solid #dfdfdf;
    border-radius: .21429rem;
    min-height: 16.28571rem;
    padding: 0
}

.panel--paymentMethod .form-actions {
    font-size: 0;
    margin-top: 0;
    text-align: left
}

.panel--paymentMethod .form-actions .button {
    margin-top: 0
}

.paymentMethod-card,
.paymentMethod-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 0
}

.paymentMethod-card {
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: .78571rem
}

@media (min-width:1261px) {
    .paymentMethod-card {
        padding: 1.5rem
    }
}

.paymentMethod-icon {
    margin-right: .78571rem;
    width: 2rem
}

@media (min-width:1261px) {
    .paymentMethod-icon {
        width: 3rem
    }
}

.paymentMethod-brand {
    font-size: 13px;
    font-weight: 600
}

@media (min-width:1261px) {
    .paymentMethod-brand {
        font-size: 1rem
    }
}

.paymentMethod-default {
    margin-left: .78571rem
}

.paymentMethod-default.icon {
    fill: #666;
    height: 1.28571rem;
    width: 1.28571rem
}

@media (min-width:1261px) {
    .paymentMethod-default.icon {
        height: 1.42857rem;
        width: 1.42857rem
    }
}

.paymentMethod-expiry {
    font-size: 15px;
    margin-left: auto;
    text-transform: capitalize
}

.paymentMethod-details {
    padding: 1.5rem
}

.paymentMethod-description,
.paymentMethod-label {
    display: inline-block;
    font-size: 13px;
    margin-bottom: .78571rem
}

.paymentMethod-label {
    -ms-flex: 7.14286rem;
    flex: 7.14286rem;
    font-weight: 600
}

.paymentMethod-description {
    -ms-flex: calc(100% - 100px);
    flex: calc(100% - 100px);
    padding-left: .78571rem
}

.paymentMethod-form {
    padding: 0 1.5rem .78571rem
}

@media (min-width:551px) {
    .paymentMethod-form {
        bottom: .78571rem;
        position: absolute;
        width: auto
    }
}

.panel--newPaymentMethod {
    display: block;
    text-align: center;
    text-decoration: none
}

.panel--newPaymentMethod:hover .paymentMethod-title {
    color: #888
}

.panel--newPaymentMethod .panel-body {
    background-color: transparent
}

.panel--newPaymentMethod .paymentMethod-title {
    margin-bottom: 0;
    text-transform: none;
    transition: all .15s ease
}

.paymentMethod-addNew {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-55%)
}

.paymentMethod-symbol {
    font-size: 50px;
    line-height: 1
}

.paymentMethodForm-heading {
    color: #333;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    margin-top: 1.5rem;
    text-transform: capitalize
}

.paymentMethodForm-subheading {
    display: -ms-flexbox;
    display: flex;
    font-weight: 600
}

@media (min-width:551px) {
    .paymentMethodForm-cards {
        margin-left: auto
    }
}

.paymentMethodForm-cards-icon {
    margin-right: .21429rem;
    width: 2.42857rem
}

.paymentMethodForm-inputs {
    position: relative
}

.paymentMethodForm-inputs-icon {
    position: absolute;
    right: .64286rem;
    top: 2.78571rem
}

.paymentMethodForm-inputs-icon.icon {
    fill: #999;
    height: 1.5rem;
    width: 1.5rem
}

.paymentMethodForm-details {
    margin-bottom: 0
}

@media (min-width:551px) {
    .paymentMethodForm-details {
        display: inline-block;
        margin: 0 3rem 0 0
    }
}

.paymentMethodForm-details-term {
    font-weight: 400;
    margin-bottom: .78571rem
}

.paymentMethodForm-details-description {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .25px
}

.header {
    background-color: #06856f;
    border-bottom: 1px solid #dfdfdf;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

@media (min-width:801px) {
    .header {
        border-bottom: 1px solid #dfdfdf;
        overflow: visible;
        position: relative
    }
}

.header.is-open {
    height: 100%
}

@media (min-width:801px) {
    .header.is-open {
        height: auto
    }
}

.header-logo {
    font-size: 0;
    margin: 0 3.92857rem;
    text-align: center
}

@media (min-width:551px) {
    .header-logo {
        margin-left: 5.89286rem;
        margin-right: 5.89286rem
    }
}

@media (min-width:801px) {
    .header-logo {
        margin: 4rem auto 4.5rem;
        padding: 0
    }
    .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: .35714rem 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.header-logo>a {
    color: #130d0d;
    display: inline-block;
    padding: .78571rem 0;
    position: relative;
    text-decoration: none;
    width: 60%;
    z-index: 20
}

.header-logo>a:after,
.header-logo>a:before {
    content: " ";
    display: table
}

.header-logo>a:after {
    clear: both
}

@media (min-width:801px) {
    .header-logo>a {
        background: 0 0;
        border-bottom: 0;
        display: inline;
        padding: 0;
        width: 100%
    }
}

.header-logo>a:hover {
    color: #888
}

.header-logo>a:active {
    color: #888
}

.header-logo--left {
    text-align: left
}

@media (min-width:801px) {
    .header-logo--left {
        margin-left: 2.85714rem
    }
}

.header-logo--left .header-logo-image {
    right: unset
}

.header-logo--right {
    text-align: right
}

@media (min-width:801px) {
    .header-logo--right {
        margin-right: 2.85714rem
    }
}

.header-logo--right .header-logo-image {
    left: unset
}

.header-logo-text {
    display: block;
    font-family: Rubik, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .14286rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: .21429rem 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:551px) {
    .header-logo-text {
        font-size: 22px;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width:801px) {
    .header-logo-text {
        display: inline;
        font-size: 28px;
        margin-left: 0;
        margin-right: -.14286rem;
        max-width: none;
        overflow: auto;
        white-space: normal
    }
    .header.fixed .header-logo-text {
        font-size: 25px
    }
}

.header-logo-image-container {
    position: relative
}

.header-logo-image-container:after {
    content: '';
    display: block;
    padding-bottom: 2.35714rem
}

@media (min-width:801px) {
    .header-logo-image-container:after {
        padding-bottom: 150px
    }
}

.header-logo-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 2.35714rem
}

@media (min-width:801px) {
    .header-logo-image {
        max-height: none
    }
}

.header-logo-image-unknown-size {
    max-height: 2.35714rem
}

@media (min-width:801px) {
    .header-logo-image-unknown-size {
        max-height: none
    }
}

.mobileMenu-toggle {
    height: 3.92857rem;
    width: 3.92857rem;
    display: inline-block;
    font-size: 0;
    left: 0;
    overflow: hidden;
    padding: 0 1.28571rem;
    position: absolute;
    z-index: 50
}

@media (min-width:801px) {
    .mobileMenu-toggle {
        display: none
    }
}

.mobileMenu-toggle .mobileMenu-toggleIcon,
.mobileMenu-toggle .mobileMenu-toggleIcon::after,
.mobileMenu-toggle .mobileMenu-toggleIcon::before {
    background: #2e3344;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transform: rotate(0);
    transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms;
    width: 1.42857rem
}

.mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 1.92857rem;
    transition: background-color 10ms ease-in .1s
}

.mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -.5rem
}

.mobileMenu-toggle .mobileMenu-toggleIcon::after {
    bottom: -.5rem
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent;
    transition-delay: .1s
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after,
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
    background-color: #2e3344;
    bottom: auto;
    top: auto;
    transition: transform .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
    top: 0;
    transform: rotate(45deg)
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
    bottom: 0;
    transform: rotate(-45deg)
}

.body {
    margin-bottom: 6rem;
    margin-top: 1.5rem
}

@media (min-width:801px) {
    .body {
        margin-top: 2.5rem
    }
}

.page {
    margin: 0 -.75rem;
    max-width: none;
    width: auto
}

.page:after,
.page:before {
    content: " ";
    display: table
}

.page:after {
    clear: both
}

.page-content,
.page-content--full {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:801px) {
    .page-content--centered {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 66.66667%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

.page-content--textCenter {
    text-align: center
}

.page-sidebar {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    position: relative
}

@media (min-width:801px) {
    .page-sidebar {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 25%;
        float: left
    }
    .page-sidebar+.page-content {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 75%;
        float: left
    }
}

.footer {
    background-color: #06856f;
    border-top: 1px solid #dfdfdf;
    padding: 3rem 0
}

.footer-info {
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    font-size: 0
}

.footer-info:after,
.footer-info:before {
    content: " ";
    display: table
}

.footer-info:after {
    clear: both
}

.footer-info-col {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    color: #333;
    display: inline-block;
    float: none;
    font-size: 1rem;
    margin-bottom: 3rem;
    text-align: center;
    vertical-align: top
}

@media (min-width:551px) {
    .footer-info-col {
        text-align: left;
        width: 50%
    }
}

@media (min-width:801px) {
    .footer-info-col {
        width: 33.33334%
    }
}

.footer-info-col>:first-child {
    margin-top: 0
}

.footer-info-col>:last-child {
    margin-bottom: 0
}

@media (min-width:801px) {
    .footer-info-col--small {
        width: 16.66667%
    }
}

.footer-info-col--social {
    width: 100%
}

@media (min-width:551px) {
    .footer-info-col--left {
        padding: 0
    }
}

@media (min-width:551px) {
    .footer-info-col--right {
        left: 50%;
        position: inherit
    }
}

@media (min-width:801px) {
    .footer-info-col--right {
        left: 0;
        padding: 0;
        text-align: right
    }
}

.footer-info-heading {
    font-size: 1rem;
    text-transform: inherit
}

.footer-info-list {
    list-style: none;
    margin-left: 0
}

.footer-info-list a {
    color: #333;
    text-decoration: none
}

.footer-info-list a:hover {
    color: #888
}

.footer-copyright {
    text-align: center
}

@media (min-width:551px) {
    .footer-copyright {
        text-align: left
    }
}

.footer-copyright>.powered-by {
    color: #333;
    font-size: 12px;
    margin: 0
}

.footer-copyright a {
    color: #333;
    text-decoration: none
}

.footer-copyright a:hover {
    color: #888
}

.footer-payment-icons {
    height: 2.85714rem;
    margin-top: 1.5rem
}

@media (min-width:801px) {
    .footer-payment-icons {
        margin-top: 3rem
    }
}

.footer-payment-icons .footer-payment-icon {
    height: 100%;
    margin: .35714rem;
    vertical-align: middle;
    width: 3.57143rem
}

.footer-payment-icons svg {
    fill: #8e8e8e
}

@media (min-width:551px) {
    .footer-geotrust-ssl-seal {
        bottom: 0;
        position: absolute;
        right: 16px
    }
}

.footer-geotrust-ssl-seal table {
    margin: auto
}

.footer-newsletter-summary {
    text-align: left
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 91.71429rem;
    padding: 0 1.5rem;
    position: relative;
    width: 100%
}

@media (min-width:1261px) {
    .container {
        padding: 0 6rem
    }
}

.blog {
    margin-bottom: 1.5rem
}

@media (min-width:801px) {
    .blog {
        margin: auto;
        width: 100%
    }
}

.blog+.blog {
    border-top: 1px solid #dfdfdf;
    margin-top: 3rem;
    padding-top: 3rem
}

.blog .tags {
    margin-top: 3rem;
    text-align: center
}

.blog .socialLinks {
    text-align: center
}

.blog .addthis_toolbox {
    margin-top: 3rem
}

.blog-title {
    font-size: 22px;
    margin: 0 1.5rem .35714rem
}

.blog-title a {
    text-decoration: none
}

.blog-author,
.blog-date {
    color: #333;
    text-align: center
}

.blog-author {
    margin-bottom: 2.5rem
}

.blog-post {
    font-size: 15px;
    text-align: left
}

.blog-thumbnail {
    margin: 0 auto 2rem;
    position: relative;
    max-width: 400px
}

.blog-thumbnail img {
    width: 100%
}

.blog-post-figure {
    display: block;
    margin: auto;
    text-align: center
}

@media (min-width:801px) {
    .blog-post-figure {
        width: 66.66667%
    }
}

.blog-post-body {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

@media (min-width:551px) {
    .blog-post-body {
        width: 83.33333%
    }
}

@media (min-width:801px) {
    .blog-post-body {
        width: 66.66667%
    }
}

@media (min-width:1261px) {
    .blog-post-body {
        width: 50%
    }
}

.sidebarBlock+.sidebarBlock {
    border-top: 1px solid #dfdfdf;
    margin-top: 2rem;
    padding-top: 2rem
}

.sidebarBlock-heading {
    margin-top: 0;
    text-transform: inherit
}

.brandGrid {
    list-style: none;
    margin-left: 0;
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    font-size: 0;
    margin-bottom: 1.5rem
}

.brandGrid ol,
.brandGrid ul {
    list-style: none;
    margin-bottom: 0
}

.brandGrid:after,
.brandGrid:before {
    content: " ";
    display: table
}

.brandGrid:after {
    clear: both
}

.brandGrid .brand {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top
}

@media (min-width:551px) {
    .brandGrid .brand {
        width: 33.33333%
    }
}

@media (min-width:801px) {
    .brandGrid .brand {
        width: 25%
    }
}

.brandGrid .brand .card-title {
    text-align: center
}

.brand-image-container {
    position: relative;
    max-width: 100px
}

.brand-image-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.brand-image-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.brand .card-img-container {
    max-width: 271px
}

.brand .card-img-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.productGrid {
    list-style: none;
    margin-left: 0;
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    font-size: 0;
    margin-bottom: 1.5rem
}

.productGrid ol,
.productGrid ul {
    list-style: none;
    margin-bottom: 0
}

.productGrid:after,
.productGrid:before {
    content: " ";
    display: table
}

.productGrid:after {
    clear: both
}

.productGrid .product {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 50%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top
}

@media (min-width:551px) {
    .productGrid .product {
        width: 33.33333%
    }
}

@media (min-width:801px) {
    .productGrid .product {
        width: 25%
    }
}

@media (min-width:551px) {
    .page-sidebar+.page-content .productGrid .product {
        width: 33.33333%
    }
}

.productMasonry {
    column-count: 2;
    column-fill: auto;
    column-gap: 1.42857rem;
    margin: 0 0 1.5rem;
    overflow: hidden
}

@media (min-width:551px) {
    .productMasonry {
        column-count: 3
    }
}

@media (min-width:801px) {
    .productMasonry {
        column-count: 4
    }
}

.productMasonry .product {
    break-inside: avoid;
    page-break-inside: avoid;
    display: block;
    margin-bottom: 3rem;
    padding: 0;
    width: 100%
}

.productMasonry .card {
    margin: 0
}

@media (min-width:801px) {
    .no-csscolumns .productGrid--maxCol6 .product {
        width: 16.66667%
    }
}

@media (min-width:801px) {
    .csscolumns .productGrid--maxCol6 {
        column-count: 6
    }
}

@media (min-width:801px) {
    .no-csscolumns .productGrid--maxCol3 .product {
        width: 33.33333%
    }
}

@media (min-width:801px) {
    .csscolumns .productGrid--maxCol3 {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 100%;
        float: left;
        float: none
    }
    .csscolumns .productGrid--maxCol3 .product {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 33.33333%;
        float: none
    }
}

.productList {
    list-style: none;
    margin-left: 0;
    margin: .78571rem
}

.productList ol,
.productList ul {
    list-style: none;
    margin-bottom: 0
}

.productList .product+.product {
    margin-top: 4rem
}

@media (min-width:551px) {
    .listItem {
        margin: 0 -.75rem;
        max-width: none;
        width: auto;
        display: table
    }
    .listItem:after,
    .listItem:before {
        content: " ";
        display: table
    }
    .listItem:after {
        clear: both
    }
}

@media (min-width:551px) {
    .listItem-body,
    .listItem-figure {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width:1261px) {
    .listItem-body,
    .listItem-figure {
        vertical-align: middle
    }
}

.listItem-button {
    background-color: rgba(46, 51, 68, .9);
    color: #fff
}

.listItem-button:hover {
    background-color: #2e3344;
    color: #fff
}

.listItem-figure {
    margin: 0 0 1.5rem
}

@media (min-width:551px) {
    .listItem-figure {
        margin-bottom: 0;
        padding-left: .78571rem;
        padding-right: .78571rem;
        width: 25%
    }
}

@media (min-width:1261px) {
    .listItem-figure {
        position: relative
    }
}

.listItem-figure .listItem-button {
    margin: 1.5rem 0
}

@media (min-width:1261px) {
    .listItem-figure .listItem-button {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        margin: 0 0 1.5rem;
        pointer-events: all;
        transform-style: preserve-3d
    }
}

.listItem-figureBody {
    opacity: 1;
    text-align: center
}

@media (min-width:1261px) {
    .listItem-figureBody {
        bottom: 0;
        height: 100%;
        left: .78571rem;
        opacity: 0;
        position: absolute;
        right: .78571rem;
        top: 0
    }
    .listItem-figureBody:hover {
        opacity: 1
    }
}

.listItem-image {
    width: 100%
}

@media (min-width:551px) {
    .listItem-body {
        padding-left: 1.28571rem;
        padding-right: .78571rem;
        width: 75%
    }
}

@media (min-width:1261px) {
    .listItem-content {
        display: table
    }
}

@media (min-width:1261px) {
    .listItem-actions,
    .listItem-details {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width:1261px) {
    .listItem-details {
        padding-right: 6rem
    }
    .listItem-details>:last-child {
        margin-bottom: 0
    }
}

.listItem-rating {
    margin-bottom: .35714rem
}

.listItem-brand {
    color: #999;
    font-size: 1rem;
    margin: 0 0 .21429rem
}

@media (min-width:801px) {
    .listItem-brand {
        font-size: 15px;
        margin-bottom: 0
    }
}

.listItem-title {
    font-size: 15px;
    margin: 0 0 .21429rem
}

@media (min-width:801px) {
    .listItem-title {
        font-size: 20px
    }
}

.listItem-title>a {
    text-decoration: none
}

.listItem-price {
    margin-bottom: 1rem
}

@media (min-width:801px) {
    .listItem-price {
        font-size: 20px
    }
}

@media (min-width:1261px) {
    .listItem-actions {
        vertical-align: middle;
        width: 22%
    }
    .listItem-actions .button--compare {
        font-size: 13px;
        padding: .57143rem 1.5rem
    }
}

.listItem-actions .button {
    margin-bottom: 0
}

@media (min-width:1261px) {
    .listItem-actions .button {
        width: 100%
    }
    .listItem-actions .button+.button {
        margin: .78571rem 0 0
    }
}

@media (min-width:1261px) {
    .page-sidebar+.page-content .productList .listItem-details {
        padding-right: 3rem
    }
}

@media (min-width:1261px) {
    .page-sidebar+.page-content .productList .listItem-actions {
        width: 30%
    }
}

.productView {
    margin: 0 -.75rem;
    max-width: none;
    width: auto;
    margin-left: -1rem;
    margin-right: -1rem
}

.productView:after,
.productView:before {
    content: " ";
    display: table
}

.productView:after {
    clear: both
}

.modal .productView {
    padding-bottom: 0;
    padding-top: 0
}

.productView--quickView .socialLinks-item--print {
    display: none
}

.productView-images {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:801px) {
    .productView-images {
        width: 50%
    }
}

.productView-details {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:801px) {
    .productView-details {
        clear: right;
        float: right;
        width: 50%
    }
}

.productView-description {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:1261px) {
    .productView-description {
        clear: right;
        float: right;
        width: 50%
    }
}

.productView-description .productView-title {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:801px) {
    .productView-description .productView-description {
        clear: both;
        float: none;
        width: 100%
    }
}

.sale-flag-star,
.sale-flag-star:after,
.sale-flag-star:before {
    background: #61ca70;
    content: "";
    display: block;
    height: 3.57143rem;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    transform: scaleX(1) scaleY(1) scaleZ(1);
    transform-origin: 50% 50% 0;
    width: 3.57143rem;
    z-index: 10
}

.sale-flag-star:before {
    transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1)
}

.sale-flag-star:after {
    transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1)
}

.starwrap {
    height: 3.57143rem;
    position: absolute;
    top: 10px;
    width: 3.57143rem
}

.sale-text-burst {
    color: #fff;
    font-weight: 600;
    line-height: 1.07143rem;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 3.57143rem;
    z-index: 50
}

.sale-flag-side {
    background: #61ca70;
    border-radius: 0 50px 50px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 1.42857rem;
    line-height: 1.14286rem;
    padding-left: .5rem;
    padding-right: .78571rem;
    padding-top: .10714rem;
    position: absolute;
    transition: .8s ease;
    z-index: 10
}

.sale-flag-sash {
    background: #61ca70;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 1.42857rem;
    left: -35px;
    line-height: 1.14286rem;
    padding-top: .10714rem;
    position: absolute;
    text-align: center;
    top: 25px;
    transform: rotate(-45deg);
    transition: .8s ease;
    width: 8.5rem;
    z-index: 10
}

.product:hover .sale-flag-sash {
    background: #000;
    transition: .8s ease
}

.product {
    overflow: hidden
}

[data-product-attribute] .form-option.form-option-swatch {
    overflow: visible
}

.form-option-variant--color,
.form-option-variant--pattern {
    height: 34px;
    width: 34px
}

.form-option-expanded {
    background-color: #fff;
    border: 1px solid #999;
    left: calc(100% + 55px);
    opacity: 0;
    padding: 3px;
    position: absolute;
    top: calc(100% + 5px);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    visibility: hidden
}

.form-option:hover .form-option-expanded {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
    z-index: 5000
}

.form-option-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100px;
    width: 100px
}

.account {
    margin-bottom: 1.5rem
}

@media (min-width:801px) {
    .account--fixed {
        margin: 0 auto;
        width: 66.66667%
    }
}

@media (min-width:801px) {
    .account--fixedSmall {
        margin: 0 auto;
        width: 50%
    }
}

@media (min-width:801px) {
    .account--fixedLarge {
        margin: 0 auto;
        width: 75%
    }
}

.account-head {
    margin-bottom: 3rem;
    text-align: center
}

.account-head .alertBox {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: left
}

.account-body {
    margin: 0 -.75rem;
    max-width: none;
    width: auto
}

.account-body:after,
.account-body:before {
    content: " ";
    display: table
}

.account-body:after {
    clear: both
}

.account-content {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:801px) {
    .account-content--fixed {
        width: 66.66667%
    }
}

@media (min-width:801px) {
    .account-content--fixedSmall {
        width: 50%
    }
}

.account-sidebar {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    float: left
}

@media (min-width:801px) {
    .account-sidebar {
        width: 33.33333%
    }
    .account-content--fixedSmall+.account-sidebar {
        float: right
    }
}

.jstree-children,
.jstree-container-ul,
.jstree-node {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.jstree-node {
    white-space: nowrap
}

.jstree-anchor {
    display: inline-block;
    color: #000;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top
}

.jstree-anchor:focus {
    outline: 0
}

.jstree-anchor,
.jstree-anchor:active,
.jstree-anchor:hover,
.jstree-anchor:link,
.jstree-anchor:visited {
    text-decoration: none;
    color: inherit
}

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

.jstree-icon:empty {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

.jstree-ocl {
    cursor: pointer
}

.jstree-leaf>.jstree-ocl {
    cursor: default
}

.jstree .jstree-open>.jstree-children {
    display: block
}

.jstree .jstree-closed>.jstree-children,
.jstree .jstree-leaf>.jstree-children {
    display: none
}

.jstree-anchor>.jstree-themeicon {
    margin-right: 2px
}

.jstree-anchor>.jstree-themeicon-hidden,
.jstree-no-icons .jstree-themeicon {
    display: none
}

.jstree-hidden {
    display: none
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
    margin-left: 2px;
    margin-right: 0
}

.jstree-rtl .jstree-node {
    margin-left: 0
}

.jstree-rtl .jstree-container-ul>.jstree-node {
    margin-right: 0
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%
}

.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
    cursor: pointer
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
    position: relative
}

.jstree-wholerow-ul .jstree-wholerow {
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vakata-context {
    display: none
}

.vakata-context,
.vakata-context ul {
    margin: 0;
    padding: 2px;
    position: absolute;
    background: #f5f5f5;
    border: 1px solid #979797;
    box-shadow: 2px 2px 2px #999
}

.vakata-context ul {
    list-style: none;
    left: 100%;
    margin-top: -2.7em;
    margin-left: -4px
}

.vakata-context .vakata-context-right ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px
}

.vakata-context li {
    list-style: none;
    display: inline
}

.vakata-context li>a {
    display: block;
    padding: 0 2em 0 2em;
    text-decoration: none;
    width: auto;
    color: #000;
    white-space: nowrap;
    line-height: 2.4em;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 1px
}

.vakata-context li>a:hover {
    position: relative;
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1
}

.vakata-context li>a.vakata-context-parent {
    background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
    background-position: right center;
    background-repeat: no-repeat
}

.vakata-context li>a:focus {
    outline: 0
}

.vakata-context .vakata-context-hover>a {
    position: relative;
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1
}

.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator>a:hover {
    background: #fff;
    border: 0;
    border-top: 1px solid #e2e3e3;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
    margin: 0 0 0 2.4em;
    border-left: 1px solid #e0e0e0;
    text-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border-radius: 0
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
    color: silver;
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0
}

.vakata-context li>a>i {
    text-decoration: none;
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    background: 0 0;
    margin: 0 0 0 -2em;
    vertical-align: top;
    text-align: center;
    line-height: 2.4em
}

.vakata-context li>a>i:empty {
    width: 2.4em;
    line-height: 2.4em
}

.vakata-context li>a .vakata-contextmenu-sep {
    display: inline-block;
    width: 1px;
    height: 2.4em;
    background: #fff;
    margin: 0 .5em 0 0;
    border-left: 1px solid #e2e3e3
}

.vakata-context .vakata-contextmenu-shortcut {
    font-size: .8em;
    color: silver;
    opacity: .5;
    display: none
}

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px
}

.vakata-context-rtl li>a.vakata-context-parent {
    background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
    background-position: left center;
    background-repeat: no-repeat
}

.vakata-context-rtl .vakata-context-separator>a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto
}

.vakata-context-rtl li>a>i {
    margin: 0 -2em 0 0
}

.vakata-context-rtl li>a .vakata-contextmenu-sep {
    margin: 0 0 0 .5em;
    border-left-color: #fff;
    background: #e2e3e3
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px
}

#jstree-dnd .jstree-copy,
#jstree-dnd .jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0 2px 0 0;
    padding: 0;
    width: 16px;
    height: 16px
}

#jstree-dnd .jstree-ok {
    background: green
}

#jstree-dnd .jstree-er {
    background: red
}

#jstree-dnd .jstree-copy {
    margin: 0 2px 0 2px
}

.jstree-default .jstree-icon,
.jstree-default .jstree-node {
    background-repeat: no-repeat;
    background-color: transparent
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
    transition: background-color .15s, box-shadow .15s
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999
}

.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
    display: none
}

.jstree-default .jstree-disabled {
    background: 0 0;
    color: #666
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0;
    box-shadow: none
}

.jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default .jstree-disabled>.jstree-icon {
    opacity: .8;
    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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: 700
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: 0 0;
    box-shadow: none
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
    background: #e7f4f9
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
    background: 0 0
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
    background: #e7f4f9
}

.jstree-default>.jstree-striped {
    min-width: 100%;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat
}

.jstree-default>.jstree-wholerow-ul .jstree-clicked,
.jstree-default>.jstree-wholerow-ul .jstree-hovered {
    background: 0 0;
    box-shadow: none;
    border-radius: 0
}

.jstree-default .jstree-wholerow {
    box-sizing: border-box
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%)
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px
}

.jstree-default .jstree-wholerow {
    height: 24px
}

.jstree-default .jstree-icon,
.jstree-default .jstree-node {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png)
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y
}

.jstree-default .jstree-last {
    background: 0 0
}

.jstree-default .jstree-open>.jstree-ocl {
    background-position: -132px -4px
}

.jstree-default .jstree-closed>.jstree-ocl {
    background-position: -100px -4px
}

.jstree-default .jstree-leaf>.jstree-ocl {
    background-position: -68px -4px
}

.jstree-default .jstree-themeicon {
    background-position: -260px -4px
}

.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -4px
}

.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -4px
}

.jstree-default .jstree-disabled {
    background: 0 0
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default .jstree-checkbox {
    background-position: -164px -4px
}

.jstree-default .jstree-checkbox:hover {
    background-position: -164px -36px
}

.jstree-default .jstree-checked>.jstree-checkbox,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -228px -4px
}

.jstree-default .jstree-checked>.jstree-checkbox:hover,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -228px -36px
}

.jstree-default .jstree-anchor>.jstree-undetermined {
    background-position: -196px -4px
}

.jstree-default .jstree-anchor>.jstree-undetermined:hover {
    background-position: -196px -36px
}

.jstree-default .jstree-checkbox-disabled {
    opacity: .8;
    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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default>.jstree-striped {
    background-size: auto 48px
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -132px -36px
}

.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -100px -36px
}

.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -68px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -36px
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat
}

.jstree-default .jstree-file {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -100px -68px no-repeat
}

.jstree-default .jstree-folder {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -260px -4px no-repeat
}

.jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px
}

#jstree-dnd.jstree-default .jstree-er,
#jstree-dnd.jstree-default .jstree-ok {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default i {
    background: 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px
}

#jstree-dnd.jstree-default .jstree-ok {
    background-position: -4px -68px
}

#jstree-dnd.jstree-default .jstree-er {
    background-position: -36px -68px
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)
}

.jstree-default.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.jstree-default-small .jstree-icon:empty {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px
}

.jstree-default-small .jstree-wholerow {
    height: 18px
}

.jstree-default-small .jstree-icon,
.jstree-default-small .jstree-node {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png)
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y
}

.jstree-default-small .jstree-last {
    background: 0 0
}

.jstree-default-small .jstree-open>.jstree-ocl {
    background-position: -135px -7px
}

.jstree-default-small .jstree-closed>.jstree-ocl {
    background-position: -103px -7px
}

.jstree-default-small .jstree-leaf>.jstree-ocl {
    background-position: -71px -7px
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-small>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -7px
}

.jstree-default-small .jstree-disabled {
    background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px
}

.jstree-default-small .jstree-checkbox:hover {
    background-position: -167px -39px
}

.jstree-default-small .jstree-checked>.jstree-checkbox,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -231px -7px
}

.jstree-default-small .jstree-checked>.jstree-checkbox:hover,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -231px -39px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined {
    background-position: -199px -7px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
    background-position: -199px -39px
}

.jstree-default-small .jstree-checkbox-disabled {
    opacity: .8;
    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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-small>.jstree-striped {
    background-size: auto 36px
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -135px -39px
}

.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -103px -39px
}

.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -71px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -39px
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat
}

.jstree-default-small .jstree-file {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -103px -71px no-repeat
}

.jstree-default-small .jstree-folder {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -263px -7px no-repeat
}

.jstree-default-small>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px
}

#jstree-dnd.jstree-default-small .jstree-er,
#jstree-dnd.jstree-default-small .jstree-ok {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-small i {
    background: 0 0;
    width: 18px;
    height: 18px;
    line-height: 18px
}

#jstree-dnd.jstree-default-small .jstree-ok {
    background-position: -7px -71px
}

#jstree-dnd.jstree-default-small .jstree-er {
    background-position: -39px -71px
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.jstree-default-large .jstree-icon:empty {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px
}

.jstree-default-large .jstree-wholerow {
    height: 32px
}

.jstree-default-large .jstree-icon,
.jstree-default-large .jstree-node {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png)
}

.jstree-default-large .jstree-node {
    background-position: -288px 0;
    background-repeat: repeat-y
}

.jstree-default-large .jstree-last {
    background: 0 0
}

.jstree-default-large .jstree-open>.jstree-ocl {
    background-position: -128px 0
}

.jstree-default-large .jstree-closed>.jstree-ocl {
    background-position: -96px 0
}

.jstree-default-large .jstree-leaf>.jstree-ocl {
    background-position: -64px 0
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0
}

.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-large>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px 0
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 0
}

.jstree-default-large .jstree-disabled {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0
}

.jstree-default-large .jstree-checkbox:hover {
    background-position: -160px -32px
}

.jstree-default-large .jstree-checked>.jstree-checkbox,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
    background-position: -224px 0
}

.jstree-default-large .jstree-checked>.jstree-checkbox:hover,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
    background-position: -224px -32px
}

.jstree-default-large .jstree-anchor>.jstree-undetermined {
    background-position: -192px 0
}

.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
    background-position: -192px -32px
}

.jstree-default-large .jstree-checkbox-disabled {
    opacity: .8;
    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");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-large>.jstree-striped {
    background-size: auto 64px
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -128px -32px
}

.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -96px -32px
}

.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -64px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node {
    background: 0 0
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 -32px
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat
}

.jstree-default-large .jstree-file {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -96px -64px no-repeat
}

.jstree-default-large .jstree-folder {
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -256px 0 no-repeat
}

.jstree-default-large>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px
}

#jstree-dnd.jstree-default-large .jstree-er,
#jstree-dnd.jstree-default-large .jstree-ok {
    background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-large i {
    background: 0 0;
    width: 32px;
    height: 32px;
    line-height: 32px
}

#jstree-dnd.jstree-default-large .jstree-ok {
    background-position: 0 -64px
}

#jstree-dnd.jstree-default-large .jstree-er {
    background-position: -32px -64px
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: 0 0
}

@media (max-width:768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: 700;
        font-size: 1.1em;
        text-shadow: 1px 1px #fff
    }
    #jstree-dnd.jstree-dnd-responsive>i {
        background: 0 0;
        width: 40px;
        height: 40px
    }
    #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
        background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png);
        background-position: 0 -200px;
        background-size: 120px 240px
    }
    #jstree-dnd.jstree-dnd-responsive>.jstree-er {
        background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png);
        background-position: -40px -200px;
        background-size: 120px 240px
    }
    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px
    }
}

@media (max-width:768px) {
    .jstree-default-responsive .jstree-icon {
        background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png)
    }
    .jstree-default-responsive .jstree-leaf>.jstree-ocl,
    .jstree-default-responsive .jstree-node {
        background: 0 0
    }
    .jstree-default-responsive .jstree-node {
        min-height: 40px;
        line-height: 40px;
        margin-left: 40px;
        min-width: 40px;
        white-space: nowrap
    }
    .jstree-default-responsive .jstree-anchor {
        line-height: 40px;
        height: 40px
    }
    .jstree-default-responsive .jstree-icon,
    .jstree-default-responsive .jstree-icon:empty {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .jstree-default-responsive>.jstree-container-ul>.jstree-node {
        margin-left: 0
    }
    .jstree-default-responsive.jstree-rtl .jstree-node {
        margin-left: 0;
        margin-right: 40px
    }
    .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
        margin-right: 0
    }
    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-ocl,
    .jstree-default-responsive .jstree-themeicon {
        background-size: 120px 240px
    }
    .jstree-default-responsive .jstree-leaf>.jstree-ocl {
        background: 0 0
    }
    .jstree-default-responsive .jstree-open>.jstree-ocl {
        background-position: 0 0 !important
    }
    .jstree-default-responsive .jstree-closed>.jstree-ocl {
        background-position: 0 -40px !important
    }
    .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
        background-position: -40px 0 !important
    }
    .jstree-default-responsive .jstree-themeicon {
        background-position: -40px -40px
    }
    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-checkbox:hover {
        background-position: -40px -80px
    }
    .jstree-default-responsive .jstree-checked>.jstree-checkbox,
    .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover,
    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
        background-position: 0 -80px
    }
    .jstree-default-responsive .jstree-anchor>.jstree-undetermined,
    .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
        background-position: 0 -120px
    }
    .jstree-default-responsive .jstree-anchor {
        font-weight: 700;
        font-size: 1.1em;
        text-shadow: 1px 1px #fff
    }
    .jstree-default-responsive>.jstree-striped {
        background: 0 0
    }
    .jstree-default-responsive .jstree-wholerow {
        border-top: 1px solid rgba(255, 255, 255, .7);
        border-bottom: 1px solid rgba(64, 64, 64, .2);
        background: #ebebeb;
        height: 40px
    }
    .jstree-default-responsive .jstree-wholerow-hovered {
        background: #e7f4f9
    }
    .jstree-default-responsive .jstree-wholerow-clicked {
        background: #beebff
    }
    .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
        box-shadow: inset 0 -6px 3px -5px #666
    }
    .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
        box-shadow: inset 0 6px 3px -5px #666;
        border-top: 0
    }
    .jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
        box-shadow: none
    }
    .jstree-default-responsive .jstree-checkbox,
    .jstree-default-responsive .jstree-icon,
    .jstree-default-responsive .jstree-node,
    .jstree-default-responsive .jstree-node>.jstree-ocl,
    .jstree-default-responsive .jstree-themeicon {
        background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png);
        background-size: 120px 240px
    }
    .jstree-default-responsive .jstree-node {
        background-position: -80px 0;
        background-repeat: repeat-y
    }
    .jstree-default-responsive .jstree-last {
        background: 0 0
    }
    .jstree-default-responsive .jstree-leaf>.jstree-ocl {
        background-position: -40px -120px
    }
    .jstree-default-responsive .jstree-last>.jstree-ocl {
        background-position: -40px -160px
    }
    .jstree-default-responsive .jstree-themeicon-custom {
        background-color: transparent;
        background-image: none;
        background-position: 0 0
    }
    .jstree-default-responsive .jstree-file {
        background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) 0 -160px no-repeat;
        background-size: 120px 240px
    }
    .jstree-default-responsive .jstree-folder {
        background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) -40px -40px no-repeat;
        background-size: 120px 240px
    }
    .jstree-default-responsive>.jstree-container-ul>.jstree-node {
        margin-left: 0;
        margin-right: 0
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
    90% {
        transform: none
    }
    to {
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke-width: 0;
    -moz-osx-font-smoothing: auto;
    padding: 0;
    font-size: 14px;
    color: #000
}

.body {
    margin-bottom: 50px;
    margin-top: 0
}

@media only screen and (max-width:1023px) {
    .body {
        margin-bottom: 30px
    }
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    outline: 0
}

textarea {
    resize: vertical
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 400;
    color: #2e3344
}

@media only screen and (max-width:666px) {
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 10px 0
    }
}

.h1,
h1 {
    font-size: 36px;
    line-height: 44px
}

.h2,
h2 {
    font-size: 30px;
    line-height: 38px
}

.h3,
h3 {
    font-size: 24px;
    line-height: 32px
}

.h4,
h4 {
    font-size: 20px;
    line-height: 28px
}

.h5,
h5 {
    font-size: 16px;
    line-height: 24px
}

.h6,
h6 {
    font-size: 14px;
    line-height: 18px
}

p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px 0
}

a {
    outline: 0;
    text-decoration: none;
    transition: all .5s;
    color: #0f0f0f
}

a:focus,
a:hover {
    transition: all .5s;
    color: #000
}

ol,
ul {
    margin-bottom: 20px;
    margin-left: 0
}

ol li,
ul li {
    line-height: 18px;
    margin-bottom: 10px;
    list-style: none
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

@media only screen and (max-width:1919px) {
    .container {
        max-width: 1230px
    }
}

@media only screen and (max-width:1279px) {
    .container {
        max-width: 980px
    }
}

@media only screen and (max-width:1023px) {
    .container {
        max-width: 728px
    }
}

@media only screen and (max-width:767px) {
    .container {
        max-width: 94%
    }
}

@media only screen and (max-width:479px) {
    .container {
        max-width: 100%;
        padding: 0 11px
    }
}

.column,
.columns {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (max-width:1023px) {
    .column,
    .columns {
        padding-right: 10px;
        padding-left: 10px
    }
}

.custom-row {
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (max-width:1023px) {
    .custom-row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.productCarousel {
    margin: 0 -15px
}

@media only screen and (max-width:1023px) {
    .productCarousel {
        margin: 0 -10px
    }
}

.productCarousel .productCarousel-slide {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%
}

@media only screen and (max-width:1279px) {
    .productCarousel .productCarousel-slide {
        width: 33.33%
    }
}

@media only screen and (max-width:1023px) {
    .productCarousel .productCarousel-slide {
        width: 39%
    }
}

@media only screen and (max-width:479px) {
    .productCarousel .productCarousel-slide {
        width: 50%
    }
}

@media only screen and (max-width:1023px) {
    .productCarousel .productCarousel-slide {
        padding-left: 10px;
        padding-right: 10px
    }
}

.productCarousel.slick-not-apply {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.productGrid {
    margin: 0 -15px
}

@media only screen and (max-width:1023px) {
    .productGrid {
        margin: 0 -10px
    }
}

.productGrid .product {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1023px) {
    .productGrid .product {
        padding-left: 10px;
        padding-right: 10px
    }
}

.banners {
    padding: 0;
    background: 0 0
}

@media only screen and (max-width:1023px) {
    .banners.m-b-40 {
        margin-bottom: 30px
    }
}

.banners .banner {
    max-width: 100%
}

.banners .page-heading {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 20px
}

@media only screen and (max-width:1023px) {
    .banners .page-heading {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px
    }
}

.banners h3 {
    margin-bottom: 20px
}

@media only screen and (max-width:1023px) {
    .banners h3 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 22px
    }
}

.banners p {
    color: #666;
    font-size: 16px;
    text-align: left
}

@media only screen and (max-width:1023px) {
    .banners p {
        font-size: 14px
    }
}

.banners img {
    margin-bottom: 20px
}

.banners a {
    color: #06856f
}

.banners a:focus,
.banners a:hover {
    color: #6832bb
}

@media only screen and (max-width:479px) {
    .g-recaptcha {
        max-width: 260px;
        overflow: auto;
        padding: 10px 0
    }
    .g-recaptcha iframe {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

.icon--ratingFull svg {
    width: 12px;
    height: 12px
}

.icon--ratingEmpty svg {
    height: 13px;
    width: 13px
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.clear {
    clear: both
}

@media only screen and (max-width:767px) {
    .modal-body {
        padding: 20px
    }
}

.view-all:before {
    display: none
}

.view-all a {
    color: #06856f;
    font-style: italic
}

.view-all a:hover {
    color: #888
}

.theme-color {
    color: #06856f
}

.theme-red-color {
    color: #ea272d
}

.panel-title {
    font-weight: 500
}

.modal-header-title {
    font-size: 24px;
    line-height: 28px
}

@media only screen and (max-width:1023px) {
    .modal-header-title {
        font-size: 20px;
        line-height: 24px
    }
}

.width-100 {
    width: 100%
}

.width-50 {
    width: 50%
}

.width-33 {
    width: 33.33%
}

.width-25 {
    width: 25%
}

.form-input,
.form-select {
    border: 1px solid #dfdfdf;
    font-size: 15px;
    line-height: normal;
    padding: 10px 30px 10px 15px;
    border-radius: 0;
    height: auto;
    background-size: 20px;
    background-position: right 10px top 11px
}

@media only screen and (max-width:767px) {
    .form-input,
    .form-select {
        padding: 10px 30px 10px 10px;
        font-size: 14px;
        background-position: right 8px top 8px
    }
}

.form-select--date,
.form-select--small {
    background-position: right 10px top 11px
}

@media only screen and (max-width:567px) {
    .form-select--date,
    .form-select--small {
        background-position: right 8px top 8px
    }
}

.form-label small,
.form-label--inlineSmall small {
    margin: 0;
    color: #ea272d;
    font-size: 15px;
    float: none
}

.form-fileDescription {
    margin-bottom: 0
}

.form-checkbox+.form-label::before {
    height: 15px;
    width: 15px
}

.form-field-group {
    border-radius: 0
}

@media only screen and (max-width:767px) {
    .form-field {
        margin-bottom: 20px
    }
}

.form-prefixPostfix .form-input {
    font-size: 16px;
    font-weight: 400;
    font-weight: 300
}

@media only screen and (max-width:767px) {
    .form-prefixPostfix .form-input {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.form-prefixPostfix .form-input:-webkit-input-placeholder {
    font-weight: 300
}

.form-prefixPostfix .form-input:-moz-placeholder {
    font-weight: 300
}

.form-prefixPostfix .form-input:-ms-input-placeholder {
    font-weight: 300
}

.form-prefixPostfix .form-input:-moz-placeholder {
    font-weight: 300
}

.form-prefixPostfix .button {
    height: auto;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .form-prefixPostfix .button {
        padding: 12px 15px;
        line-height: 18px
    }
}

select option {
    padding: 4px 8px;
    font-size: 13px;
    border: 1px solid #000 !important
}

ul.list-with-arrow {
    margin-bottom: 10px
}

ul.list-with-arrow li {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px
}

ul.list-with-arrow li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 7px;
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/product-description-arrow.svg);
    background-size: 100%;
    left: 0;
    top: 5px
}

.modal-close:hover span {
    color: #06856f
}

.alertBox--info {
    color: #fff;
    background: #f5f5f5
}

.alertBox--info svg {
    fill: #333
}

.alertBox--info p {
    color: #333
}

.alertBox--info .alertBox-close svg {
    fill: #333
}

.m-t-10 {
    margin-top: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-l-10 {
    margin-left: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-15 {
    margin-left: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-t--20 {
    margin-top: -20px
}

.m-t-20 {
    margin-top: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-20 {
    margin-left: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-t-30 {
    margin-top: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-l-30 {
    margin-left: 30px
}

.m-r-30 {
    margin-right: 30px
}

.m-t-40 {
    margin-top: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-40 {
    margin-left: 40px
}

.m-r-40 {
    margin-right: 40px
}

.m-t-50 {
    margin-top: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-50 {
    margin-left: 50px
}

.m-r-50 {
    margin-right: 50px
}

.m-t-60 {
    margin-top: 60px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-l-60 {
    margin-left: 60px
}

.m-r-60 {
    margin-right: 60px
}

.m-b-0 {
    margin-bottom: 0
}

.m-l-0 {
    margin-left: 0
}

.m-r-0 {
    margin-right: 0
}

.m-l--15 {
    margin-left: -15px
}

.m-r--15 {
    margin-right: -15px
}

.p-t-15 {
    padding-top: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-15 {
    padding-left: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-t-20 {
    padding-top: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-20 {
    padding-left: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-t-30 {
    padding-top: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.p-l-30 {
    padding-left: 30px
}

.p-r-30 {
    padding-right: 30px
}

.p-l-0 {
    padding-left: 0
}

.p-r-0 {
    padding-right: 0
}

.padding-5 {
    padding: 5px
}

.padding-20 {
    padding: 20px
}

.display-flex {
    display: -ms-flexbox;
    display: flex
}

.align-item-center {
    -ms-flex-align: center;
    align-items: center
}

.align-item-start {
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.align-item-end {
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-content-sb {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-wrap-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.banner-hover a {
    position: relative;
    display: block;
    overflow: hidden
}

.banner-hover a:before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    transition: .3s all;
    z-index: 1
}

.banner-hover a:hover:before {
    visibility: visible;
    opacity: .3
}

.pagination .pagination-item {
    margin-left: 4px
}

.pagination .pagination-item.pagination-item--current {
    border: 0;
    margin-right: 0
}

.pagination .pagination-item.pagination-item--current .pagination-link {
    background: #06856f;
    color: #fff;
    padding: 4px 7px;
    line-height: 15px;
    border-radius: 0
}

.pagination .pagination-item .pagination-link {
    font-size: 15px;
    color: #06856f;
    position: relative;
    min-width: 22px;
    height: 22px;
    border-radius: 0
}

@media only screen and (max-width:767px) {
    .pagination .pagination-item .pagination-link {
        font-size: 14px
    }
}

.pagination .pagination-item .pagination-link:hover {
    background: #06856f;
    color: #fff
}

.pagination .pagination-item .pagination-link:hover svg {
    fill: #fff
}

.pagination .pagination-item .pagination-link svg {
    fill: #06856f
}

.pagination .pagination-item--next,
.pagination .pagination-item--previous {
    float: none
}

.pagination .pagination-item--next>a:hover .icon>svg,
.pagination .pagination-item--previous>a:hover .icon>svg {
    fill: #fff
}

.pagination .pagination-item--next .icon,
.pagination .pagination-item--previous .icon {
    position: absolute;
    top: 3px
}

.pagination .pagination-item--previous .pagination-link {
    padding-left: 20px
}

.pagination .pagination-item--previous .icon {
    left: 0;
    margin-left: 0
}

.pagination .pagination-item--next .pagination-link {
    padding-right: 20px
}

.pagination .pagination-item--next .icon {
    right: 0;
    margin-right: 0
}

.button {
    padding: 11px 20px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0;
    letter-spacing: .1px;
    height: auto;
    border: 1px solid #06856f;
    color: #06856f;
    background: #fff
}

@media only screen and (max-width:767px) {
    .button {
        padding: 8px 18px;
        font-size: 14px
    }
}

.button:active,
.button:focus,
.button:hover {
    background: #06856f;
    color: #fff
}

.button.button--primary {
    background: #06856f;
    border: 1px solid #06856f;
    color: #fff
}

.button.button--primary:active,
.button.button--primary:focus,
.button.button--primary:hover {
    color: #06856f;
    background: #fff
}

.swal2-modal .swal2-confirm:focus,
.swal2-modal .swal2-confirm:hover {
    background: #06856f;
    border-color: #06856f;
    color: #fff
}

.swal2-modal .swal2-cancel:focus,
.swal2-modal .swal2-cancel:hover {
    background-color: transparent;
    border-color: #2e3344;
    color: #06856f
}

.swal2-confirm:active {
    background: #06856f;
    border-color: #06856f;
    color: #2e3344
}

.breadcrumbs {
    text-align: left;
    display: block;
    margin: 15px 0
}

.breadcrumbs .breadcrumb:first-child:before {
    content: ""
}

.breadcrumbs .breadcrumb:before {
    content: ">"
}

.breadcrumbs .breadcrumb a {
    font-size: 13px;
    color: #666
}

.breadcrumbs .breadcrumb a:hover {
    color: #06856f
}

.breadcrumbs .breadcrumb.is-active span {
    color: #06856f
}

.slick-dotted.slick-slider {
    margin-bottom: 39px
}

.slick-arrow {
    padding: 0;
    height: 15px;
    width: 20px;
    margin: 0;
    right: 0;
    transform: none
}

.slick-arrow:before {
    display: none
}

.slick-arrow svg {
    width: 30px;
    height: 30px;
    fill: #06856f
}

.slick-arrow:hover svg {
    fill: #b8b8b8
}

.slick-disabled {
    opacity: 1
}

.slick-disabled svg {
    fill: #b8b8b8
}

.slick-dots {
    bottom: -15px
}

.slick-dots li {
    background: 0 0;
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 26px
}

.slick-dots li button {
    border: 1px solid #666;
    height: 14px;
    width: 14px
}

.slick-dots li button:before {
    width: 8px;
    height: 8px;
    background: #666;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    opacity: 1
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    border: 1px solid #06856f
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    background: #06856f;
    opacity: 1
}

.slick-dots li.slick-active button {
    border: 1px solid #06856f
}

.slick-dots li.slick-active button:before {
    background: #06856f;
    opacity: 1
}

.navList-treeview li {
    position: relative
}

.navList-treeview li .hitarea {
    position: absolute;
    text-align: center;
    right: 0;
    top: 4px;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease;
    padding: 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.navList-treeview li .hitarea:before {
    position: absolute;
    background-color: #666;
    content: "";
    width: 11px;
    height: 1px;
    left: 1px;
    top: 7px
}

.navList-treeview li .hitarea:after {
    position: absolute;
    background-color: #666;
    width: 11px;
    height: 1px;
    left: 1px;
    top: 7px;
    content: "";
    transform: rotate(-90deg)
}

.navList-treeview li .hitarea svg {
    width: 11px;
    height: 11px;
    pointer-events: none;
    line-height: normal;
    display: none
}

.navList-treeview li.collapsable>.hitarea:before {
    transform: rotate(180deg);
    opacity: 0
}

.navList-treeview li.collapsable>.hitarea:after {
    transform: rotate(180deg)
}

.navList-treeview li.collapsable>a {
    color: #06856f
}

.navList-treeview li li a svg {
    display: none
}

.navList-treeview li li a span {
    display: none
}

.navList-treeview li ul {
    display: none
}

.navList-treeview li a {
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    padding-right: 25px
}

.navList-treeview li a span {
    display: none
}

.socialLinks {
    line-height: normal
}

.socialLinks .socialLinks-item {
    margin: 0 3px
}

.socialLinks .socialLinks-item.socialLinks-item--facebookLike {
    margin-bottom: 0;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:1279px) {
    .socialLinks .socialLinks-item.socialLinks-item--facebookLike {
        margin-top: 10px;
        margin-left: 0
    }
}

@media only screen and (max-width:1023px) {
    .socialLinks .socialLinks-item.socialLinks-item--facebookLike {
        margin-top: 0;
        margin-left: 15px
    }
}

@media only screen and (max-width:479px) {
    .socialLinks .socialLinks-item.socialLinks-item--facebookLike {
        margin-top: 10px;
        margin-left: 0;
        display: block
    }
}

.socialLinks .socialLinks-item.socialLinks-item--facebookLike iframe {
    position: static !important;
    height: 25px;
    width: 116px;
    display: -ms-flexbox;
    display: flex
}

.socialLinks .socialLinks-item svg {
    width: 18px;
    height: 13px
}

.socialLinks .socialLinks-item.socialLinks-item--print svg {
    height: 15px
}

.socialLinks .icon {
    height: 34px;
    width: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dfdfdf;
    border-radius: 50%
}

.socialLinks .icon:hover svg {
    fill: #fff
}

.socialLinks .icon--google_plusone:hover {
    border-color: #c33;
    background: #c33
}

.socialLinks .icon--facebook:hover {
    border-color: #597ac7;
    background: #597ac7
}

.socialLinks .icon--email:hover {
    border-color: #c33;
    background: #c33
}

.socialLinks .icon--print:hover {
    border-color: red;
    background: red
}

.socialLinks .icon--twitter:hover {
    border-color: #1da1f2;
    background: #1da1f2
}

.socialLinks .icon--google:hover {
    border-color: #c33;
    background: #c33
}

.socialLinks .icon--linkedin:hover {
    border-color: #0077b5;
    background: #0077b5
}

.socialLinks .icon--pinterest:hover {
    border-color: #c8232c;
    background: #c8232c
}

.addthis_toolbox a.at300b,
.addthis_toolbox a.at300m {
    width: 34px !important
}

.socialLinks--alt .socialLinks-item {
    padding: 0;
    margin: 0 6px 0 0
}

.socialLinks--alt .icon {
    margin: 0;
    border-radius: 50%;
    border: 1px solid #000;
    height: 34px;
    width: 34px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.socialLinks--alt .icon svg {
    width: 15px;
    height: 15px
}

.socialLinks--alt .icon.icon--facebook {
    border: 1px solid #49669d
}

.socialLinks--alt .icon.icon--facebook svg {
    fill: #49669d
}

.socialLinks--alt .icon.icon--linkedin {
    border: 1px solid #387ba6
}

.socialLinks--alt .icon.icon--linkedin svg {
    fill: #387ba6
}

.socialLinks--alt .icon.icon--tumblr {
    border: 1px solid #34526f
}

.socialLinks--alt .icon.icon--tumblr svg {
    fill: #34526f
}

.socialLinks--alt .icon.icon--twitter {
    border: 1px solid #60bdea
}

.socialLinks--alt .icon.icon--twitter svg {
    fill: #60bdea
}

.socialLinks--alt .icon.icon--instagram {
    border: 1px solid #b5b196
}

.socialLinks--alt .icon.icon--instagram svg {
    fill: #b5b196
}

.socialLinks--alt .icon.icon--pinterest {
    border: 1px solid #fc393d
}

.socialLinks--alt .icon.icon--pinterest svg {
    fill: #fc393d
}

.socialLinks--alt .icon.icon--google {
    border: 1px solid #4c4c4c
}

.socialLinks--alt .icon.icon--google svg {
    width: 20px;
    fill: #4c4c4c
}

.socialLinks--alt .icon.icon--youtube {
    border: 1px solid #fa3b3a
}

.socialLinks--alt .icon.icon--youtube svg {
    width: 16px;
    fill: #fa3b3a
}

.socialLinks--alt .icon.icon--stumbleupon {
    border: 1px solid #48b04f
}

.socialLinks--alt .icon.icon--stumbleupon svg {
    width: 16px;
    fill: #48b04f
}

.socialLinks--alt .icon.icon--rss {
    border: 1px solid #f26522
}

.socialLinks--alt .icon.icon--rss svg {
    width: 16px;
    fill: #f26522
}

.socialLinks .icon--facebook_like {
    border: 0;
    width: auto;
    height: auto;
    text-align: left !important;
    margin-left: 3px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.socialLinks .icon--facebook_like iframe {
    width: 280px
}

li.facebook_like,
li.socialLinks-alt.facebook_like {
    height: auto !important;
    margin-left: 0;
    margin-top: 20px
}

.sf-menu {
    list-style: none
}

.nav-arrow-roted .navPages-action i,
.nav-arrow-roted .navPages-action span,
.nav-arrow-roted>a i,
.nav-arrow-roted>a span {
    transform: rotate(-90deg);
    display: inline-block
}

.nav-arrow-roted .navPages-action i.nav-arrow,
.nav-arrow-roted .navPages-action span.nav-arrow,
.nav-arrow-roted>a i.nav-arrow,
.nav-arrow-roted>a span.nav-arrow {
    display: none
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    z-index: 99;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    max-width: 180px;
    width: 180px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%)
}

.sf-menu li.sfHover>ul,
.sf-menu li:hover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    left: 100%;
    right: auto;
    top: 0;
    transform: none
}

.sf-menu ul.mega-menu-wrap {
    width: 100%;
    max-width: 100%;
    left: 0
}

.sf-menu li {
    position: relative
}

.sf-menu li.mega-menu-item {
    position: inherit
}

.last-menu-item ul {
    right: 0;
    left: auto
}

.last-menu-item ul li a {
    position: relative;
    padding-left: 20px !important
}

.last-menu-item ul li a span {
    position: absolute;
    left: 0;
    transform: rotate(180deg)
}

.last-menu-item ul ul {
    right: 100%;
    left: auto
}

.sf-menu ul li {
    background: #fff;
    display: block;
    width: 100%;
    text-align: left
}

.sf-menu ul ul li {
    background: #fff
}

.sf-menu li.sfHover,
.sf-menu li:hover {
    transition: none
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #fff
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dfeeff;
    border-left-color: rgba(255, 255, 255, .5)
}

.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff
}

#growls-bc,
#growls-bl,
#growls-br,
#growls-cc,
#growls-cl,
#growls-cr,
#growls-default,
#growls-tc,
#growls-tl,
#growls-tr,
.ontop {
    z-index: 50000;
    position: fixed
}

#growls-default {
    top: 10px;
    right: 10px
}

#growls-tl {
    top: 10px;
    left: 10px
}

#growls-tr {
    top: 10px;
    right: 10px
}

#growls-bl {
    bottom: 10px;
    left: 10px
}

#growls-br {
    bottom: 10px;
    right: 10px
}

#growls-tc {
    top: 10px;
    right: 10px;
    left: 10px
}

#growls-bc {
    bottom: 10px;
    right: 10px;
    left: 10px
}

#growls-cc {
    top: 50%;
    left: 50%;
    margin-left: -125px
}

#growls-cl {
    top: 50%;
    left: 10px
}

#growls-cr {
    top: 50%;
    right: 10px
}

#growls-bc .growl,
#growls-tc .growl {
    margin-left: auto;
    margin-right: auto
}

.growl {
    opacity: .8;
    position: relative;
    border-radius: 4px;
    transition: all .4s ease-in-out
}

.growl.growl-incoming {
    opacity: 0
}

.growl.growl-outgoing {
    opacity: 0
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px
}

.growl.growl-default {
    color: #fff;
    background: #7f8c8d
}

.growl.growl-error {
    color: #fff;
    background: #c0392b
}

.growl.growl-notice {
    color: #fff;
    background: #2ecc71
}

.growl.growl-warning {
    color: #fff;
    background: #f39c12
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: helvetica, verdana, sans-serif
}

.growl .growl-title {
    font-size: 18px;
    line-height: 24px
}

.growl .growl-message {
    font-size: 14px;
    line-height: 18px
}

.section-title {
    text-align: center
}

.section-title .page-heading {
    margin-bottom: 0;
    border-bottom: 0;
    line-height: 24px;
    padding-bottom: 0
}

@media only screen and (max-width:1023px) {
    .section-title .page-heading {
        font-size: 24px;
        line-height: 24px
    }
}

.page-heading {
    margin-bottom: 30px;
    font-weight: 500;
    color: #2e3344;
    letter-spacing: normal;
    line-height: 40px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px
}

@media only screen and (max-width:1023px) {
    .page-heading {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.page-heading+.page-sub-heading {
    margin-top: 6px;
    font-size: 24px
}

@media only screen and (max-width:1023px) {
    .page-heading+.page-sub-heading {
        font-size: 20px;
        line-height: 22px
    }
}

.page-heading svg {
    width: 20px;
    height: 20px;
    fill: #06856f;
    margin-right: 8px
}

.page-sub-heading {
    color: #888;
    font-family: Caveat;
    margin-bottom: 0
}

.home-promotional-banner {
    margin-top: 39px
}

@media only screen and (max-width:1023px) {
    .home-promotional-banner {
        margin-top: 30px
    }
}

.home-promotional-banner.carousel-open {
    margin-top: 0
}

@media only screen and (max-width:1023px) {
    .home-promotional-banner.m-b-60 {
        margin-bottom: 37px
    }
}

.home-promotional-banner .banner-main-block {
    margin: 0 -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:1023px) {
    .home-promotional-banner .banner-main-block {
        margin: 0 -10px
    }
}

@media only screen and (max-width:767px) {
    .home-promotional-banner .banner-main-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

@media only screen and (max-width:567px) {
    .home-promotional-banner .banner-main-block {
        margin: 0 -5px
    }
}

@media only screen and (max-width:479px) {
    .home-promotional-banner .banner-main-block {
        margin: 0
    }
}

.home-promotional-banner .banner-block-half {
    width: 50%
}

@media only screen and (max-width:1023px) {
    .home-promotional-banner .banner-block-half.p-l-15 {
        padding-left: 10px
    }
    .home-promotional-banner .banner-block-half.p-r-15 {
        padding-right: 10px
    }
}

@media only screen and (max-width:767px) {
    .home-promotional-banner .banner-block-half {
        width: 100%
    }
}

@media only screen and (max-width:567px) {
    .home-promotional-banner .banner-block-half.p-l-15 {
        padding-left: 5px
    }
    .home-promotional-banner .banner-block-half.p-r-15 {
        padding-right: 5px
    }
}

@media only screen and (max-width:479px) {
    .home-promotional-banner .banner-block-half.p-l-15 {
        padding-left: 0
    }
    .home-promotional-banner .banner-block-half.p-r-15 {
        padding-right: 0
    }
}

.home-promotional-banner .banner-block-full {
    width: 100%
}

.home-promotional-banner .banner-block-3 {
    padding: 0;
    margin-top: 30px
}

@media only screen and (max-width:1919px) {
    .home-promotional-banner .banner-block-3 {
        margin-top: 27px
    }
}

@media only screen and (max-width:1279px) {
    .home-promotional-banner .banner-block-3 {
        margin-top: 24px
    }
}

@media only screen and (max-width:1023px) {
    .home-promotional-banner .banner-block-3 {
        margin-top: 17px
    }
}

@media only screen and (max-width:567px) {
    .home-promotional-banner .banner-block-3 {
        margin-top: 10px
    }
}

@media only screen and (max-width:479px) {
    .home-promotional-banner .banner-block-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .home-promotional-banner .banner-block-3 .p-r-15 {
        margin-bottom: 10px
    }
}

.home-promotional-banner .banner-block-3 img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .home-promotional-banner .banner-block-2 {
        margin-top: 17px
    }
}

@media only screen and (max-width:567px) {
    .home-promotional-banner .banner-block-2 {
        margin-top: 10px
    }
}

@media only screen and (max-width:1023px) {
    .product-section.m-b-40 {
        margin-bottom: 17px
    }
}

.slick-slider .product-slick-arrow {
    display: none;
    width: 18px;
    height: 12px
}

.home-blog-list-wrap .home-blog-list {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:666px) {
    .home-blog-list-wrap .home-blog-list {
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media only screen and (max-width:1023px) {
    .home-blog-post.m-b-50 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:1023px) {
    .home-blog-list-wrap.m-t-30 {
        margin-top: 15px
    }
}

@media only screen and (max-width:666px) {
    .home-blog-list-wrap .custom-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin: 0
    }
}

@media only screen and (max-width:1023px) {
    .home-blog-item.p-l-15 {
        padding-left: 10px
    }
    .home-blog-item.p-r-15 {
        padding-right: 10px
    }
}

@media only screen and (max-width:666px) {
    .home-blog-item.width-33 {
        width: 100%;
        padding: 0
    }
    .home-blog-item:last-child .home-blog-detail {
        margin-bottom: 0
    }
}

.home-blog-img {
    position: relative;
    width: 100%
}

.home-blog-img a {
    text-align: center;
    display: block
}

.home-blog-img a span {
    max-height: 300px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 300px;
    overflow: hidden
}

@media only screen and (max-width:1919px) {
    .home-blog-img a span {
        max-height: 224px;
        min-height: 224px
    }
}

@media only screen and (max-width:1279px) {
    .home-blog-img a span {
        max-height: 210px;
        min-height: 210px
    }
}

@media only screen and (max-width:1023px) {
    .home-blog-img a span {
        max-height: 150px;
        min-height: 150px
    }
}

@media only screen and (max-width:767px) {
    .home-blog-img a span {
        max-height: 130px;
        min-height: 130px
    }
}

@media only screen and (max-width:666px) {
    .home-blog-img a span {
        max-height: inherit
    }
}

.home-blog-img a img {
    width: auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    transition: all .5s
}

.home-blog-detail {
    text-align: left;
    padding: 0 10px;
    padding-top: 15px;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .home-blog-detail {
        padding-top: 15px
    }
}

@media only screen and (max-width:666px) {
    .home-blog-detail {
        margin-bottom: 30px
    }
}

.home-blog-detail h4 {
    line-height: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
    letter-spacing: normal
}

@media only screen and (max-width:1023px) {
    .home-blog-detail h4 {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) {
    .home-blog-detail h4 {
        margin-bottom: 7px
    }
}

.home-blog-detail h4 a {
    color: #06856f
}

.home-blog-detail h4 a:hover {
    color: #666
}

.home-blog-detail p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left;
    margin-bottom: 10px;
    color: #333
}

@media only screen and (max-width:1023px) {
    .home-blog-detail p {
        font-size: 13px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) {
    .home-blog-detail p {
        margin-bottom: 7px
    }
}

.home-blog-detail .blog-date {
    font-size: 15px;
    font-weight: 400;
    color: #06856f
}

@media only screen and (max-width:1023px) {
    .home-blog-detail .blog-date {
        font-size: 13px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) {
    .home-blog-detail .blog-date {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .home-blog-detail .blog-date div {
        width: 100%;
        display: block;
        text-align: left
    }
}

@media only screen and (max-width:666px) {
    .home-blog-detail .blog-date {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
    .home-blog-detail .blog-date div {
        width: auto
    }
}

.home-blog-detail .blog-date .author+.date {
    margin-left: 18px
}

@media only screen and (max-width:767px) {
    .home-blog-detail .blog-date .author+.date {
        margin-left: 0;
        margin-top: 5px
    }
}

@media only screen and (max-width:666px) {
    .home-blog-detail .blog-date .author+.date {
        margin-top: 0;
        margin-left: 18px
    }
}

.home-blog-detail .blog-date svg {
    width: 15px;
    height: 15px
}

@media only screen and (max-width:1023px) {
    .home-blog-detail .blog-date svg {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width:1023px) {
    .instagrame.m-b-50 {
        margin-bottom: 30px
    }
}

.instagrame .page-heading {
    font-size: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.instagrame .page-heading svg {
    margin-right: 5px
}

@media only screen and (max-width:1023px) {
    .home-instagram.m-t-20 {
        margin-top: 5px
    }
}

@media only screen and (max-width:567px) {
    .home-instagram.m-t-20 {
        margin-top: 11px
    }
}

.insta-item {
    padding: 10px
}

@media only screen and (max-width:567px) {
    .insta-item {
        padding: 5px
    }
}

@media only screen and (max-width:567px) {
    .insta-item-wrap {
        width: 180px
    }
}

.animation {
    display: block;
    position: relative
}

.animation:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
    background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/instagram-feeds.svg) no-repeat;
    background-size: 100%;
    z-index: 1
}

.animation:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    background: #06856f;
    opacity: 0
}

.animation:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.animation:hover:before {
    opacity: 1
}

.animation:hover:after {
    opacity: .7
}

.usp-section {
    background: #f4f4f4
}

@media only screen and (max-width:1023px) {
    .usp-section.m-b-60 {
        margin-bottom: 40px
    }
}

.usp-section ul {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:1023px) {
    .usp-section ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

.usp-section ul li {
    padding: 30px 15px;
    margin: 0;
    width: 25%
}

@media only screen and (max-width:1023px) {
    .usp-section ul li {
        width: 50%;
        padding: 0
    }
}

.usp-section ul li:first-child {
    padding-left: 0
}

.usp-section ul li:last-child {
    padding-right: 0
}

@media only screen and (max-width:1023px) {
    .usp-section ul li.first {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 0
    }
    .usp-section ul li.second {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .usp-section ul li.third {
        padding-bottom: 20px;
        padding-right: 20px
    }
    .usp-section ul li.fourth {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:567px) {
    .usp-section ul li.first {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 0
    }
    .usp-section ul li.second {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .usp-section ul li.third {
        padding-bottom: 10px;
        padding-right: 10px
    }
    .usp-section ul li.fourth {
        padding-bottom: 10px
    }
}

.usp-section.usp-section-none {
    display: none
}

.usp-block {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 10px;
    height: 100%
}

@media only screen and (max-width:1279px) {
    .usp-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

@media only screen and (max-width:567px) {
    .usp-block {
        padding: 12px 10px
    }
}

.usp-block .usp-img {
    max-width: 45px;
    text-align: right;
    margin-right: 14px;
    width: 100%
}

@media only screen and (max-width:1279px) {
    .usp-block .usp-img {
        margin: 0
    }
}

@media only screen and (max-width:1279px) {
    .usp-block .usp-detail {
        width: 100%;
        text-align: center;
        margin-top: 8px
    }
}

.usp-block .usp-detail h5 {
    margin: 0;
    text-transform: capitalize;
    color: #06856f;
    line-height: 22px;
    font-weight: 500
}

@media only screen and (max-width:1919px) {
    .usp-block .usp-detail h5 {
        font-size: 14px;
        line-height: 20px
    }
}

.usp-block .usp-detail p {
    margin: 0;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width:1919px) {
    .usp-block .usp-detail p {
        font-size: 13px;
        line-height: 18px
    }
}

@media only screen and (max-width:567px) {
    .usp-block .usp-detail p {
        font-size: 11px;
        line-height: 15px
    }
}

.type-account_addressbook .usp-section,
.type-account_inbox .usp-section,
.type-account_orderstatus .usp-section,
.type-account_paymentmethods .usp-section,
.type-account_recentitems .usp-section,
.type-account_returns .usp-section,
.type-cart .usp-section,
.type-createaccount .usp-section,
.type-editaccount .usp-section,
.type-login .usp-section,
.type-wishlists .usp-section {
    display: none
}

.login {
    margin: 0 auto
}

.login-row {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .login-row {
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.login-row .form-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.login-row .form-actions .button {
    width: auto;
    margin: 0;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .login-form {
        width: 100%;
        padding: 0
    }
}

.login-form .form-label {
    font-size: 16px;
    color: #000
}

.login-form .forgot-password {
    font-size: 15px;
    width: auto;
    margin: 0
}

@media only screen and (max-width:767px) {
    .new-customer {
        width: 100%;
        padding: 0
    }
}

.new-customer-fact-list {
    margin-left: 0
}

.new-customer-fact {
    font-size: 15px
}

.new-customer-intro {
    margin-bottom: 15px;
    font-size: 15px
}

@media only screen and (max-width:1023px) {
    .navBar--sub {
        margin-bottom: 20px
    }
}

.navBar--sub.navBar--account {
    display: block
}

.navBar--sub .navBar-item {
    font-size: 16px
}

@media only screen and (max-width:1023px) {
    .navBar--sub .navBar-item {
        font-size: 14px
    }
}

@media only screen and (max-width:1279px) {
    .navBar--sub .navBar-item {
        margin: 0 7px
    }
}

@media only screen and (max-width:1023px) {
    .navBar--sub .navBar-item {
        padding: 10px;
        border: 1px solid #dfdfdf;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: left
    }
    .navBar--sub .navBar-item .navBar-action {
        font-size: 14px
    }
    .navBar--sub .navBar-item.search-result-content {
        margin-bottom: 0
    }
}

.navBar--sub .navBar-item.is-active {
    color: #06856f;
    border-bottom: 1px solid #06856f
}

@media only screen and (max-width:1023px) {
    .navBar--sub .navBar-item.is-active {
        font-size: 14px;
        border: 1px solid #06856f
    }
}

.navBar--sub .navBar-item .toggleLink-text {
    font-size: 16px
}

@media only screen and (max-width:1023px) {
    .navBar--sub .navBar-item .toggleLink-text {
        font-size: 14px
    }
}

.navBar--sub .navBar-action {
    font-size: 16px;
    color: #666
}

@media only screen and (max-width:1023px) {
    .navBar--sub .navBar-action {
        font-size: 14px
    }
}

@media only screen and (max-width:1919px) {
    .account--fixedLarge {
        width: 100%
    }
}

.account h3 {
    line-height: 26px
}

.account-product--alignMiddle .account-product-figure {
    left: 0
}

.account-product--alignMiddle .account-product-checkItem {
    left: 0
}

.account-product--alignMiddle .account-product-body {
    padding-left: 10px
}

.account-product--alignMiddle .account-product-figure>img {
    height: auto
}

.account-product-figure {
    display: block
}

.account-product-figure:after {
    display: none
}

.account-orderStatus-label {
    background: #06856f
}

.account-product-title {
    margin-bottom: 10px
}

.account-message p {
    margin-bottom: 0
}

.account-message p+p {
    margin-top: 15px
}

.account .pagination {
    margin-top: 30px;
    color: #666
}

.account .pagination .pagination-list {
    margin-bottom: 0
}

.account .product .card {
    width: 100%
}

.account .product .form {
    text-align: center;
    margin: 0
}

.account .product .form .button {
    margin-top: 15px;
    margin-bottom: 0
}

.account-content h2 {
    font-size: 20px
}

@media only screen and (max-width:767px) {
    .account-content h2 {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .account-content .form-field {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .account-content .form-actions .button {
        margin-top: 0
    }
}

@media only screen and (max-width:1023px) {
    .addressList {
        margin-left: 0;
        margin-right: 0
    }
}

.addressList .address {
    margin-bottom: 0
}

.return-msg {
    text-align: center
}

.table--line .table-thead {
    border-color: 1px solid #dfdfdf
}

@media only screen and (max-width:567px) {
    .form-actions .button+.button,
    .form-actions .button+a,
    .form-actions .button+input,
    .form-actions a+.button,
    .form-actions a+a,
    .form-actions a+input,
    .form-actions input+.button,
    .form-actions input+a,
    .form-actions input+input {
        margin-top: 0
    }
}

.type-createaccount .form-row,
.type-shippingaddressform .form-row {
    margin: 0
}

.type-createaccount .g-recaptcha,
.type-shippingaddressform .g-recaptcha {
    padding-left: .75rem
}

.type-createaccount .form-actions .button,
.type-shippingaddressform .form-actions .button {
    width: auto
}

.type-wishlist .productGrid .product {
    padding-bottom: 60px;
    margin-bottom: 15px;
    position: relative
}

.type-wishlist .productGrid .product .crad {
    width: 100%
}

.type-wishlist .productGrid .product .form {
    margin-top: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.blog-thumbnail-custom {
    margin: 0 auto;
    margin-bottom: 20px
}

.blog-thumbnail-custom a {
    display: block
}

.blog-author,
.blog-date {
    margin-bottom: 10px
}

.blog-title {
    line-height: 26px
}

.type-compare .header {
    z-index: inherit
}

.type-compare .header.stuck {
    z-index: 99
}

.type-compare .header .header-main {
    z-index: inherit
}

.compare-table-wrap {
    overflow: auto
}

@media only screen and (max-width:1023px) {
    .compare-table-wrap .compareTable {
        width: 800px
    }
}

.compareTable-product .card .card-figure {
    overflow: visible
}

.compareTable-product .card .card-figure a {
    height: 30px;
    position: absolute;
    right: -1rem;
    top: -1rem;
    transition: background-color .15s ease;
    width: 30px
}

.compareTable-product .card .card-figure a svg {
    margin-top: 9px
}

.compareTable-product .card .card-title {
    margin-bottom: 12px;
    margin-top: 10px
}

.compareTable-product .card:hover .card-title {
    opacity: 1;
    visibility: visible
}

.compareTable-product .compareTable-removeProduct:hover {
    background: #06856f
}

.compareTable-product .compareTable-removeProduct:hover .icon {
    fill: #fff
}

.compareTable-product .icon {
    fill: #06856f;
    height: 14px;
    width: 14px;
    margin-top: 10px
}

.compareTable {
    border-top: 0
}

.compareTable-action .button {
    text-transform: uppercase
}

.compareTable-headingText {
    font-weight: 500;
    color: #06856f
}

.sitemap-block-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row;
    flex-flow: row
}

@media only screen and (max-width:767px) {
    .sitemap-block-main {
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.sitemap-block-main .block-title {
    margin-bottom: 15px;
    font-weight: 500
}

.sitemap-block-main .sitemap-block {
    width: 33.33%;
    padding: 0 15px
}

@media only screen and (max-width:767px) {
    .sitemap-block-main .sitemap-block {
        width: 100%
    }
}

.sitemap-block-main ul {
    margin-left: 0
}

.sitemap-block-main .show-more:before {
    display: none
}

.sitemap-block-main .show-more a {
    font-style: italic
}

.gift-certificate-form .form-fieldset .form-field {
    padding: 0
}

.gift-certificate-form .form-fieldset .form-field-group {
    padding: 15px .75rem
}

.giftWrapping-form .form-actions {
    margin-bottom: 20px
}

#contact-us-success {
    text-align: center
}

.changelog li {
    list-style: outside
}

.header {
    border: 0;
    animation-duration: .7s
}

@media only screen and (max-width:1023px) {
    .header {
        position: relative
    }
}

.header-main {
    position: relative;
    z-index: 99
}

.header-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-left,
.header-right {
    width: 25%
}

@media only screen and (max-width:1023px) {
    .header-left,
    .header-right {
        width: 50%
    }
}

.header-center {
    width: 50%
}

@media only screen and (max-width:1023px) {
    .header-center {
        display: none
    }
}

.header-right {
    position: relative
}

.header-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-sidebar-open {
    position: fixed;
    width: 100%
}

.nav-arrow {
    width: 5px;
    height: 5px;
    display: none
}

.header-side-bar {
    position: fixed;
    left: -352px;
    width: 342px;
    top: 0;
    bottom: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
    transition: all .4s cubic-bezier(.46, .01, .32, 1) 0s;
    overflow-y: auto
}

@media only screen and (max-width:479px) {
    .header-side-bar {
        width: 300px;
        left: -310px
    }
}

.header-side-bar .header-side-bar-inn {
    padding: 25px 18px 30px 20px
}

@media only screen and (max-width:479px) {
    .header-side-bar .header-side-bar-inn {
        padding: 20px
    }
}

.header-side-bar .sidebarBlock-heading {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

@media only screen and (max-width:567px) {
    .header-side-bar .sidebarBlock-heading {
        font-size: 18px
    }
}

.header-side-bar .headerSidebar-block {
    padding-top: 18px;
    margin-top: 17px;
    border-top: 1px solid #dfdfdf;
    padding-left: 20px;
    padding-right: 18px
}

.header-side-bar .headerSidebar-block.category {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.header-side-bar .nav-arrow {
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    content: "";
    left: 0;
    top: 10px
}

.header-side-bar .nav-arrow svg {
    width: 5px;
    height: 5px;
    display: block !important
}

.header-side-bar .navList {
    margin-bottom: 0
}

.header-side-bar .navList li {
    margin: 8px 0 0 0;
    position: relative;
    padding-left: 15px
}

.header-side-bar .navList li a {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    line-height: 16px;
    position: relative
}

.header-side-bar .navList li a:hover {
    color: #888
}

.header-side-bar .navList li a:hover .nav-arrow svg {
    fill: #888
}

.header-side-bar .navList li a .nav-arrow svg {
    fill: #666
}

.header-side-bar .navList li .nav-third-level li:before {
    display: none
}

.header-side-bar .navList>li {
    float: none;
    padding-left: 0
}

.header-side-bar .navList>li:first-child {
    margin-top: 0
}

.header-side-bar .navList>li>a {
    color: #06856f
}

.header-side-bar .navList>li>a .nav-arrow svg {
    fill: #06856f
}

.header-side-bar .navList>li>a svg {
    display: none
}

.header-side-bar .navList>li>a:hover {
    color: #888
}

.header-side-bar .navList>li>a:hover .nav-arrow svg {
    fill: #888
}

.headerSidebarOn {
    left: 0
}

.close {
    text-align: right;
    margin-bottom: 5px;
    margin-right: 15px
}

.close .close-icon {
    display: inline-block
}

.close .close-icon svg {
    width: 19px;
    height: 19px;
    fill: #000;
    stroke: #000
}

.desktop_mobile_menu {
    padding-right: 25px
}

@media only screen and (max-width:1023px) {
    .desktop_mobile_menu {
        padding-right: 10px
    }
}

.desktop_mobile_menu .control-otherlinks span {
    border-top: 2px solid #f6f6f6
}

.desktop_mobile_menu .control-otherlinks span:hover {
    border-top: 2px solid #fff;
    opacity: .8
}

.desktop_mobile_menu .control-otherlinks:hover span {
    border-top: 2px solid #fff;
    opacity: .8
}

.control-otherlinks {
    display: inline-block;
    width: 35px;
    height: 26px;
    position: relative;
    text-align: right;
    cursor: pointer
}

.control-otherlinks span {
    width: 28px;
    left: 0;
    top: 2px;
    border-top: 2px solid #fff;
    position: absolute;
    transition: all .5s
}

.control-otherlinks .otherlinks-line-2 {
    top: 10px;
    width: 20px
}

.control-otherlinks .otherlinks-line-3 {
    top: 18px;
    width: 28px
}

.control-otherlinks .otherlinks-line-4 {
    top: 26px;
    width: 17px
}

.stuck {
    position: fixed;
    margin: 0 auto;
    animation-fill-mode: both;
    animation-name: bounceInDown;
    border-bottom: 1px solid #666
}

.stuck .header-currancy,
.stuck .header-left {
    display: none
}

.stuck .header-center {
    width: 100%
}

.stuck .header-right {
    display: none
}

.stuck .header-inner .navPages-list {
    margin-top: 15px
}

.stuck .header-inner .navPages-list>li>a {
    padding-bottom: 15px
}

.header-logo {
    margin: 0;
    padding: 10px 0;
    line-height: normal
}

.header-logo a {
    display: block
}

@media only screen and (max-width:1023px) {
    .header-logo a {
        width: 100%
    }
}

.header-logo .header-logo-image-container-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-logo .header-logo-text {
    text-align: left;
    white-space: inherit
}

.header-inner .navPages-list,
.header-inner .navUser-section {
    margin-top: 23px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.header-inner .navPages-list:after,
.header-inner .navPages-list:before,
.header-inner .navUser-section:after,
.header-inner .navUser-section:before {
    display: none
}

.header-inner .navPages-list.navUser-section,
.header-inner .navUser-section.navUser-section {
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1439px) {
    .header-inner .navPages-list.navUser-section,
    .header-inner .navUser-section.navUser-section {
        padding-right: 30px
    }
}

@media only screen and (max-width:1365px) {
    .header-inner .navPages-list.navUser-section,
    .header-inner .navUser-section.navUser-section {
        padding-right: 0
    }
}

@media only screen and (max-width:666px) {
    .header-inner .navPages-list,
    .header-inner .navUser-section {
        margin-top: 13px
    }
}

.header-inner .navUser {
    padding: 0
}

@media only screen and (max-width:1023px) {
    .header-inner .navUser {
        position: unset
    }
}

.header-inner .navUser:before {
    display: none
}

.header-inner .navUser:after {
    display: none
}

@media only screen and (max-width:1023px) {
    .header-inner .navUser-item {
        display: block
    }
    .header-inner .navUser-item.navUser-search {
        display: none
    }
}

.header-inner .navUser-item--cart {
    position: unset;
    margin-right: 0
}

.header-inner .navUser-item--cart .navUser-action .navUser-item-cartLabel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-inner .navUser-item--cart .navUser-action svg {
    width: 16px;
    height: 21px
}

.header-inner .navPages-list>li {
    margin: 0 22px
}

@media only screen and (max-width:1279px) {
    .header-inner .navPages-list>li {
        margin: 0 10px
    }
}

.header-inner .navPages-list>li>a {
    padding: 0 0 24px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: inherit
}

.header-inner .navPages-list>li>a svg {
    width: 10px;
    height: 6px;
    margin-left: 7px
}

.header-inner .navPages-list>li>a:focus,
.header-inner .navPages-list>li>a:hover {
    color: #fff
}

.header-inner .navPages-list>li>a:focus svg,
.header-inner .navPages-list>li>a:hover svg {
    fill: #fff
}

.header-inner .navPages-list>li.navUser-item {
    margin: 0 20px
}

.header-inner .navPages-list>li ul {
    width: 200px;
    max-width: 200px;
    padding: 5px 0
}

.header-inner .navPages-list>li ul li {
    padding: 0 5px
}

.header-inner .navPages-list>li ul li a {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-inner .navPages-list>li ul li a svg.chevron-down {
    width: 7px;
    height: 7px;
    margin-right: 0;
    transform: rotate(270deg);
    position: absolute;
    left: auto;
    right: -4px;
    top: 12px
}

.header-inner .navPages-list>li ul li a:hover svg {
    fill: #06856f;
    stroke: #06856f
}

.header-inner .navPages-list>li ul li ul {
    margin-top: -5px
}

.header-inner .navUser-section>li {
    margin: 0 19px
}

@media only screen and (max-width:1439px) {
    .header-inner .navUser-section>li {
        margin: 0 12px
    }
}

@media only screen and (max-width:1365px) {
    .header-inner .navUser-section>li {
        margin: 0 19px
    }
}

@media only screen and (max-width:1279px) {
    .header-inner .navUser-section>li {
        margin: 0 10px
    }
}

.header-inner .navUser-section>li>a {
    height: 22px;
    width: 22px;
    box-sizing: content-box;
    padding: 0 0 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:666px) {
    .header-inner .navUser-section>li>a {
        padding: 0 0 13px
    }
}

.header-inner .navUser-section>li>a svg {
    width: 20px;
    height: 20px
}

.header-inner .navUser-section>li>a svg.search-close {
    display: none;
    height: 19px;
    fill: #f6f6f6;
    stroke: #f6f6f6
}

.header-inner .navUser-section>li>a.search-open .search-close {
    display: block
}

.header-inner .navUser-section>li>a.search-open .search-icon {
    display: none
}

.header-inner .navUser-section>li.navUser-item--cart {
    margin-right: 0
}

.header-inner .navUser-section>li ul.navUser-section-sub {
    padding: 5px 0;
    width: 180px;
    max-width: 180px;
    background: #fff
}

.header-inner .navUser-section>li ul.navUser-section-sub li {
    background: 0 0
}

.header-inner .navUser-section>li ul.navUser-section-sub li ul {
    background: #fff
}

.header-inner .navUser-section>li ul li a {
    padding: 7px 0
}

.header-inner .navUser-section>li ul li a:hover svg {
    fill: #06856f;
    stroke: #06856f
}

.header-inner .currency-item:hover {
    background: 0 0
}

.header-inner .currency {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.header-inner .currency ul {
    margin: 0;
    position: relative;
    display: block;
    left: auto;
    right: auto;
    top: auto;
    box-shadow: none;
    border-top: 1px solid #dfdfdf;
    padding: 12px;
    width: 100%
}

.header-inner .currency ul:before {
    display: none
}

.header-inner .currency ul li {
    margin: 0
}

.header-inner .currency ul li.navUser-item-currencySelector:hover {
    background: 0 0
}

.header-inner .currency ul li.navUser-item-currencySelector:hover a {
    opacity: 1
}

.header-inner .currency ul li .flag {
    width: 22px;
    height: 14px
}

.header-inner .currency ul li .flag img {
    width: 100%;
    height: 100%;
    display: block
}

.header-inner .currency ul li span.code {
    text-align: left;
    font-size: 13px;
    line-height: 12px;
    margin-left: 5px
}

.header-inner .currency ul li .navUser-action--currencySelector {
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    padding: 5px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.header-inner .currency ul li .navUser-action--currencySelector .icon {
    width: 8px;
    margin: 0;
    height: 5px;
    position: absolute;
    right: 8px
}

.header-inner .currency ul li .navUser-action--currencySelector .icon svg {
    width: 8px;
    height: 5px;
    fill: #06856f;
    opacity: 1;
    stroke: #06856f;
    display: block
}

.header-inner .currency ul li:hover {
    background: 0 0
}

.header-inner .currency ul li.currency-heading {
    font-size: 14px;
    color: #666;
    margin-bottom: 9px
}

.header-inner .currency ul li.currency-heading:hover {
    background: 0 0
}

.header-inner .currency #currencySelection {
    padding: 5px;
    margin-top: 1px;
    border: 1px solid #dfdfdf
}

.header-inner .currency #currencySelection:focus {
    outline: 0 !important
}

.header-inner .currency #currencySelection li {
    margin: 0 0 5px 0
}

.header-inner .currency #currencySelection li:last-child {
    margin-bottom: 0
}

.header-inner .currency #currencySelection li a {
    margin: 0;
    padding: 0;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex
}

.header-inner .currency #currencySelection li a:hover {
    background: #f3f3f3
}

.header-inner .currency #currencySelection li a span {
    color: #06856f;
    font-weight: 500
}

.header-inner .currency #currencySelection li a span img {
    max-width: 22px;
    max-height: 14px
}

.navPages-action,
.navUser-action {
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0
}

.navPages-list>li>ul:before,
.navUser-section>li>ul:before {
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 6px;
    border-color: transparent transparent #fff;
    content: "";
    margin-left: -4px
}

.navPages-list>li:hover>a,
.navUser-section>li:hover>a {
    opacity: .6;
    color: #fff
}

.navPages-list>li:hover>a svg,
.navUser-section>li:hover>a svg {
    fill: #fff;
    stroke: #fff
}

.navUser-section>li:hover>a {
    opacity: .6;
    color: #fff
}

.navUser-section>li:hover>a svg {
    fill: #fff;
    stroke: #fff
}

.header-inner .navPages-list li ul li,
.header-inner .navUser-section li ul li {
    padding: 0 5px
}

.header-inner .navPages-list li ul li a,
.header-inner .navUser-section li ul li a {
    font-size: 14px;
    color: #06856f;
    padding: 7px 18px;
    line-height: 18px;
    display: block;
    position: relative
}

.header-inner .navPages-list li ul li a:hover,
.header-inner .navUser-section li ul li a:hover {
    color: #06856f
}

.header-inner .navPages-list li ul li a svg,
.header-inner .navUser-section li ul li a svg {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    fill: #06856f;
    stroke: none;
    display: inline-block;
    vertical-align: middle
}

.header-inner .navPages-list li ul li a svg.chevron-down,
.header-inner .navUser-section li ul li a svg.chevron-down {
    right: 8px
}

.header-inner .navPages-list li ul li:hover>a,
.header-inner .navUser-section li ul li:hover>a {
    background: #f3f3f3
}

.header-inner .navPages-list li ul li:hover>a svg,
.header-inner .navUser-section li ul li:hover>a svg {
    fill: #06856f;
    stroke: #06856f
}

.header-inner .navPages-list li ul li.navUser-item-wishlist,
.header-inner .navUser-section li ul li.navUser-item-wishlist {
    margin-bottom: 5px
}

.header-inner .countPill {
    position: absolute;
    color: #06856f;
    font-size: 11px;
    font-weight: 400;
    top: -8px;
    right: -5px;
    margin: 0;
    height: 17px;
    width: 17px;
    max-width: 17px;
    line-height: 17px
}

.search-box .navigation-menu {
    display: none
}

.search-box .navUser .navUser-item--account {
    display: none
}

.search-box .navUser .navUser-item-compare {
    display: none
}

.dropdown--quickSearch {
    background: 0 0
}

.dropdown--quickSearch,
.mobile-search {
    padding: 15px 0;
    top: -30%
}

.dropdown--quickSearch.is-open,
.mobile-search.is-open {
    width: 510px !important;
    left: auto !important;
    top: 50% !important;
    right: 125px !important;
    transition: all .2s ease;
    transform: translateY(-50%)
}

.dropdown--quickSearch .modal-close,
.mobile-search .modal-close {
    display: none
}

.dropdown--quickSearch .form,
.mobile-search .form {
    max-width: 100%
}

.dropdown--quickSearch .form .form-input,
.mobile-search .form .form-input {
    background: 0 0;
    color: #f6f6f6;
    font-style: italic;
    font-size: 16px;
    border: 0
}

.dropdown--quickSearch .form .form-input:-ms-input-placeholder,
.mobile-search .form .form-input:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important
}

.dropdown--quickSearch .form .form-input::placeholder,
.mobile-search .form .form-input::placeholder {
    color: #ccc;
    font-weight: 400
}

.dropdown--quickSearch .quickSearchResults,
.mobile-search .quickSearchResults {
    background: #fff;
    position: absolute;
    top: 100%;
    width: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4)
}

.dropdown--quickSearch .quickSearchResults .view-all-btn,
.mobile-search .quickSearchResults .view-all-btn {
    border: 1px solid #fff
}

.dropdown--quickSearch .productGrid,
.mobile-search .productGrid {
    margin: 0;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border: 1px solid #fff;
    background-color: #fff
}

.dropdown--quickSearch li.product,
.mobile-search li.product {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 8px;
    margin-bottom: 11px
}

.dropdown--quickSearch li.product:last-child,
.mobile-search li.product:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.dropdown--quickSearch .card,
.mobile-search .card {
    margin: 0
}

.dropdown--quickSearch .card-inner,
.mobile-search .card-inner {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-flow: row;
    flex-flow: row
}

.dropdown--quickSearch .price,
.mobile-search .price {
    font-size: 14px
}

.dropdown--quickSearch .card-figure,
.mobile-search .card-figure {
    min-height: inherit;
    max-width: 66px;
    width: 100%;
    margin-bottom: 0
}

.dropdown--quickSearch .card-figure .sale-flag-side,
.mobile-search .card-figure .sale-flag-side {
    display: none
}

.dropdown--quickSearch .card-figure:hover .card-figcaption,
.mobile-search .card-figure:hover .card-figcaption {
    display: none
}

.dropdown--quickSearch .card-body,
.mobile-search .card-body {
    padding: 10px;
    padding-bottom: 0;
    margin-top: 0;
    background: 0 0
}

.dropdown--quickSearch .card--alternate,
.mobile-search .card--alternate {
    border: 0
}

.dropdown--quickSearch .card--alternate:hover .card-figcaption-body-custom,
.mobile-search .card--alternate:hover .card-figcaption-body-custom {
    opacity: 0;
    visibility: hidden
}

.dropdown--quickSearch .card--alternate .card-text,
.mobile-search .card--alternate .card-text {
    text-align: left
}

.dropdown--quickSearch .card--alternate .card-mid-block,
.mobile-search .card--alternate .card-mid-block {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: inherit;
    margin-top: 0
}

.dropdown--quickSearch .card--alternate .card-title,
.mobile-search .card--alternate .card-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left
}

.dropdown--quickSearch .card--alternate .card-body .brand-name,
.mobile-search .card--alternate .card-body .brand-name {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

.dropdown--quickSearch .card--alternate .card-body .brand-name+.card-mid-block,
.mobile-search .card--alternate .card-body .brand-name+.card-mid-block {
    margin-top: 0
}

.dropdown--quickSearch .card--alternate .price-block,
.mobile-search .card--alternate .price-block {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -5px
}

.dropdown--quickSearch .card--alternate .price-block .price-section--withTax,
.mobile-search .card--alternate .price-block .price-section--withTax {
    text-align: left
}

.dropdown--quickSearch .card--alternate .card-body-inn,
.mobile-search .card--alternate .card-body-inn {
    -ms-flex-align: start;
    align-items: flex-start
}

.dropdown--quickSearch .card--alternate:hover,
.mobile-search .card--alternate:hover {
    box-shadow: none;
    border: 0
}

.dropdown--quickSearch .card--alternate:hover .card-button-block,
.mobile-search .card--alternate:hover .card-button-block {
    display: none
}

.dropdown--quickSearch .card--alternate:hover .card-text,
.mobile-search .card--alternate:hover .card-text {
    color: #666
}

.dropdown--quickSearch .card--alternate:hover .card-title,
.mobile-search .card--alternate:hover .card-title {
    opacity: 1;
    visibility: visible
}

.dropdown--quickSearch .card--alternate:hover .card-title a,
.mobile-search .card--alternate:hover .card-title a {
    color: #2e3344
}

.dropdown--quickSearch .card--alternate:hover .card-body,
.mobile-search .card--alternate:hover .card-body {
    background: 0 0
}

.dropdown--quickSearch .view-all,
.mobile-search .view-all {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 7px 20px;
    line-height: 20px;
    font-size: 16px
}

.dropdown--quickSearch .quickSearchMessage,
.mobile-search .quickSearchMessage {
    margin: 0;
    padding: 15px;
    color: #000;
    font-size: 20px
}

.navUser-item--cart {
    margin-right: 0
}

.navUser-item--cart .dropdown-menu {
    width: 330px;
    padding: 10px 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2)
}

.navUser-item--cart .dropdown-menu.is-open {
    right: -10px
}

.navUser-item--cart .previewCart {
    border: 0
}

.navUser-item--cart .previewCart .previewCartItem {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 10px;
    padding-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: 0 0
}

.navUser-item--cart .previewCart .previewCartItem:before {
    display: none
}

.navUser-item--cart .previewCart .previewCartItem:after {
    display: none
}

.navUser-item--cart .previewCart .previewCartItem+.previewCartItem {
    border-top: 0;
    padding-top: 0
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image {
    max-width: 66px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
    background: #f4f4f4
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image img {
    position: relative;
    mix-blend-mode: darken;
    margin: 0 auto;
    width: 100%
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image:after {
    display: none
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    line-height: 18px;
    padding-left: 0;
    color: #2e3344
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a:hover {
    color: #888
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-brand {
    color: #666;
    margin: 0
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price {
    color: #06856f;
    font-size: 14px;
    font-weight: 500
}

.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price p {
    display: inline-block;
    margin: 0
}

.navUser-item--cart .previewCart .previewCartItem:hover {
    background: 0 0
}

.navUser-item--cart .previewCart .previewCartList {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: 0;
    transform: none;
    left: auto;
    background: 0 0
}

.navUser-item--cart .previewCartAction {
    padding: 10px;
    border: 0;
    text-align: center;
    padding-bottom: 0
}

.navUser-item--cart .previewCartAction .button {
    font-size: 14px;
    line-height: 18px;
    font-size: 14px;
    line-height: 17px;
    padding-top: 10px;
    padding-bottom: 10px
}

.navUser-item--cart .previewCartAction .previewCartAction-checkout,
.navUser-item--cart .previewCartAction .previewCartAction-viewCart {
    padding: 0;
    width: 48%
}

.navUser-item--cart .previewCartAction .previewCartAction-inn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.navUser-item--cart .previewCartAction .previewCartAction-checkoutMultiple {
    width: 100%;
    padding: 0;
    margin-top: 15px
}

.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart {
    margin-left: 10px
}

.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart .button {
    border-color: #06856f
}

.navUser-item--cart .total-price {
    font-size: 18px;
    color: #06856f;
    font-weight: 500;
    display: block;
    margin-bottom: 15px
}

.search-icon-main {
    display: none
}

.mobile-search {
    display: none
}

.mobile-search {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #dfdfdf
}

@media only screen and (max-width:1023px) {
    .mobile-search {
        display: block
    }
}

.mobile-search .form {
    margin: 0
}

.mobile-search .form .form-input {
    border: 0;
    padding-left: 0;
    color: #333
}

.mobile-search .form .form-input:-webkit-input-placeholder {
    font-weight: 300;
    color: #333
}

.mobile-search .form .form-input:-moz-placeholder {
    font-weight: 300;
    color: #333
}

.mobile-search .form .form-input:-ms-input-placeholder {
    font-weight: 300;
    color: #333
}

.mobile-search .form .form-input:-moz-placeholder {
    font-weight: 300;
    color: #333
}

@media only screen and (max-width:666px) {
    .mobile-search .form .form-input {
        height: 34px;
        line-height: 34px
    }
}

.mobile-search .quickSearchResults {
    margin: 0;
    position: absolute;
    width: 100%;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width:479px) {
    .mobile-search .quickSearchResults {
        width: calc(100% - 22px);
        right: 11px
    }
}

.mobile-search .quickSearchResults .productGrid {
    background: #fff
}

.mobile-search .form-field {
    margin: 0;
    position: relative
}

.mobile-search .search-icon-main {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px
}

.mobile-search .search-icon-main svg {
    width: 18px;
    height: 18px
}

.mobile-currancy {
    display: none
}

.header-currancy {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    border-left: 1px solid #888;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1365px) {
    .header-currancy {
        position: relative;
        width: 100%;
        border: none;
        display: none
    }
}

.header-currancy ul {
    margin-bottom: 0;
    float: none
}

.header-currancy ul li {
    margin-bottom: 0;
    float: none
}

.header-currancy .sf-menu ul {
    max-width: 100%;
    width: 100%
}

.header-currancy .sf-menu a {
    margin-top: 15px;
    padding-bottom: 16px;
    text-align: center
}

.header-currancy .flag {
    display: block
}

.header-currancy .code {
    font-size: 12px
}

.header-currancy .currency-item {
    float: none;
    width: 100%
}

.header-currancy .dropdown-menu {
    padding: 10px
}

.header-currancy .dropdown-menu .code,
.header-currancy .dropdown-menu .flag {
    display: inline-block
}

.header-currancy .dropdown-menu .code {
    margin-left: 5px
}

.header-currancy .dropdown-menu a {
    padding-bottom: 0;
    margin: 0
}

.header-currancy .dropdown-menu li {
    margin-top: 4px
}

.header-currancy .dropdown-menu li:first-child {
    margin-top: 0
}

.header-currancy .currency-heading,
.header-currancy .icon {
    display: none
}

.header-currancy .navUser-action--currencySelector+.dropdown-menu::before {
    right: auto;
    left: 50% !important;
    margin-left: -7px
}

.navUser-action--currencySelector+.dropdown-menu::before {
    right: auto;
    left: 50% !important;
    margin-left: -7px
}

@media only screen and (max-width:1365px) {
    .header-inner .currency ul {
        padding: 0;
        border-top: none
    }
    .header-inner .currency ul li span.code {
        margin-left: 5px;
        color: #fff
    }
    .header-inner .currency ul li span.code:hover {
        color: #888
    }
    .header-inner .currency ul li .navUser-action--currencySelector .icon {
        right: -8px
    }
    .header-inner .currency #currencySelection {
        display: block !important;
        position: static;
        border: none;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        background: 0 0;
        padding: 0;
        margin: 0 -5px
    }
    .header-inner .currency #currencySelection li {
        display: inline-block
    }
    .header-inner .currency ul li .navUser-action--currencySelector {
        margin-bottom: 20px;
        border-color: #06856f;
        display: none
    }
    .header-inner .currency #currencySelection li a {
        border: 1px solid #e4e4e4;
        padding: 5px
    }
    .header-inner .currency #currencySelection li a span {
        font-weight: 400
    }
    .header-inner .currency ul li .flag {
        display: inline-block;
        vertical-align: middle
    }
    .mobile-currancy {
        display: block
    }
    .mobile-currancy .sidebarBlock-heading .code {
        font-size: 12px;
        margin-left: 5px;
        font-weight: 400
    }
    .mobile-currancy .sidebarBlock-heading .flag {
        line-height: normal
    }
    .mobile-currancy .header-currancy {
        display: inline-block
    }
}

.footer {
    padding: 0;
    border: 0;
    clear: both
}

.footer-info-inn {
    border-top: 2px solid #140a24;
    padding-top: 50px
}

@media only screen and (max-width:1023px) {
    .footer-info-inn {
        padding-top: 30px
    }
}

.footer-info-heading {
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

@media only screen and (max-width:767px) {
    .footer-info-heading {
        font-size: 16px;
        line-height: 18px
    }
}

.footer-info-heading svg {
    display: none
}

@media only screen and (max-width:767px) {
    .footer-info-heading.footer-toggle-title {
        margin: 0;
        padding: 10px 16px;
        line-height: 18px;
        font-size: 16px;
        position: relative;
        cursor: pointer
    }
    .footer-info-heading.footer-toggle-title svg {
        display: block;
        width: 22px;
        height: 22px;
        position: absolute;
        right: 14px;
        top: 50%;
        margin-top: -11px
    }
    .footer-info-heading.footer-toggle-title.active svg {
        transform: rotate(180deg)
    }
}

@media only screen and (max-width:767px) {
    .footer-toggle-content {
        padding: 0 16px;
        display: none
    }
}

.footer-info {
    padding-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .footer-info {
        padding-bottom: 30px
    }
}

.footer-info:after,
.footer-info:before {
    display: none
}

@media only screen and (max-width:1023px) {
    .footer-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding-bottom: 30px
    }
}

.footer-info-col {
    margin-bottom: 0
}

.footer-info-col.footer-info-col--small {
    height: 100%
}

@media only screen and (max-width:1919px) {
    .footer-info-col.footer-info-col--small {
        width: 20%
    }
}

@media only screen and (max-width:1279px) {
    .footer-info-col.footer-info-col--small {
        width: 25%
    }
}

@media only screen and (max-width:1023px) {
    .footer-info-col.footer-info-col--small {
        width: 50%
    }
    .footer-info-col.footer-info-col--small:nth-child(3) {
        margin-top: 20px
    }
    .footer-info-col.footer-info-col--small:nth-child(4) {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .footer-info-col.footer-info-col--small {
        width: 100%;
        margin: 0;
        text-align: left
    }
    .footer-info-col.footer-info-col--small:nth-child(3) {
        margin-top: 0
    }
    .footer-info-col.footer-info-col--small:nth-child(4) {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .footer-info-col.footer-info-col--small .footer-info--col-inn {
        border: 1px solid #dfdfdf;
        margin-top: -1px
    }
}

.footer-info-col p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .footer-info-col p {
        text-align: left
    }
}

.footer-info-col p svg {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    fill: #06856f
}

.footer-info-col p a {
    color: #fff
}

.footer-info-col p a:hover {
    color: #fff
}

.footer-info-col p.time svg {
    width: 20px;
    height: 14px;
    margin-top: 4px
}

.footer-info-col p.email svg {
    height: 13px;
    margin-top: 4px
}

@media only screen and (max-width:767px) {
    .footer-info-col ul {
        margin-bottom: 15px
    }
}

.footer-info-col ul li {
    padding-left: 14px;
    position: relative
}

.footer-info-col ul li:last-child {
    margin-bottom: 0
}

.footer-info-col ul li:before {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -2px
}

.footer-info-col ul li a {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .footer-info-col ul li a {
        font-size: 14px
    }
}

.footer-info-col ul li a:hover {
    color: #fff
}

.footer-info-col ul li.view-all {
    margin-bottom: 0
}

.footer-info-col ul li.view-all a {
    color: #06856f
}

@media only screen and (max-width:767px) {
    .footer-info-col.footer-store-info {
        margin-bottom: 25px
    }
}

.footer-info-col.footer-store-info p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer-info-col.footer-store-info p svg {
    fill: #06856f;
    margin-right: 12px
}

.footer-logo {
    margin-bottom: 20px
}

.footer-logo a {
    display: inline-block;
    vertical-align: middle;
    max-width: 130px
}

@media only screen and (max-width:767px) {
    .footer-logo a {
        max-width: 108px
    }
}

.footer-mid-section {
    border-top: 1px solid #140a24;
    padding-top: 33px;
    padding-bottom: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1023px) {
    .footer-mid-section {
        padding-top: 30px;
        padding-bottom: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .footer-mid-section {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.footer-mid-section .footer-info-col {
    width: 66.66%;
    padding-left: .75rem;
    padding-right: .75rem
}

@media only screen and (max-width:1279px) {
    .footer-mid-section .footer-info-col {
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    .footer-mid-section .footer-info-col {
        padding: 0;
        width: 100%;
        margin-bottom: 27px;
        text-align: left
    }
}

.footer-mid-section .footer-info-heading {
    margin-bottom: 17px
}

@media only screen and (max-width:767px) {
    .footer-mid-section .footer-info-heading {
        margin-bottom: 10px
    }
}

.footer-mid-section .footer-info-col--payment,
.footer-mid-section .footer-info-col--social {
    width: 33.33%
}

@media only screen and (max-width:1279px) {
    .footer-mid-section .footer-info-col--payment,
    .footer-mid-section .footer-info-col--social {
        width: 40%
    }
}

@media only screen and (max-width:1279px) and (max-width:767px) {
    .footer-mid-section .footer-info-col--payment,
    .footer-mid-section .footer-info-col--social {
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .footer-mid-section .footer-info-col--payment {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .footer-mid-section .footer-info-col--payment .payment {
        margin-top: 20px;
        width: 50%
    }
}

@media only screen and (max-width:1023px) and (max-width:767px) {
    .footer-mid-section .footer-info-col--payment .payment {
        margin-top: 0;
        width: 100%
    }
}

.footer-mid-section .footer-info-col--payment .footer-geotrust-ssl-seal {
    margin-top: 20px;
    position: unset
}

.footer-mid-section .footer-info-col--social ul li:before {
    display: none
}

.footer-info-newsletter .footer-info-newsletter-inn {
    width: 84%;
    margin: 0 auto
}

@media only screen and (max-width:1279px) {
    .footer-info-newsletter .footer-info-newsletter-inn {
        width: 95%
    }
}

@media only screen and (max-width:1023px) {
    .footer-info-newsletter .footer-info-newsletter-inn {
        width: 100%
    }
}

.footer-info-newsletter .form-prefixPostfix .form-input {
    border-width: 2px;
    border-right: 0;
    box-shadow: none
}

@media only screen and (max-width:479px) {
    .footer-info-newsletter .form-prefixPostfix .form-input {
        border-right: 1px solid #dfdfdf;
        border-width: 2px;
        margin-bottom: 10px
    }
}

.footer-info-newsletter .form-prefixPostfix .button {
    margin: 0;
    border: 2px solid #000;
    line-height: 18px;
    padding: 14px 38px;
    font-size: 16px;
    font-weight: 500;
    width: auto
}

@media only screen and (max-width:767px) {
    .footer-info-newsletter .form-prefixPostfix .button {
        padding: 12px 15px;
        line-height: 18px
    }
}

.footer-info-newsletter .form,
.footer-info-newsletter .form-field {
    margin: 0
}

.footer-info-newsletter .form-field--error .form-field--success .form-input {
    border-color: #008a06
}

@media only screen and (max-width:1279px) {
    .footer-info-newsletter .form-prefixPostfix.wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
}

@media only screen and (max-width:479px) {
    .footer-info-newsletter .form-prefixPostfix.wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-payment-icons {
    margin: 0
}

.footer-payment-icons .footer-payment-icon {
    width: 55px;
    height: 34px;
    margin: 0 2px 7px
}

@media only screen and (max-width:1919px) {
    .footer-payment-icons .footer-payment-icon {
        width: 50px
    }
}

@media only screen and (max-width:1279px) {
    .footer-payment-icons .footer-payment-icon {
        margin: 0 2px 4px 2px
    }
}

@media only screen and (max-width:767px) {
    .footer-payment-icons .footer-payment-icon {
        height: 100%;
        width: 47px
    }
}

.footer-bar {
    background: #f7f7f7
}

.footer-bar .footer-bar-inn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0 22px 0
}

@media only screen and (max-width:1023px) {
    .footer-bar .footer-bar-inn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 20px
    }
}

@media only screen and (max-width:567px) {
    .footer-bar .footer-bar-inn {
        padding: 18px
    }
}

@media only screen and (max-width:1023px) {
    .footer-bar .footer-copyright {
        width: 100%;
        text-align: center
    }
    .footer-bar .footer-copyright+.footer-copyright {
        margin-top: 10px
    }
}

@media only screen and (max-width:1023px) and (max-width:567px) {
    .footer-bar .footer-copyright+.footer-copyright {
        margin-top: 0
    }
}

.footer-bar .footer-copyright a.theme-red-color {
    color: #ea272d
}

.footer-bar .footer-copyright a.theme-red-color:hover {
    color: #06856f
}

.footer-copyright>.powered-by {
    color: #666;
    font-size: 14px
}

@media only screen and (max-width:567px) {
    .footer-copyright>.powered-by {
        font-size: 12px;
        line-height: 24px
    }
    .footer-copyright>.powered-by a.site-map {
        display: block
    }
}

.footer-copyright>.powered-by .line {
    margin: 0 5px
}

@media only screen and (max-width:567px) {
    .footer-copyright>.powered-by .line {
        display: none
    }
}

@media only screen and (max-width:567px) {
    .footer-copyright>.powered-by .bigcommerce {
        display: block
    }
}

.footer-info-col--social .icon:hover svg {
    fill: #fff
}

.footer-info-col--social .icon--twitter:hover {
    background: #60bdea
}

.footer-info-col--social .icon--facebook:hover {
    background: #49669d
}

.footer-info-col--social .icon--linkedin:hover {
    background: #387ba6
}

.footer-info-col--social .icon--tumblr:hover {
    background: #34526f
}

.footer-info-col--social .icon--stumbleupon:hover {
    background: #48b04f
}

.footer-info-col--social .icon--google:hover {
    background: #4c4c4c
}

.footer-info-col--social .icon--youtube:hover {
    background: #fa3b3a
}

.footer-info-col--social .icon--pinterest:hover {
    background: #fc393d
}

.footer-info-col--social .icon--instagram:hover {
    background: #b5b196
}

.footer-info-col--social .icon--rss:hover {
    background: #f26522
}

.footer-newsletter-summary {
    margin-top: 15px
}

.heroCarousel {
    margin-bottom: 40px;
    margin-top: 0
}

@media only screen and (max-width:1023px) {
    .heroCarousel {
        margin-bottom: 20px
    }
}

.heroCarousel-content {
    background-color: transparent;
    padding: 20px;
    width: 95rem;
    top: 64%
}

@media only screen and (max-width:1919px) {
    .heroCarousel-content {
        width: 85rem
    }
}

@media only screen and (max-width:1279px) {
    .heroCarousel-content {
        width: 68rem
    }
}

@media only screen and (max-width:1023px) {
    .heroCarousel-content {
        width: 100%;
        position: absolute;
        transform: translateY(-50%)
    }
}

.heroCarousel-description,
.heroCarousel-title {
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .32);
    font-family: Roboto;
    line-height: 66px;
    text-transform: uppercase
}

.heroCarousel-title {
    font-size: 72px;
    letter-spacing: 21px;
    font-weight: 900;
    margin-bottom: 26px
}

@media only screen and (max-width:1919px) {
    .heroCarousel-title {
        font-size: 62px;
        line-height: 56px
    }
}

@media only screen and (max-width:1279px) {
    .heroCarousel-title {
        font-size: 52px;
        line-height: 46px;
        letter-spacing: 14.6px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:1023px) {
    .heroCarousel-title {
        font-size: 30px;
        line-height: 22px
    }
}

@media only screen and (max-width:767px) {
    .heroCarousel-title {
        font-size: 26px;
        line-height: 18px
    }
}

@media only screen and (max-width:666px) {
    .heroCarousel-title {
        letter-spacing: 4px
    }
}

@media only screen and (max-width:479px) {
    .heroCarousel-title {
        font-size: 16px;
        line-height: 14.6px;
        margin-bottom: 5px
    }
}

.heroCarousel-description {
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px
}

@media only screen and (max-width:1279px) {
    .heroCarousel-description {
        font-size: 38px;
        line-height: 56px
    }
}

@media only screen and (max-width:1023px) {
    .heroCarousel-description {
        font-size: 26px;
        line-height: 32px
    }
}

@media only screen and (max-width:767px) {
    .heroCarousel-description {
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (max-width:666px) {
    .heroCarousel-description {
        letter-spacing: 2px
    }
}

@media only screen and (max-width:479px) {
    .heroCarousel-description {
        font-size: 11px;
        line-height: 14.6px;
        margin-bottom: 5px
    }
}

.heroCarousel-action {
    padding: 13px 24px;
    line-height: 24px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 0;
    margin-top: 14px
}

@media only screen and (max-width:1279px) {
    .heroCarousel-action {
        padding: 10px 20px;
        line-height: 22px;
        font-size: 16px
    }
}

@media only screen and (max-width:1023px) {
    .heroCarousel-action {
        margin: 0
    }
}

@media only screen and (max-width:666px) {
    .heroCarousel-action {
        padding: 8px 12px;
        line-height: 18px;
        font-size: 14px
    }
}

@media only screen and (max-width:479px) {
    .heroCarousel-action {
        padding: 5px 9px;
        line-height: 12px;
        font-size: 11px
    }
}

.heroCarousel-action .heroCarousel-action-inn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.heroCarousel-action .heroCarousel-action-inn svg {
    width: 17px;
    height: 17px;
    fill: #fff;
    margin-left: 8px
}

@media only screen and (max-width:1279px) {
    .heroCarousel-action .heroCarousel-action-inn svg {
        width: 15px;
        height: 18px
    }
}

@media only screen and (max-width:666px) {
    .heroCarousel-action .heroCarousel-action-inn svg {
        width: 12px;
        height: 15px;
        margin-left: 5px
    }
}

@media only screen and (max-width:479px) {
    .heroCarousel-action .heroCarousel-action-inn svg {
        width: 10px;
        height: 10px;
        margin-left: 5px
    }
}

.heroCarousel-action:hover .heroCarousel-action-inn svg {
    fill: #06856f
}

.heroCarousel .slick-dots {
    bottom: 18px
}

@media only screen and (max-width:767px) {
    .heroCarousel .slick-dots {
        bottom: -24px
    }
}

.heroCarousel .slick-dots li {
    background: 0 0;
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 26px
}

.heroCarousel .slick-dots li button {
    border: 1px solid #fff;
    height: 14px;
    width: 14px
}

@media only screen and (max-width:767px) {
    .heroCarousel .slick-dots li button {
        border: 1px solid #e0e0e0
    }
}

.heroCarousel .slick-dots li button:before {
    width: 8px;
    height: 8px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .heroCarousel .slick-dots li button:before {
        background: #e0e0e0
    }
}

.heroCarousel .slick-dots li button:focus,
.heroCarousel .slick-dots li button:hover {
    border: 1px solid #2e3344
}

.heroCarousel .slick-dots li button:focus:before,
.heroCarousel .slick-dots li button:hover:before {
    background: #2e3344;
    opacity: 1
}

.heroCarousel .slick-dots li.slick-active button {
    border: 1px solid #2e3344
}

.heroCarousel .slick-dots li.slick-active button:before {
    background: #2e3344;
    opacity: 1
}

.heroCarousel .slick-arrow {
    width: 60px;
    height: 50px
}

@media only screen and (max-width:1279px) {
    .heroCarousel .slick-arrow {
        width: 40px;
        height: 30px;
        margin-top: -15px
    }
}

@media only screen and (max-width:767px) {
    .heroCarousel .slick-arrow {
        display: none !important
    }
}

.heroCarousel .slick-arrow svg {
    width: 20px;
    height: 20px;
    fill: #2e3344
}

.heroCarousel .slick-arrow:hover {
    background: #06856f;
    border: 1px solid #06856f
}

.heroCarousel .slick-arrow:hover svg {
    fill: #fff
}

.heroCarousel .heroCarousel-content {
    top: 100%;
    display: none
}

.slick-initialized .slick-active .heroCarousel-content {
    display: block;
    top: 64%
}

@media only screen and (max-width:1919px) {
    .slick-initialized .slick-active .heroCarousel-content {
        top: 60%
    }
}

@media only screen and (max-width:1023px) {
    .slick-initialized .slick-active .heroCarousel-content {
        top: 50%
    }
}

.slick-active .animated {
    animation-duration: 2s;
    animation-delay: .1s
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slick-active .slideInUp {
    animation-name: slideInUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slick-active .slideInDown {
    animation-name: slideInDown
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.slick-active .fadeIn {
    animation-name: fadeIn
}

.productCarousel .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: row;
    flex-wrap: row;
    -webkit-flex-wrap: row
}

.productCarousel .slick-arrow {
    top: -25px;
    right: 14px;
    background: 0 0;
    border: 0
}

.productCarousel .slick-arrow svg {
    display: none
}

.productCarousel .slick-arrow svg.product-slick-arrow {
    display: block
}

.productCarousel .slick-arrow:before {
    background-size: 100%
}

.productCarousel .slick-arrow.slick-prev {
    right: 46px;
    left: auto
}

.productCarousel.slick-initialized .productCarousel-slide {
    display: -ms-flexbox;
    display: flex
}

.product {
    overflow: visible
}

.productCarousel-slide {
    height: auto;
    float: none;
    padding-top: 30px;
    padding-bottom: 20px
}

@media only screen and (max-width:1023px) {
    .productCarousel-slide {
        padding-top: 15px
    }
}

.productCarousel-slide .card {
    width: 100%;
    height: 100%;
    background: #fff
}

.productCarousel-slide:focus {
    outline: 0
}

.card {
    transition: all .5s;
    position: relative
}

.card:hover {
    box-shadow: 2px 2px 16px 0 #e6e6e6;
    transition: all .5s
}

@media only screen and (max-width:1279px) {
    .card:hover {
        box-shadow: none
    }
}

.card:hover .card-title {
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

@media only screen and (max-width:1279px) {
    .card:hover .card-title {
        opacity: 1;
        visibility: visible
    }
}

.card:hover .card-title a:hover {
    color: #c2c2c2
}

.card:hover .card-button-block {
    opacity: 1;
    visibility: visible;
    transition: all .5s;
    top: 50%
}

@media only screen and (max-width:1023px) {
    .card:hover .card-button-block {
        top: auto
    }
}

.card:hover .card-figcaption-body-custom {
    opacity: 1;
    right: 10px;
    transition: all .5s
}

@media only screen and (max-width:1279px) {
    .card:hover .card-figcaption-body-custom {
        opacity: 0
    }
}

.card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: 100%
}

.card-figure {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px
}

.card-body {
    padding: 16px 22px;
    width: 100%;
    padding-top: 0
}

@media only screen and (max-width:1023px) {
    .card-body {
        padding: 10px;
        padding-top: 0
    }
}

@media only screen and (max-width:1023px) {
    .card-body .card-body-inn {
        padding-bottom: 0
    }
}

.card-body .brand-name {
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
    text-align: center;
    margin-top: 12px
}

@media only screen and (max-width:1023px) {
    .card-body .brand-name {
        font-size: 14px;
        line-height: 18px;
        margin-top: 9px
    }
}

.card-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    line-height: 20px
}

@media only screen and (max-width:1023px) {
    .card-title {
        font-size: 14px;
        line-height: 18px
    }
}

.card-button-block {
    position: absolute;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    margin-top: -22px;
    left: 0;
    right: 0;
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1279px) {
    .card-button-block {
        display: none
    }
}

.card-button-block .button {
    text-transform: uppercase;
    background: #06856f;
    color: #fff;
    border-radius: 3px;
    border-color: #06856f;
    width: auto
}

.card-button-block .button svg {
    fill: #fff
}

.card-button-block .button:hover {
    background: #fff;
    color: #06856f
}

.card-button-block .button:hover svg {
    fill: #06856f
}

.card-figcaption-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.card-figcaption-button svg {
    width: 16px;
    height: 18px;
    margin-right: 9px
}

.card-figcaption-button:active,
.card-figcaption-button:hover {
    border: 1px solid #06856f;
    background: #06856f;
    color: #fff
}

.card-mid-block {
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    min-height: 45px
}

@media only screen and (max-width:1023px) {
    .card-mid-block {
        margin-top: 9px;
        margin-bottom: 9px
    }
}

.price-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0
}

.card-text {
    text-align: center
}

.card-text.rating-block {
    margin: 0;
    margin-top: 12px
}

@media only screen and (max-width:1023px) {
    .card-text.rating-block {
        margin-top: 9px
    }
}

@media only screen and (max-width:567px) {
    .card-text.rating-block {
        margin-top: 4px
    }
}

.card-summary {
    display: none
}

.sale-flag-sash,
.sale-flag-side {
    padding: 0;
    border-radius: 0;
    height: 22px;
    line-height: 22px;
    left: 13px;
    top: 15px
}

@media only screen and (max-width:567px) {
    .sale-flag-sash,
    .sale-flag-side {
        left: 5px;
        top: 5px
    }
}

.sale-flag-sash:after,
.sale-flag-sash:before,
.sale-flag-side:after,
.sale-flag-side:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 2px;
    background: url(..//img/sale-dot.png);
    top: 3px;
    left: 0
}

.sale-flag-sash:after,
.sale-flag-side:after {
    right: 0;
    left: auto
}

.sale-flag-sash .sale-text,
.sale-flag-side .sale-text {
    padding: 4px 8px;
    line-height: 14px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
}

.sale-flag-sash {
    top: 24px;
    width: auto
}

.starwrap {
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px
}

.starwrap .sale-text-burst {
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    width: 40px;
    top: 30%
}

.starwrap .sale-flag-star {
    width: 40px;
    height: 40px
}

.starwrap .sale-flag-star:after,
.starwrap .sale-flag-star:before {
    width: 40px;
    height: 40px
}

.price-section {
    margin: 0 6px;
    text-align: center
}

@media only screen and (max-width:567px) {
    .price-section {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }
}

.price-now-label {
    display: block;
    text-align: left
}

@media only screen and (max-width:567px) {
    .price-now-label {
        display: inline-block
    }
}

.price {
    font-size: 16px;
    color: #666
}

@media only screen and (max-width:1023px) {
    .price {
        font-size: 14px
    }
}

.price-section--withTax.non-sale-price--withTax .price-now-label,
.price-section--withTax.rrp-price--withTax .price-now-label {
    color: #666;
    font-weight: 400
}

.price-section--withTax .price--withTax,
.price-section--withTax .price-now-label-withtax {
    font-weight: 500;
    color: #06856f
}

.card-figcaption-body-custom {
    position: absolute;
    top: 10px;
    right: -50%;
    opacity: 0
}

@media only screen and (max-width:767px) {
    .card-figcaption-body-custom {
        display: none
    }
}

.card-figcaption-body-custom .button {
    background: #fff;
    width: 42px;
    height: 42px;
    line-height: 46px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    padding: 0;
    margin-bottom: 10px
}

.card-figcaption-body-custom .button .compare-checkbox {
    width: auto;
    height: auto;
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.card-figcaption-body-custom .button.compare-active,
.card-figcaption-body-custom .button:hover {
    background: #06856f;
    border: 1px solid #06856f
}

.card-figcaption-body-custom .button.compare-active svg,
.card-figcaption-body-custom .button:hover svg {
    fill: #fff
}

.card-figcaption-body-custom .button.card-figcaption-button svg {
    height: 15px;
    width: 15px;
    margin: 0
}

.card-figcaption-body-custom .button.quickview svg {
    width: 20px
}

.card-figcaption-body-custom .button+.button {
    margin-top: 0
}

.card-figcaption-body-custom .button:hover {
    background: #06856f;
    border: 1px solid #06856f
}

.card-figcaption-body-custom .button:hover svg {
    fill: #fff
}

.card-inner {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-img-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.card-figure {
    min-height: auto;
    position: relative;
    display: block
}

.card-figure a {
    display: block;
    position: relative;
    height: 100%
}

.card-body-inn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.card-body {
    margin-top: auto
}

.card-mid-block {
    min-height: inherit
}

.page {
    margin: 0 -15px;
    margin-top: 20px
}

@media only screen and (max-width:1023px) {
    .page {
        margin: 0 -10px;
        margin-top: 20px
    }
}

.breadcrumbs+.page {
    margin-top: 0
}

.page-sidebar {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1279px) {
    .page-sidebar {
        width: 30%
    }
}

@media only screen and (max-width:1023px) {
    .page-sidebar {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        margin-bottom: 20px
    }
}

.page-sidebar+.page-content {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1279px) {
    .page-sidebar+.page-content {
        width: 70%
    }
}

@media only screen and (max-width:1023px) {
    .page-sidebar+.page-content {
        width: 68%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width:1023px) {
    .page-sidebar+.page-content {
        width: 100%
    }
}

@media only screen and (max-width:1279px) {
    .page-sidebar+.page-content .productGrid {
        margin: 0 -10px
    }
}

@media only screen and (max-width:1279px) {
    .page-sidebar+.page-content .productGrid .product {
        width: 33.33%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width:767px) {
    .page-sidebar+.page-content .productGrid .product {
        width: 50%
    }
}

.category-banner-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f4f4f4;
    margin-bottom: 23px
}

@media only screen and (max-width:1023px) {
    .category-banner-section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

.category-banner-section .category-left-section {
    width: 100%;
    padding: 25px 29px
}

.category-banner-section .category-left-section.visible-top-banner {
    width: 50%
}

@media only screen and (max-width:1023px) {
    .category-banner-section .category-left-section.visible-top-banner {
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .category-banner-section .category-left-section {
        padding: 20px
    }
}

.category-banner-section .category-left-section+.category-right-section {
    width: 50%
}

@media only screen and (max-width:1023px) {
    .category-banner-section .category-left-section+.category-right-section {
        width: 100%;
        padding: 0 20px 20px
    }
}

.category-banner-section .page-heading {
    font-size: 30px;
    line-height: 33px;
    text-align: left;
    padding: 0;
    border: 0;
    margin-bottom: 0
}

@media only screen and (max-width:1023px) {
    .category-banner-section .page-heading {
        font-size: 26px;
        line-height: 29px
    }
}

.category-banner-section .page-heading+p {
    margin-top: 15px
}

@media only screen and (max-width:1023px) {
    .category-banner-section .page-heading+p {
        margin-top: 10px
    }
}

.category-banner-section p {
    color: #06856f;
    line-height: 20px;
    margin-bottom: 0
}

.category-banner-section p+p {
    margin-top: 15px
}

.category-banner-section .banners {
    background: 0 0;
    padding: 0
}

.category-banner-section .banners img {
    margin: 0
}

.page-sidebar-block .chevron-down {
    display: none
}

.page-sidebar-block .sidebar-toggle-content.treeview {
    display: block
}

.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .down {
    display: none
}

.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .up {
    display: block;
    fill: #888
}

.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .down {
    display: block
}

.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .up {
    display: none
}

.accordion-title,
.sidebarBlock-heading {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    position: relative
}

@media only screen and (max-width:767px) {
    .accordion-title,
    .sidebarBlock-heading {
        font-size: 16px;
        line-height: 26px
    }
}

.accordion-title .accordion-navigation-actions,
.sidebarBlock-heading .accordion-navigation-actions {
    top: 50%;
    margin-top: -12px;
    right: -8px
}

.accordion-title .accordion-navigation-actions svg,
.sidebarBlock-heading .accordion-navigation-actions svg {
    fill: #2e3344;
    width: 27px;
    height: 27px
}

.accordion-title .accordion-navigation-actions .up,
.sidebarBlock-heading .accordion-navigation-actions .up {
    display: none
}

.accordion-title.active .accordion-navigation-actions .up,
.sidebarBlock-heading.active .accordion-navigation-actions .up {
    display: block
}

.accordion-title.active .accordion-navigation-actions .down,
.sidebarBlock-heading.active .accordion-navigation-actions .down {
    display: none
}

.accordion-block,
.sidebarBlock {
    border: 1px solid #dfdfdf;
    padding: 13px 20px;
    margin: 0
}

@media only screen and (max-width:1279px) {
    .accordion-block,
    .sidebarBlock {
        padding: 10px 15px
    }
}

.accordion-block .navList,
.sidebarBlock .navList {
    margin: 0;
    margin-top: 20px
}

@media only screen and (max-width:1023px) {
    .accordion-block .navList,
    .sidebarBlock .navList {
        margin-top: 15px
    }
}

.accordion-block .navList>li,
.sidebarBlock .navList>li {
    padding: 0
}

.accordion-block .navList>li:first-child,
.sidebarBlock .navList>li:first-child {
    margin-top: 0
}

.accordion-block .navList>li:before,
.sidebarBlock .navList>li:before {
    display: none
}

.accordion-block .navList .rating--small svg,
.sidebarBlock .navList .rating--small svg {
    width: 15px;
    height: 15px
}

.accordion-block .navList .rating--small .icon,
.sidebarBlock .navList .rating--small .icon {
    margin-right: 2px
}

.accordion-block .navList ul>li:before,
.sidebarBlock .navList ul>li:before {
    display: none
}

.accordion-block .navList li,
.sidebarBlock .navList li {
    margin: 17px 0 0 0;
    position: relative
}

@media only screen and (max-width:1023px) {
    .accordion-block .navList li,
    .sidebarBlock .navList li {
        margin: 15px 0 0 0
    }
}

.accordion-block .navList li a,
.sidebarBlock .navList li a {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width:1023px) {
    .accordion-block .navList li a,
    .sidebarBlock .navList li a {
        font-size: 14px
    }
}

.accordion-block .navList li a.navList-action--checkbox,
.sidebarBlock .navList li a.navList-action--checkbox {
    margin-bottom: 0;
    padding-right: 20px
}

.accordion-block .navList li a.navList-action--checkbox:before,
.sidebarBlock .navList li a.navList-action--checkbox:before {
    margin-top: -7px
}

.accordion-block .navList li a.navList-action--checkbox.is-selected,
.sidebarBlock .navList li a.navList-action--checkbox.is-selected {
    color: #888
}

.accordion-block .navList li a.navList-action--checkbox .navList-action-close,
.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordion-block .navList li a.navList-action--checkbox .navList-action-close svg,
.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close svg {
    width: 10px;
    height: 10px
}

.accordion-block .navList li a .chevron-down,
.sidebarBlock .navList li a .chevron-down {
    display: none
}

.accordion-block .navList li a:hover,
.sidebarBlock .navList li a:hover {
    color: #888
}

.accordion-block .navList li ul,
.sidebarBlock .navList li ul {
    margin-left: 15px
}

.accordion-block .navList li ul li:before,
.sidebarBlock .navList li ul li:before {
    display: none
}

.accordion-block .navList>li,
.sidebarBlock .navList>li {
    float: none;
    position: relative
}

.accordion-block .navList>li .hitarea,
.sidebarBlock .navList>li .hitarea {
    text-align: right;
    right: -2px;
    padding-top: 3px
}

.accordion-block .navList>li>a,
.sidebarBlock .navList>li>a {
    color: #06856f
}

.accordion-block .navList>li>a:hover,
.sidebarBlock .navList>li>a:hover {
    color: #888
}

.accordion-block+.sidebarBlock,
.sidebarBlock+.sidebarBlock {
    margin: 0;
    padding-top: 15px;
    border-top: 0
}

.accordion-block+.sidebarBlock.m-b-30,
.sidebarBlock+.sidebarBlock.m-b-30 {
    margin-bottom: 26px
}

.accordion-block .inlineList,
.sidebarBlock .inlineList {
    margin-top: 15px;
    margin-left: 0
}

.accordion-block .inlineList li,
.sidebarBlock .inlineList li {
    margin-left: 0;
    margin-right: 10px
}

.accordion-block .inlineList .facetLabel,
.sidebarBlock .inlineList .facetLabel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: normal;
    padding: 5px;
    border-radius: 0
}

.accordion-block .inlineList .facetLabel .icon,
.sidebarBlock .inlineList .facetLabel .icon {
    margin-left: 5px;
    width: 10px;
    height: 10px
}

@media only screen and (max-width:1023px) {
    .sidebarBlock.mob-hide {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .sidebarBlock .facetedSearch-toggle {
        margin-bottom: 0
    }
}

.facetedSearch.sidebarBlock {
    padding: 0;
    border: 0
}

.facetedSearch-toggle+.facetedSearch-navList,
.sidebarBlock+.facetedSearch-navList {
    margin: 0
}

.accordion--navList .accordion-title {
    padding: 0
}

.accordion--navList .accordion-content {
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

.accordion--navList .accordion-content .toggleLink {
    font-style: italic;
    color: #06856f;
    border-bottom: 1px solid #06856f;
    margin-left: 20px;
    margin-top: 15px;
    line-height: 15px;
    display: inline-block
}

.accordion--navList .accordion-content .toggleLink:hover {
    color: #888;
    border-bottom: 1px solid #888
}

.accordion--navList .accordion-content .toggleLink .toggleLink-text {
    font-size: 15px
}

.accordion-navigation {
    padding: 0;
    border: 0
}

.facetedSearch-toggle {
    display: none
}

@media only screen and (max-width:1023px) {
    .facetedSearch-toggle {
        display: block;
        border-radius: 0;
        margin-top: -1px;
        font-size: 16px;
        padding: 10px 15px
    }
    .facetedSearch-toggle.toggleLink {
        color: #06856f;
        transition: none
    }
    .facetedSearch-toggle.toggleLink.is-open {
        color: #666
    }
}

@media only screen and (max-width:479px) {
    .facetedSearch-toggle {
        font-size: 14px
    }
    .facetedSearch-toggle .facetedSearch-toggle-indicator,
    .facetedSearch-toggle .facetedSearch-toggle-text {
        width: 100%;
        text-align: center
    }
    .facetedSearch-toggle .facetedSearch-toggle-indicator .icon svg,
    .facetedSearch-toggle .facetedSearch-toggle-text .icon svg {
        fill: #06856f
    }
}

.facetedSearch-navList {
    display: block
}

@media only screen and (max-width:1023px) {
    .facetedSearch-navList {
        display: none
    }
}

.accordion {
    border: 0;
    border-radius: 0
}

.accordion--navList .accordion-block {
    margin: 0;
    border-top: 0
}

.accordion--navList .accordion-title {
    font-weight: 500;
    margin: 0
}

.accordion--navList .accordion-indicator {
    width: 27px;
    height: 27px;
    fill: #888
}

.accordion--navList .accordion-indicator.toggleLink-text--off {
    fill: #2e3344
}

.accordion--navList .accordion-navigation-actions {
    top: 50%;
    margin-top: -12px;
    right: -8px
}

.facetedSearch-refineFilters.sidebarBlock {
    border-top: 0;
    display: block
}

@media only screen and (max-width:1023px) {
    .facetedSearch-refineFilters.sidebarBlock {
        display: none
    }
}

.accordion-content,
.sidebar-toggle-content {
    margin-top: 0;
    margin-bottom: 10px
}

#facetedSearch-content--price {
    margin-top: 20px
}

.sidebar-toggle-content.treeview {
    display: none
}

.sidebar-toggle-content.treeview.is-open {
    display: block
}

.navList-action--checkbox {
    padding-left: 20px
}

.navList-action--checkbox:before {
    border-radius: 0;
    border-color: #888;
    width: 12px;
    height: 12px
}

.navList-action--checkbox:after {
    width: 12px;
    height: 12px;
    margin-top: -8px;
    margin-left: -1px
}

.form-minMaxRow .form-input {
    padding-right: 15px
}

@media only screen and (max-width:1279px) {
    .form-minMaxRow .form-field {
        width: 50%
    }
    .form-minMaxRow .form-field:last-child {
        width: 100%;
        margin-top: 10px
    }
}

.form-minMaxRow .button {
    border: 1px solid #06856f;
    padding-top: 9px;
    padding-bottom: 9px
}

.sub-category-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -10px;
    margin-bottom: 34px
}

@media only screen and (max-width:1023px) {
    .sub-category-block {
        margin-bottom: 25px
    }
}

.sub-category-block:before {
    display: none
}

.sub-category-block:after {
    display: none
}

.sub-category-block .sub-category-item {
    width: 16.5%;
    padding: 0 10px
}

@media only screen and (max-width:1279px) {
    .sub-category-block .sub-category-item {
        width: 25%
    }
}

@media only screen and (max-width:666px) {
    .sub-category-block .sub-category-item {
        width: 33.33%
    }
}

@media only screen and (max-width:567px) {
    .sub-category-block .sub-category-item {
        width: 50%
    }
}

.sub-category-block .sub-category-img {
    height: 192px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.sub-category-block .category-image-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: 100%
}

.sub-category-block .category-image-inner .sub-category-img-block {
    width: 100%
}

.sub-category-block .category-image-inner .sub-category-img-block img {
    width: 100%
}

.sub-category-block .sub-category-name {
    margin: 0;
    margin-top: 10px;
    text-align: center;
    padding: 0 5px;
    line-height: 20px
}

.sub-category-block .sub-category-name a {
    font-size: 15px;
    color: #06856f;
    line-height: 16px
}

.sub-category-block .sub-category-name a:hover {
    color: #c2c2c2
}

.sub-category-headinig h3 {
    font-weight: 500;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .sub-category-headinig h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:479px) {
    .sub-category-headinig h3 {
        font-size: 18px;
        line-height: 22px
    }
}

.no-img {
    background: #f4f4f4
}

.without-img {
    max-width: 190px
}

.actionBar-section .form-field {
    border: 1px solid #888;
    border-radius: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible
}

.actionBar-section .form-field:after,
.actionBar-section .form-field:before {
    display: none
}

.actionBar-section .form-label {
    font-size: 15px;
    min-width: 67px;
    color: #888;
    font-weight: 400
}

@media only screen and (max-width:1279px) {
    .actionBar-section .form-label {
        min-width: 73px
    }
}

@media only screen and (max-width:1023px) {
    .actionBar-section .form-label {
        font-size: 14px
    }
}

@media only screen and (max-width:479px) {
    .actionBar-section .form-label {
        min-width: 60px;
        margin-right: 5px
    }
}

.actionBar-section .form-select {
    height: auto;
    color: #06856f;
    border-left: 0
}

@media only screen and (max-width:479px) {
    .actionBar-section .form-select {
        font-size: 12px;
        padding-right: 25px
    }
}

@media only screen and (max-width:1023px) {
    .actionBar-section .form-select {
        font-size: 14px
    }
}

@media only screen and (max-width:1279px) {
    .filter-left .pagination .pagination-item {
        display: none
    }
    .filter-left .pagination .pagination-item.pagination-item--current,
    .filter-left .pagination .pagination-item.pagination-item--next,
    .filter-left .pagination .pagination-item.pagination-item--previous {
        display: inline-block
    }
    .filter-left .pagination .pagination-item.pagination-item--current .icon,
    .filter-left .pagination .pagination-item.pagination-item--next .icon,
    .filter-left .pagination .pagination-item.pagination-item--previous .icon {
        top: 6px;
        width: 15px;
        height: 15px
    }
    .filter-left .pagination .pagination-item.pagination-item--current {
        margin: 0 5px
    }
    .filter-left .pagination .pagination-item.pagination-item--previous .icon {
        margin-left: 0
    }
    .filter-left .pagination .pagination-item.pagination-item--previous a {
        padding-left: 18px
    }
    .filter-left .pagination .pagination-item.pagination-item--next {
        margin-left: 0
    }
}

.actionBar-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

@media only screen and (max-width:567px) {
    .actionBar-main {
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.actionBar-main .filter-left {
    width: 60%
}

@media only screen and (max-width:1279px) {
    .actionBar-main .filter-left {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .actionBar-main .filter-left {
        width: 60%
    }
}

@media only screen and (max-width:567px) {
    .actionBar-main .filter-left {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px
    }
}

.actionBar-main .filter-right {
    width: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1279px) {
    .actionBar-main .filter-right {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .actionBar-main .filter-right {
        width: 40%
    }
}

@media only screen and (max-width:567px) {
    .actionBar-main .filter-right {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.actionBar-main .filter-right .product-view-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .actionBar-main .filter-right .product-view-button {
        display: none
    }
}

.actionBar-main .filter-right .product-view-button a {
    margin: 0 10px;
    line-height: normal
}

.actionBar-main .filter-right .product-view-button a.active svg {
    fill: #333
}

.actionBar-main .filter-right .product-view-button a.grid-view svg {
    width: 25px
}

.actionBar-main .filter-right .product-view-button svg {
    width: 30px;
    height: 25px;
    fill: #666
}

.actionBar-main .filter-right .actionBar {
    margin: 0;
    margin-left: 20px
}

@media only screen and (max-width:1023px) {
    .actionBar-main .filter-right .actionBar {
        margin-left: 10px
    }
}

.filter-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.filter-left .pagination-list {
    margin: 0
}

.filter-left .pagination-item {
    margin-bottom: 0
}

.filter-left .pagination-count {
    min-width: 91px;
    color: #06856f
}

.filter-left .pagination-count+.pagination {
    border-left: 1px solid #dfdfdf;
    padding-left: 15px;
    margin-left: 15px
}

@media only screen and (max-width:666px) {
    .filter-left .pagination-count+.pagination {
        padding-left: 10px;
        margin-left: 10px
    }
}

.productGrid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.productGrid:before {
    display: none
}

.productGrid:after {
    display: none
}

.productGrid .product {
    margin: 0;
    padding-bottom: 20px;
    transition: all .4s
}

.productGrid .product .card {
    margin: 0;
    height: 100%
}

.page .page-sidebar+.page-content .product-list-style .product {
    width: 100%
}

.page .page-content .product-list-style .product {
    width: 50%;
    padding-top: 10px;
    transition: all .4s
}

@media only screen and (max-width:1023px) {
    .page .page-content .product-list-style .product {
        width: 100%
    }
}

.page .page-content .product-list-style .product .card:hover .card-title {
    opacity: 1;
    visibility: visible
}

.page .page-content .product-list-style .product .card .card-summary {
    display: block;
    margin-top: 10px;
    width: 100%;
    line-height: 20px
}

.page .page-content .product-list-style .product .card-body-inn {
    position: relative;
    height: 100%;
    padding-bottom: 38px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.page .page-content .product-list-style .product .card-inner {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-flow: row;
    flex-flow: row
}

.page .page-content .product-list-style .product .card-figure {
    margin-bottom: 0;
    padding: 12px 0 12px 12px;
    width: 50%
}

@media only screen and (max-width:1279px) {
    .page .page-content .product-list-style .product .card-figure {
        width: 40%
    }
}

.page .page-content .product-list-style .product .card-figure .card-figcaption-body-custom {
    top: 24px
}

.page .page-content .product-list-style .product .card-img-container {
    max-width: 100%
}

.page .page-content .product-list-style .product .card-body {
    margin-top: 0
}

@media only screen and (max-width:1279px) {
    .page .page-content .product-list-style .product .card-body {
        width: 60%
    }
}

.page .page-content .product-list-style .product .card-body .brand-name {
    text-align: left
}

.page .page-content .product-list-style .product .card-mid-block {
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: static
}

.page .page-content .product-list-style .product .card-text,
.page .page-content .product-list-style .product .card-title {
    text-align: left
}

.page .page-content .product-list-style .product .price-block {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -6px
}

.page .page-content .product-list-style .product .price-block .price {
    font-size: 14px
}

.page .page-content .product-list-style .product .card-button-block {
    top: auto;
    transform: none;
    bottom: 0;
    left: auto;
    right: auto
}

.page .page-content .product-list-style .product .card-button-block .button {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 16px
}

.page .page-content .product-list-style .product .card-button-block svg {
    width: 14px;
    height: 17px;
    margin-right: 7px
}

.page .page-content .product-list-style .product .card-button-block span {
    margin-top: 4px
}

.brandGrid .brand {
    width: 20%;
    margin-bottom: 20px
}

@media only screen and (max-width:1279px) {
    .brandGrid .brand {
        width: 25%
    }
}

@media only screen and (max-width:1023px) {
    .brandGrid .brand {
        width: 33.33%
    }
}

@media only screen and (max-width:579px) {
    .brandGrid .brand {
        width: 50%
    }
}

.brandGrid .brand .card {
    margin-bottom: 0
}

.brandGrid .brand .card .card-body {
    padding-left: 5px;
    padding-right: 5px
}

.brandGrid .brand .card:hover .card-title {
    opacity: 1;
    visibility: visible
}

.brand-sidebar .facetedSearch-refineFilters.sidebarBlock {
    border-top: 1px solid #dfdfdf
}

.search-page-sidebar .facetedSearch-refineFilters.sidebarBlock {
    border-top: 1px solid #dfdfdf
}

#search-results-content strong {
    margin-right: 10px
}

#search-results-content p {
    margin-top: 10px
}

.type-search .page-sidebar.u-hiddenVisually+.page-content {
    width: 100%
}

.page-top-bar .page-heading {
    font-size: 32px;
    line-height: 32px;
    text-align: left
}

@media only screen and (max-width:1023px) {
    .page-top-bar .page-heading {
        font-size: 24px;
        line-height: 24px
    }
}

.productView {
    padding-top: 0;
    margin: 0 -15px
}

@media only screen and (max-width:1023px) {
    .productView {
        margin: 0
    }
}

.productView .alertBox {
    margin-left: 15px;
    margin-right: 15px
}

@media only screen and (max-width:1023px) {
    .productView .alertBox {
        margin-left: 0;
        margin-right: 0
    }
}

.productView-details,
.productView-images {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1023px) {
    .productView-details,
    .productView-images {
        padding: 0
    }
}

@media only screen and (max-width:1279px) {
    .productView-details {
        width: 45%
    }
}

@media only screen and (max-width:1023px) {
    .productView-details {
        width: 100%
    }
}

.productView-images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1279px) {
    .productView-images {
        width: 55%
    }
}

@media only screen and (max-width:1023px) {
    .productView-images {
        width: 100%
    }
}

.productView-images .productView-image-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 85%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 20px;
    padding-right: 20px
}

.productView-images .productView-image-main.without-pro-img {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width:1279px) {
    .productView-images .productView-image-main {
        width: 80%;
        padding-right: 0
    }
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-image-main {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }
}

.productView-images .productView-image-main .usp-section {
    margin-top: 20px;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-image-main .usp-section {
        display: none
    }
}

.productView-images .productView-image-main .usp-section.m-b-60 {
    margin-bottom: 0;
    background: 0 0
}

.productView-images .productView-image-main .usp-section ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.productView-images .productView-image-main .usp-section ul li {
    width: 50%;
    padding: 0;
    border: 1px solid #dfdfdf
}

.productView-images .productView-image-main .usp-section ul li:nth-child(3) {
    margin-top: -1px
}

.productView-images .productView-image-main .usp-section ul li:nth-child(4) {
    margin-top: -1px
}

.productView-images .productView-image-main .usp-section ul li:nth-child(even) {
    border-left: 0
}

.productView-images .productView-image-main .usp-section .usp-block {
    padding: 12px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:1279px) {
    .productView-images .productView-image-main .usp-section .usp-block {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.productView-images .productView-image-main .usp-section .usp-block .usp-detail h5 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500
}

.productView-images .fancythumb,
.productView-images .fancythumb:hover {
    cursor: zoom-in
}

.productView-images .productView-image {
    border: 1px solid #dfdfdf;
    width: 100%;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .productView-images .productView-image {
        background: 0 0
    }
}

@supports (-ms-ime-align:auto) {
    .productView-images .productView-image {
        background: 0 0
    }
}

.productView-images .productView-image .productView-image--default-custom {
    mix-blend-mode: darken;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.productView-images .productView-image .fancythumb {
    max-height: 100%
}

.productView-images .productView-thumbnails {
    -ms-flex-order: 0;
    order: 0;
    width: 15%;
    margin: 0
}

@media only screen and (max-width:1279px) {
    .productView-images .productView-thumbnails {
        width: 20%
    }
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-thumbnails {
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .productView-images .productView-thumbnails:before {
        display: none
    }
    .productView-images .productView-thumbnails li {
        max-width: 130px;
        width: 33.33%;
        padding: 0 10px;
        float: left;
        text-align: center
    }
}

@media only screen and (max-width:1023px) and (max-width:576px) {
    .productView-images .productView-thumbnails li {
        max-width: 120px
    }
}

@media only screen and (max-width:1023px) and (max-width:479px) {
    .productView-images .productView-thumbnails li {
        max-width: 99px
    }
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-thumbnails.productView-thumbnails-withslider li {
        max-width: 100%;
        padding: 0
    }
}

.productView-images .productView-thumbnails .slick-list {
    margin: 0
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-thumbnails .slick-list {
        margin: 0 30px
    }
}

.productView-images .productView-thumbnails .slick-list .slick-slide {
    display: none
}

.productView-images .productView-thumbnails img {
    max-width: 100px;
    max-height: 120px;
    mix-blend-mode: darken
}

@media only screen and (max-width:767px) {
    .productView-images .productView-thumbnails img {
        max-width: 80px;
        max-height: 80px
    }
}

@media only screen and (max-width:479px) {
    .productView-images .productView-thumbnails img {
        max-width: 60px;
        max-height: 65px
    }
}

.productView-images .productView-thumbnails .slick-slide {
    margin-bottom: 13px
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-thumbnails .slick-slide {
        text-align: center
    }
}

.productView-images .productView-thumbnails .productView-thumbnail {
    padding: 0;
    margin-bottom: 13px;
    float: none;
    width: 100%
}

.productView-images .productView-thumbnails .slick-arrow {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #dfdfdf;
    top: auto;
    bottom: -30px
}

@media only screen and (max-width:1279px) {
    .productView-images .productView-thumbnails .slick-arrow {
        bottom: -30px
    }
}

@media only screen and (max-width:1023px) {
    .productView-images .productView-thumbnails .slick-arrow {
        top: 50%;
        margin-top: -23px
    }
}

.productView-images .productView-thumbnails .slick-arrow svg {
    fill: #666;
    width: 24px;
    height: 24px
}

@media only screen and (min-width:1024px) {
    .productView-images .productView-thumbnails .slick-arrow svg {
        transform: rotate(90deg)
    }
}

.productView-images .productView-thumbnails .slick-arrow:hover {
    background: #06856f;
    border: 1px solid #06856f
}

.productView-images .productView-thumbnails .slick-arrow:hover svg {
    fill: #fff
}

.productView-images .productView-thumbnails .slick-arrow.slick-next {
    right: 4px
}

@media only screen and (max-width:1919px) {
    .productView-images .productView-thumbnails .slick-arrow.slick-next {
        right: 1px
    }
}

.productView-images .productView-thumbnails .slick-arrow.slick-prev {
    left: 1px
}

.productView-images .productView-thumbnails.slick-initialized .slick-list .slick-slide {
    display: block
}

.productView-images .productView-thumbnail-link {
    max-width: 100px;
    height: 90px;
    background: #f4f4f4;
    border: 1px solid #dfdfdf;
    overflow: hidden
}

@media only screen and (max-width:1279px) {
    .productView-images .productView-thumbnail-link {
        max-width: 120px
    }
}

@media only screen and (max-width:767px) {
    .productView-images .productView-thumbnail-link {
        height: 80px
    }
}

@media only screen and (max-width:666px) {
    .productView-images .productView-thumbnail-link {
        max-width: 100px
    }
}

@media only screen and (max-width:479px) {
    .productView-images .productView-thumbnail-link {
        max-width: 65px;
        height: 62px
    }
}

.productView-images .productView-thumbnail-link.is-active {
    border: 1px solid #06856f
}

.productView-title {
    font-size: 28px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 22px;
    line-height: normal
}

@media only screen and (max-width:767px) {
    .productView-title {
        font-size: 26px
    }
}

.productView-brand {
    margin: -5px 0 4px 0;
    line-height: 30px
}

.productView-brand a {
    color: #666
}

.productView-details {
    margin-bottom: 0
}

.productView-details .price-block {
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 12px;
    padding-top: 15px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .productView-details .price-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

.productView-details .price-block .productView-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 46%;
    margin: 0
}

@media only screen and (max-width:1279px) {
    .productView-details .price-block .productView-price {
        width: 100%;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }
    .productView-details .price-block .productView-price+.price-block-left {
        margin-top: 10px
    }
}

.productView-details .price-block .productView-price.call-for-price {
    display: none
}

.productView-details .price-block .price-block-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 54%
}

@media only screen and (max-width:1279px) {
    .productView-details .price-block .price-block-left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%
    }
}

.productView-details .price-block .price-block-left .instock {
    color: #5dcb6c;
    font-size: 20px;
    font-weight: 500;
    margin-right: 20px
}

@media only screen and (max-width:1023px) {
    .productView-details .price-block .price-block-left .instock {
        margin-right: 10px
    }
}

.productView-details .price-block .price-block-left .productView-rating .icon {
    width: 15px;
    height: 15px
}

@media only screen and (max-width:479px) {
    .productView-details .price-block .price-block-left .productView-rating .icon {
        width: 12px;
        height: 12px
    }
}

.productView-details .price-block .price-block-left .productView-rating .icon svg {
    height: 100%;
    width: 100%
}

.productView-details .price-section {
    margin: 0;
    margin-right: 10px
}

@media only screen and (max-width:567px) {
    .productView-details .price-section {
        width: auto
    }
}

.productView-details .price-section .price-now-label {
    font-size: 16px;
    text-align: left
}

@media only screen and (max-width:567px) {
    .productView-details .price-section .price-now-label {
        display: block
    }
}

.productView-details .price {
    font-size: 18px
}

@media only screen and (max-width:1279px) {
    .productView-details .price {
        font-size: 16px
    }
}

.productView-details .price.price--withTax {
    font-size: 24px
}

@media only screen and (max-width:1279px) {
    .productView-details .price.price--withTax {
        font-size: 22px
    }
}

@media only screen and (max-width:567px) {
    .productView-details .price.price--withTax {
        font-size: 20px
    }
}

.productView-details .price.price-section--saving {
    font-size: 14px;
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
    text-align: left
}

.productView-details .price.price-section--saving .price {
    font-size: 14px;
    color: #06856f
}

.productView-reviewLink {
    margin-left: 0;
    color: #333
}

@media only screen and (max-width:479px) {
    .productView-reviewLink {
        font-size: 12px
    }
}

.productView-reviewLink+.productView-reviewLink {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #888
}

.productView-reviewLink+.productView-reviewLink a {
    text-decoration: underline
}

@media only screen and (max-width:567px) {
    .productView-reviewLink+.productView-reviewLink {
        display: inline-block
    }
}

.productView-info-name,
.productView-info-value {
    font-size: 15px;
    padding: 8px 0
}

@media only screen and (max-width:567px) {
    .productView-info-name,
    .productView-info-value {
        padding: 6px 0
    }
}

.productView-info-name {
    color: #333;
    font-weight: 500;
    float: left;
    min-width: 192px;
    padding-right: 15px;
    margin: 0
}

@media only screen and (max-width:567px) {
    .productView-info-name {
        float: none;
        padding-right: 0
    }
}

.productView-info-value {
    color: #666;
    margin-bottom: 0
}

@media only screen and (max-width:567px) {
    .productView-info-value {
        font-size: 14px
    }
}

.productView-info-value a {
    font-style: italic;
    text-decoration: underline
}

.productView-info>:first-child {
    margin: 0
}

.productView-product {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:567px) {
    .productView-options {
        text-align: left
    }
}

.productView-options .alertBox {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px
}

.productView-options .form-input[type=number] {
    padding-right: 15px
}

.productView-options .form-label--alternate {
    font-size: 15px;
    color: #333;
    font-weight: 500
}

.productView-options .form-field {
    margin-bottom: 19px
}

@media only screen and (max-width:567px) {
    .productView-options .form-field {
        margin-bottom: 15px
    }
}

.productView-options .form-field textarea {
    resize: none
}

.productView-options .form-fileDescription {
    margin-bottom: 0
}

.productView-options .form-option-variant--color {
    min-width: 34px;
    height: 34px;
    line-height: 34px
}

.productView-options [data-product-attribute=set-rectangle] .form-option {
    padding: 0
}

.productView-options [data-product-attribute=set-rectangle] .form-radio:checked+.form-option {
    border-color: #333;
    box-shadow: none;
    background: #333;
    color: #fff
}

.productView-options [data-product-attribute=set-rectangle] .form-option-variant {
    min-width: 34px;
    height: 34px;
    line-height: 34px
}

.productView-options .form-radio:checked+.form-option-swatch {
    box-shadow: none
}

.productView-options .form-radio:checked+.form-label:before {
    border-color: #06856f
}

.productView-options .form-checkbox+.form-label:before {
    border-radius: 0
}

.productView-options input[type=file] {
    font-size: 15px
}

@media only screen and (max-width:567px) {
    .productView-options input[type=file] {
        font-size: 13px
    }
}

.productView-options .form-checkbox+.form-label,
.productView-options .form-radio+.form-label {
    font-size: 15px
}

@media only screen and (max-width:567px) {
    .productView-options .form-checkbox+.form-label,
    .productView-options .form-radio+.form-label {
        margin-left: 0 !important;
        display: block !important;
        font-size: 14px
    }
}

.productView-options .productOptions-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px;
    margin-bottom: 0
}

.productView-options .productOptions-list li .productOptions-list-item-content,
.productView-options .productOptions-list li .productOptions-list-item-figure {
    display: block
}

.productView-options .productOptions-list li .productOptions-list-item-figure {
    margin: 0;
    max-width: 60px;
    width: 100%;
    padding: 5px
}

.productView-options .form-field--stock .form-label {
    margin-bottom: 0
}

.productView-options .form-field--increments {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 17px
}

@media only screen and (max-width:1279px) {
    .productView-options .form-field--increments {
        margin-right: 13px
    }
}

@media only screen and (max-width:567px) {
    .productView-options .form-field--increments {
        margin-right: 5px
    }
}

.productView-options .form-increment .form-input--incrementTotal {
    float: left;
    height: 50px;
    width: 50px !important;
    font-size: 14px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    font-weight: 300;
    padding: 5px
}

@media only screen and (max-width:567px) {
    .productView-options .form-increment .form-input--incrementTotal {
        height: 40px;
        width: 40px !important
    }
}

.productView-options .form-increment .button {
    display: block;
    border: none;
    padding: 0;
    background: 0 0;
    font-size: 10px
}

.productView-options .form-increment .button i {
    line-height: 25px;
    text-align: center;
    width: 23px;
    height: 25px;
    display: block;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    border-radius: 0;
    border-left: none
}

@media only screen and (max-width:567px) {
    .productView-options .form-increment .button i {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
}

.productView-options .form-increment .button+.button i {
    border-top: 0
}

.productView-options .form-increment .button:hover {
    background: #4b5061
}

.productView-options .form-increment .button:hover i svg {
    fill: #fff
}

.productView-options .form-action {
    margin: 0;
    vertical-align: top;
    display: inline-block
}

@media only screen and (max-width:1023px) {
    .productView-options .form-action {
        float: none;
        padding: 0;
        width: auto
    }
}

.productView-options .form-action .button {
    padding: 17px 33px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    border-radius: 0;
    font-size: 16px
}

@media only screen and (max-width:567px) {
    .productView-options .form-action .button {
        padding: 12px;
        font-size: 12px
    }
}

.productView-options .form-action+.productView-compare {
    margin-left: 17px;
    margin-right: 17px
}

@media only screen and (max-width:1279px) {
    .productView-options .form-action+.productView-compare {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media only screen and (max-width:567px) {
    .productView-options .form-action+.productView-compare {
        margin-left: 5px;
        margin-right: 5px
    }
}

.productView-options .form-wishlist,
.productView-options .productView-compare {
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:1023px) {
    .productView-options .form-wishlist,
    .productView-options .productView-compare {
        width: auto
    }
}

.productView-options .form-wishlist .compare,
.productView-options .form-wishlist .dropdown-menu-button,
.productView-options .productView-compare .compare,
.productView-options .productView-compare .dropdown-menu-button {
    padding: 16px 15px;
    line-height: 11px;
    background: 0 0;
    border: 1px solid #dfdfdf;
    width: auto;
    border-radius: 0;
    margin-bottom: 0
}

@media only screen and (max-width:567px) {
    .productView-options .form-wishlist .compare,
    .productView-options .form-wishlist .dropdown-menu-button,
    .productView-options .productView-compare .compare,
    .productView-options .productView-compare .dropdown-menu-button {
        padding: 11px 9px
    }
}

.productView-options .form-wishlist .compare i,
.productView-options .form-wishlist .dropdown-menu-button i,
.productView-options .productView-compare .compare i,
.productView-options .productView-compare .dropdown-menu-button i {
    margin: 0
}

.productView-options .form-wishlist .compare i svg,
.productView-options .form-wishlist .dropdown-menu-button i svg,
.productView-options .productView-compare .compare i svg,
.productView-options .productView-compare .dropdown-menu-button i svg {
    fill: #06856f
}

.productView-options .form-wishlist .compare:hover,
.productView-options .form-wishlist .dropdown-menu-button:hover,
.productView-options .productView-compare .compare:hover,
.productView-options .productView-compare .dropdown-menu-button:hover {
    background: #06856f;
    border-color: #06856f
}

.productView-options .form-wishlist .compare:hover i svg,
.productView-options .form-wishlist .dropdown-menu-button:hover i svg,
.productView-options .productView-compare .compare:hover i svg,
.productView-options .productView-compare .dropdown-menu-button:hover i svg {
    fill: #fff
}

.wishlist-popup .wishlist_dropdownbox {
    text-align: center
}

.wishlist-popup .wishlist_dropdownbox .wishlistid {
    padding: 2px 5px
}

.wishlist-popup .wishlist_dropdownbox .wishlistid+.wishlistid {
    margin-left: 10px
}

.wishlist-popup .wishlist_dropdownbox input[type=radio] {
    border: 1px solid #000 !important;
    background: #f2f
}

.wishlist-popup .wishlist_dropdownbox label {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize
}

.wishlist-popup .wishlist_dropdownbox label+.wishlistid {
    margin-left: 10px
}

.wishlist-popup .wishlist_dropdownbox .button {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px
}

.wishlist-popup .wishlist_dropdownbox .button+.button {
    margin-left: 16px
}

.share-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 30px
}

@media only screen and (max-width:567px) {
    .share-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
}

.share-block .form-label--alternate {
    margin-right: 8px;
    margin-bottom: 0;
    margin-top: 5px;
    min-width: 70px
}

@media only screen and (max-width:567px) {
    .share-block .form-label--alternate {
        margin-right: 0;
        margin-bottom: 10px;
        margin-top: 0
    }
}

@media only screen and (max-width:567px) {
    .share-block {
        margin-top: 20px
    }
}

.productView-description {
    width: 100%;
    margin-top: 25px
}

@media only screen and (max-width:1023px) {
    .productView-description {
        padding: 0
    }
}

.productView-description .toggle-title .toggleLink {
    float: none
}

.productView-description-inn {
    border: 1px solid #dfdfdf;
    border-bottom: 0
}

.productView-description-inn .toggle {
    border: 0;
    margin: 0
}

.productView-description-inn .toggle-title {
    margin: 0;
    border-bottom: 1px solid #dfdfdf
}

.productView-description-inn .toggle-title a {
    color: #2e3344;
    font-size: 16px;
    padding: 15px 40px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 70px
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-title a {
        padding: 13px 25px;
        padding-left: 45px
    }
}

@media only screen and (max-width:767px) {
    .productView-description-inn .toggle-title a {
        padding: 13px 20px;
        padding-left: 40px
    }
}

@media only screen and (max-width:567px) {
    .productView-description-inn .toggle-title a {
        padding: 13px 18px;
        padding-left: 40px
    }
}

.productView-description-inn .toggle-title a.is-open {
    background: #f5f5f5
}

.productView-description-inn .toggle-title a.is-open svg.toggle-down-arrow {
    transform: rotate(180deg)
}

.productView-description-inn .toggle-title a .icon--name {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 40px;
    top: 15px;
    fill: #2e3344
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-title a .icon--name {
        left: 20px;
        width: 18px;
        height: 18px;
        top: 14px
    }
}

@media only screen and (max-width:767px) {
    .productView-description-inn .toggle-title a .icon--name {
        left: 15px
    }
}

@media only screen and (max-width:479px) {
    .productView-description-inn .toggle-title a .icon--name {
        top: 13px
    }
}

.productView-description-inn .toggle-title a svg.toggle-down-arrow {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 23px;
    top: 50%;
    margin-top: -12px;
    fill: #888
}

@media only screen and (max-width:567px) {
    .productView-description-inn .toggle-title a svg.toggle-down-arrow {
        right: 15px
    }
}

.productView-description-inn .toggle-content {
    padding: 35px 40px;
    transition: all .5s ease-in-out
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-content {
        padding: 20px 25px
    }
}

@media only screen and (max-width:479px) {
    .productView-description-inn .toggle-content {
        padding: 15px 20px
    }
}

.productView-description-inn .toggle-content p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 400
}

.productView-description-inn .toggle-content p+p {
    margin-top: 20px
}

.productView-description-inn .toggle-content p+ul {
    margin-top: 10px
}

.productView-description-inn .toggle-content ul {
    margin-bottom: 10px
}

.productView-description-inn .toggle-content ul li {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #06856f;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-content ul li {
        margin-bottom: 15px
    }
}

.productView-description-inn .toggle-content ul li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 7px;
    background: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp);
    background-size: 100%;
    left: 0;
    top: 5px
}

.productView-description-inn .toggle-content ul li a {
    font-weight: 500
}

.productView-description-inn .toggle-content .productReviews-list li:before {
    display: none
}

.productView-description-inn .toggle-content .productReview-title {
    font-weight: 500
}

.productView-description-inn .toggle-content .productReview-rating {
    display: block
}

.productView-description-inn .toggle-content.is-open {
    border-bottom: 1px solid #dfdfdf
}

.productView-description-inn .toggle-content .videoGallery-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-content .videoGallery-section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin: 0
    }
}

.productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.productView-description-inn .toggle-content .videoGallery-list {
    width: 40%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1023px) {
    .productView-description-inn .toggle-content .videoGallery-list {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.productView-description-inn .toggle-content .videoGallery-item {
    width: 100%;
    padding: 0
}

.productView-description-inn .toggle-content .videoGallery-item:before {
    display: none
}

.productView-description-inn .toggle-content#productReviews-content ul {
    text-align: left
}

.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item {
    padding-left: 0;
    margin-bottom: 0
}

.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item .pagination-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item+li {
    margin-left: 5px
}

.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item:before {
    display: none
}

@media only screen and (max-width:567px) {
    .related-product.m-t-50 {
        margin-top: 30px
    }
}

.related-product+.customer-view-product.m-t-50 {
    margin-top: 10px
}

.previewCart .productView-image {
    background: #f4f4f4;
    border: 1px solid #dfdfdf
}

.previewCart .productView-image .productView-img-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.previewCart .productView-image .productView-image--cart {
    mix-blend-mode: darken
}

.previewCart .previewCartCheckout-price {
    color: #333
}

.previewCart .productView-details {
    padding-left: 20px
}

@media only screen and (max-width:1023px) {
    .previewCart .productView-details {
        padding-left: 0
    }
}

@media only screen and (max-width:1279px) {
    .previewCart .previewCartCheckout {
        width: 30%
    }
}

@media only screen and (max-width:1023px) {
    .previewCart .previewCartCheckout {
        width: 100%
    }
}

.previewCart .previewCartCheckout .button {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width:1023px) {
    .previewCart .productView-title {
        margin-top: 10px
    }
}

@media only screen and (max-width:1279px) {
    .previewCart .productView {
        width: 70%
    }
}

@media only screen and (max-width:1023px) {
    .previewCart .productView {
        display: none
    }
}

#CartEditProductFieldsForm {
    overflow: hidden
}

.writeReview-productImage-container {
    background: #f4f4f4;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    max-height: 380px
}

.writeReview-productImage-container img {
    mix-blend-mode: darken
}

@media only screen and (max-width:1023px) {
    .writeReview-productDetails {
        display: none
    }
}

.writeReview-productDetails .product-brand {
    margin-top: 20px
}

.writeReview-productDetails .product-title {
    margin-top: 20px
}

.productView--quickView .productView-details .price-block .productView-price {
    width: 100%;
    margin-bottom: 5px
}

.productView--quickView .productView-details .price-block .productView-price.call-for-price {
    display: none
}

.productView--quickView .productView-details .price-block .price-block-left {
    width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.productView--quickView .productView-images .productView-thumbnails img {
    max-width: 85px;
    max-height: 105px
}

.productView--quickView .productView-images .productView-thumbnail-link {
    height: 105px
}

.form-select--date {
    width: auto
}

.modal-body.quickView {
    position: relative
}

.cart-header .cart-header-item {
    color: #06856f;
    font-weight: 500;
    padding: 15px 10px;
    font-size: 16px
}

.cart-list {
    border-color: 1px solid #dfdfdf
}

@media only screen and (max-width:1023px) {
    .cart-list {
        border-top: 0
    }
}

.cart-list .form-increment .form-input--incrementTotal {
    height: 50px;
    width: 50px !important;
    font-size: 14px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    font-weight: 300;
    padding: 5px;
    float: left
}

.cart-list .form-increment .button {
    display: block;
    border: none;
    padding: 0;
    background: 0 0;
    font-size: 10px
}

.cart-list .form-increment .button i {
    line-height: 25px;
    text-align: center;
    width: 23px;
    height: 25px;
    display: block;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    border-radius: 0;
    border-left: none
}

.cart-list .form-increment .button+.button i {
    border-top: 0
}

.cart-list .form-increment .button:hover {
    background: #4b5061
}

.cart-list .form-increment .button:hover i svg {
    fill: #fff
}

.cart-item-figure:after {
    display: none
}

.cart-item-figure .cart-item-fixed-image,
.cart-item-figure .cart-item-image-1 {
    max-width: 90px;
    max-height: 90px
}

.cart-item-name a {
    color: #06856f;
    font-weight: 500
}

.cart-item-name a:hover {
    color: #666
}

.cart-item-option-title {
    color: #06856f;
    font-weight: 500
}

.cart-item-value,
.cart-total-label {
    color: #06856f;
    font-size: 16px
}

.cart-item-value {
    font-weight: 500
}

.cart-remove {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px
}

.cart-remove>svg {
    fill: #06856f
}

.cart-remove:hover {
    background: #06856f
}

.cart-remove:hover svg {
    fill: #fff
}

@media only screen and (max-width:1023px) {
    .cart-item-info+.cart-item-info {
        margin-top: 0
    }
}

@media only screen and (max-width:567px) {
    .cart-item-info {
        margin-bottom: 10px
    }
}

.cart-item-info p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

@media only screen and (max-width:567px) {
    .cart-item-info p {
        margin-left: 23px
    }
}

@media only screen and (max-width:666px) {
    .cart-item-info .cart-remove {
        margin-left: 3px
    }
}

@media only screen and (max-width:479px) {
    .estimator-form .button--primary {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:479px) {
    .cart-gift-certificate-form .button,
    .coupon-form .button {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }
}

@media only screen and (max-width:479px) {
    .cart-gift-certificate-form .form-input,
    .coupon-form .form-input {
        width: 100%
    }
}

.cart-total {
    margin-bottom: 0;
    padding: 0 10px
}

.cart-total+.cart-total {
    border-top: 1px solid #dfdfdf
}

.cart-total .cart-total-label,
.cart-total .cart-total-value {
    padding: 15px 0;
    width: 50%
}

@media only screen and (max-width:1023px) {
    .cart-total .cart-total-label {
        text-align: left
    }
}

@media only screen and (max-width:567px) {
    .cart-total .cart-total-value {
        text-align: right
    }
}

.cart-total .form-input,
.cart-total .form-select {
    height: auto;
    background-position: right 5px top 12px;
    background-size: 20px;
    padding: 12px 30px 12px 15px;
    line-height: 18px
}

@media only screen and (max-width:767px) {
    .cart-total .form-input,
    .cart-total .form-select {
        padding: 9px 30px 9px 10px;
        background-position: right 5px top 8px
    }
}

.cart-total-grandTotal {
    font-weight: 500
}

.coupon-code-add,
.coupon-code-cancel,
.gift-certificate-add,
.gift-certificate-cancel,
.shipping-estimate-hide,
.shipping-estimate-show {
    font-style: italic
}

.cart-additionalCheckoutButtons .apple-pay-checkout-button {
    margin-top: 20px
}
</style>
<div id="omnisend-dynamic-container" style="overflow: hidden; height: 0px;"><div id="omnisend-pixel-container"></div><div id="omnisend-jsonp-container"></div></div><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"28b89a22a42c44e99847e1ac2472307f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>

<!-- Blue Snowfall Effect -->
<canvas id="snowCanvas" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99999;"></canvas>
<script>
(function(){
  var canvas = document.getElementById('snowCanvas');
  var ctx = canvas.getContext('2d');
  var flakes = [];
  var NUM = 180;

  function resize() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
  }
  resize();
  window.addEventListener('resize', resize);

  for (var i = 0; i < NUM; i++) {
    flakes.push({
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      r: Math.random() * 4 + 1,
      speed: Math.random() * 6 + 6,
      drift: Math.random() * 1.5 - 0.75,
      opacity: Math.random() * 0.5 + 0.5
    });
  }

  function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    flakes.forEach(function(f) {
      ctx.beginPath();
      ctx.arc(f.x, f.y, f.r, 0, Math.PI * 2);
      ctx.fillStyle = 'rgba(30,144,255,' + f.opacity + ')';
      ctx.shadowBlur = 6;
      ctx.shadowColor = '#1e90ff';
      ctx.fill();
      f.y += f.speed;
      f.x += f.drift;
      if (f.y > canvas.height + f.r) {
        f.y = -f.r;
        f.x = Math.random() * canvas.width;
      }
      if (f.x > canvas.width + f.r) f.x = -f.r;
      if (f.x < -f.r) f.x = canvas.width + f.r;
    });
    requestAnimationFrame(draw);
  }
  draw();
})();
</script>
</body></html>
