@charset "UTF-8";
input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

input:focus + label {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

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 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

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

html,
body {
  height: 100%; }

body {
  background: white;
  color: #333333;
  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: none;
  border: 0; }
  button:active, button:focus {
    box-shadow: none;
    outline: none; }

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

select {
  width: 100%; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  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: "niveau-grotesk", Arial, Helvetica, sans-serif;
  line-height: 1.5; }

a {
  color: #333333;
  line-height: inherit;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #757575; }

p {
  margin-bottom: 1.5rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444444;
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  letter-spacing: 0.25px;
  margin-bottom: 0.78571rem; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #757575;
    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: 0.78571rem; }

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

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

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

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

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

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

ul {
  margin-left: 1.15rem; }

ol {
  margin-left: 1.15rem; }

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

dl dd {
  margin-bottom: 1.5rem; }

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

abbr {
  text-transform: none; }

blockquote { }

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

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

.icon {
  height: 1.14286rem;
  width: 1.14286rem;
  display: inline-block;
  vertical-align: middle; }
  .icon svg {
    display: inline-block;
    fill: #757575;
    height: 100%;
    vertical-align: top;
    width: 100%; }

/*doc
---
title: Lists
name: lists
category: Elements
---

*/
/*doc
---
title: Inline List
name: inline_list
category: Elements
parent: lists
---


```html_example
<ul class="inlineList">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>
```
##### Inline list settings
```sass_file_example
src/settings/foundation/inlineList/_settings.scss
```

*/
.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; }

/*doc
---
title: Tables
name: tables
category: Elements
---


```html_example
<table class="table">
    <thead class="table-thead">
        <tr>
            <th>Table Header</th>
            <th>Table Header</th>
            <th class="table-header--numericData" scope="column">Totals</th>
        </tr>
    </thead>
    <tbody class="table-tbody">
        <tr>
            <td>Content Goes Here</td>
            <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
            <td class="table-cell--numericData">$10</td>
        </tr>
    </tbody>
    <tfoot class="table-tfoot">
        <tr>
            <td class="table-cell--numericData" colspan="2">Subtotal:</td>
            <td class="table-cell--numericData"><strong>$60</strong></td>
        </tr>
    </tfoot>
</table>
```
##### Tables settings
```sass_file_example
src/settings/foundation/tables/_settings.scss
```

*/
.table {
  border: solid 1px #e5e5e5;
  margin-bottom: 2rem;
  table-layout: auto;
  width: 100%; }
  .table thead {
    background: #e5e5e5; }
    .table thead tr th,
    .table thead tr td {
      font-size: 1rem;
      font-weight: 700;
      padding: 0.78571rem 1.5rem; }
  .table tr th,
  .table tr td {
    padding: 0.78571rem 1.5rem;
    text-align: left; }
  .table thead tr th,
  .table tfoot tr th,
  .table tfoot tr td,
  .table tbody tr th,
  .table tbody tr td,
  .table tr td {
    display: table-cell; }
  .table th.table-header--numericData,
  .table td.table-cell--numericData {
    text-align: right; }

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

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

.table-tbody tr {
  border-bottom: 1px solid #e5e5e5; }
  .table-tbody tr:last-child {
    border-bottom: 0; }

/*doc
---
title: Buttons
name: button
category: Components
---

These are all the button

```sass_file_example
src/settings/foundation/buttons/_settings.scss
```

```html_example
<button class="button">Button</button>

<input type="submit" class="button" value="Button">

<a class="button" role="button" href="#">Button</a>
```

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "niveau-grotesk", 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: #8f8f8f;
  color: #666666;
  font-size: 1rem;
  padding: 0.85714rem 2.28571rem;
  border-radius: 4px;
  outline: none;
  vertical-align: middle; }
  .button:hover, .button:focus, .button.is-active, .button.active {
    background-color: transparent;
    border-color: #474747;
    color: #333333; }
  .button:active {
    background-color: transparent;
    border: 1px solid #757575;
    color: black; }
  .button:focus, .button.is-active, .button.active {
    outline: none; }
  @media (min-width: 481px) {
    .button + .button {
      margin-left: 0.78571rem; } }

/*doc
---
title: Button states
name: button_states
category: Components
parent: button
---

```html_example
<button class="button button--primary">Primary Button</button>

<button class="button">Secondary / Default Button</button>

<button class="button button--tertiary">Tertiary Button</button>

<button class="button button--action">Call-to-Action Button</button>
```
    */
.button--primary {
  background-color: #444444;
  border-color: #444444;
  color: white; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: #666666;
    border-color: #666666;
    color: white; }
  .button--primary:active {
    background-color: black;
    border: 1px solid black;
    color: white; }

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

/*doc
---
title: Button sizes
name: button_sizes
category: Components
parent: button
---

```html_example
<button class="button button--large">Large</button>

<button class="button">Default</button>

<button class="button button--small">Small</button>

<button class="button button--tiny">Tiny</button>
```

And a special case, slab, which takes the full width of it's container and any
size modifier

```html_example
<button class="button button--slab">Slab</button>

<button class="button button--slab button--large">Slab</button>
```

*/
.button--large {
  font-size: 15px; }

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

.button--tiny { }

.button--slab {
  display: block;
  width: 100%; }
  .button + .button--slab {
    margin-left: 0; }

.button--icon {
  font-size: 1rem;
  padding: 0.78571rem 0.78571rem; }
  .button--icon svg {
    fill: #757575; }

/*doc
---
title: Button Groups
name: button_groups
category: Components
parent: button
---


```html_example
<div class="buttonGroup">
    <button class="button">Button1</button>
    <button class="button">Button2</button>
    <button class="button">Button3</button>
</div>
```
##### Button group settings
```sass_file_example
src/settings/bigcommerce/buttonGroup/_settings.scss
```

*/
.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; }

/*doc
---
title: Dropdowns
name: dropdown
category: Components
---

Dropdowns are simple lists that can appear next to any element that can trigger a click event.
They can be used by buttons, icons, links and other similar items.

```sass_file_example
src/settings/foundation/dropdown/_settings.scss
```
```html_example
<ul class="dropdown-menu" style="display:block; left: 0;">
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">One</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Two</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Three</a></li>
</ul>
```
*/
.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: 0.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: 0.35714rem 0.71429rem; }
  .dropdown-menu-item a {
    display: block;
    padding: 0.35714rem; }
  .dropdown-menu-item a {
    margin: -0.35714rem; }

/*doc
---
title: Forms
name: forms
category: Forms
---

##### Foundation Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

##### Citadel Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

*/
/*doc
---
title: Form basics
name: 01forms_basics
category: Forms
parent: forms
---

Citadel comes with styling for most form input types and some custom ones. To start
things off a basic, semantic mark-up structure should be adhered too, including
the `form`, `fieldset` and `legend` elements where ever possible.

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
    </fieldset>
</form>
```

*/
.form {
  margin: 0 0 1.5rem; }

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

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

/*doc
---
title: Form labels and inputs
name: 03forms_basics
category: Forms
parent: forms
---

Inputs of all types should be associated with a label which has a `for` attribute

```html_example
<div class="form-field">
    <label class="form-label" for="input1">Input Label</label>
    <input class="form-input" id="input1" type="text" placeholder="Placeholder text">
</div>
<div class="form-field">
    <label class="form-label" for="input2">Number Label</label>
    <input class="form-input" id="input2" type="number" placeholder="Number input">
</div>
<div class="form-field">
    <label class="form-label" for="input3">Textarea Label <small>additional context</small></label>
    <textarea class="form-input" id="input3" placeholder="Placeholder text" rows="3"></textarea>
</div>
```
*/
.form-label {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  .form-label small {
    color: #757575;
    font-size: 0.71429rem;
    text-transform: uppercase;
    vertical-align: bottom; }

.form-input {
  appearance: none;
  background-color: white;
  border-color: #8f8f8f;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #666666;
  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: 0.75rem 1rem;
  transition: border-color 100ms ease-out;
  width: 100%;
  /*doc
---
title: Disabled inputs
name: 04forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="disabled_input1">Input Label</label>
    <input class="form-input" id="disabled_input1" disabled type="text" value="Disabled text">
</div>

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: white;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #474747;
    outline: none; }
  .form-input[rows] {
    height: auto; }
  .form-input[type="search"] {
    box-sizing: border-box; }
  .form-input::-webkit-input-placeholder {
    color: #999999; }
  .form-input::-ms-clear {
    height: 0;
    width: 0; }
  .form-input::-moz-placeholder {
    color: #999999; }
  .form-input:-ms-input-placeholder {
    color: #999999; }

/*doc
---
title: Selects
name: 05forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="select1">Native Select label</label>
    <select class="form-select" name="select1" id="select1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
</div>
```
*/
.form-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: white;
  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: #8f8f8f;
  color: #666666;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  padding: 0.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: #474747; }
  .form-select:disabled {
    background-color: white;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #474747; }

/*doc
---
title: Form Panels and Layouts
name: 13forms_layouts
category: Forms
parent: forms
---

We provide a couple of component styles to layout forms.

The more `form-field` components you place in the `form-row`, the smaller the columns gets.
Columns are equal length, and calculated automatically by Flexbox by default.

It's the same mark-up but depending on your browser support needs, you can switch
between a flexbox layout or a more traditional grid based layout by setting
`$formRow-modernBrowsers` to `false`.

The grid based layout of `form-feilds` will require the use of modifiers to calculate
the correct widths. We support `form-field--half`, `form-field--third` and
`form-field--quarter`

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
        <div class="form-body">
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
```
*/
.form-body {
  background-color: white;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.13);
  margin-bottom: 1.5rem;
  max-width: none;
  padding: 1.5rem; }

.form-row {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .form-row:before, .form-row:after {
    content: " ";
    display: table; }
  .form-row:after {
    clear: both; }
  .form-row .form-field {
    padding-left: 0.75rem;
    padding-right: 0.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%; } }

/*doc
---
title: Form Fields
name: 02forms_basics
category: Forms
parent: forms
---

Each form input should be wrapped in a `form-field`

```html_example
<div class="form-field">
</div>
```
*/
.form-field {
  display: block;
  margin: 0 0 2rem;
  max-width: none; }
  .form-field:before, .form-field:after {
    content: " ";
    display: table; }
  .form-field:after {
    clear: both; }

/*doc
---
title: Selects [multiple]
name: 06forms_basics
category: Forms
parent: forms
---

Styling of the select element with the multiple attribute

```html_example
<div class="form-field">
    <label class="form-label" for="multiselect1">Native Select Multiple label</label>
    <select class="form-select" multiple name="multiselect1" id="multiselect1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
```
*/
.form-select[multiple] {
  height: auto; }
  .form-select[multiple] option {
    padding: 5px; }

/*doc
---
title: Radios and Checkbox
name: 07forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-checkbox" type="checkbox" id="check1">
    <label class="form-label" for="check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="check2">
    <label class="form-label" for="check2">Checkbox 2 label</label>
</div>
```

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio1">
    <label class="form-label" for="radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio2">
    <label class="form-label" for="radio2">Radio 2 label</label>
</div>
```
*/
.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: 0.35714rem;
    padding-left: 1.85714rem;
    position: relative;
    vertical-align: baseline;
    width: 100%; }
    .form-checkbox + .form-label::before, .form-checkbox + .form-label::after,
    .form-radio + .form-label::before,
    .form-radio + .form-label::after {
      content: "";
      display: block;
      position: absolute;
      transition: all 50ms ease-out; }
    .form-checkbox + .form-label::before,
    .form-radio + .form-label::before {
      background-color: white;
      border: solid #8f8f8f;
      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: white; }

.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(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: rgba(51, 51, 51, 0.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(51, 51, 51, 0.999);
  border: 3px solid white;
  border-radius: 1rem; }

/*doc
---
title: Inputs with Extras
name: 08forms_inputextras
category: Forms
parent: forms
---

Sometimes inputs need inline actions. An inline button for a search box for example.

```html_example
<div class="form-field">
    <label class="form-label" for="input9">Input with action</label>
    <input class="form-input has-action" type="search" id="input9">
    <button class="button button--icon button--inputAction">
        <span class="u-hiddenVisually">Search</span>
        <icon glyph="ic-search" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></icon>
    </button>
</div>
```
*/
.form-input.has-action {
  float: left;
  padding-right: 2.85714rem; }
  .form-input.has-action + .button--inputAction {
    background: transparent;
    border: 0;
    border-radius: 0 0 0 0;
    float: left;
    height: 2.85714rem;
    margin: 0.07143rem 0 0 -2.92857rem;
    width: 2.85714rem; }

/*doc
---
title: Inputs with Icons
name: 09forms_inputicons
category: Forms
parent: forms
---

Sometimes inputs need to display an informative icon to convey a certain meaning, like secure.

```html_example
<div class="form-field">
    <label class="form-label" for="input99">Input with icon</label>
    <input class="form-input has-icon" type="search" id="input9">
    <icon glyph="ic-lock" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path></svg></icon>
</div>
```
*/
.form-input.has-icon {
  float: left;
  padding-right: 2.57143rem; }
  .form-input.has-icon + .icon {
    height: 3rem;
    margin-left: -2.57143rem;
    width: 1.42857rem; }

/*doc
---
title: Form PrefixPostfix
name: 10forms_prefixpostfix
category: Forms
parent: forms
---

PrefixPostfix

```html_example
<div class="form-field">
    <label class="form-label" for="input4">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input5">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="input5" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
</div>
```

### PrefixPostfix with a button

```html_example
<div class="form-field">
    <label class="form-label" for="input6">Prefixed Button</label>
    <div class="form-prefixPostfix">
        <input class="button form-prefixPostfix-button--prefix" type="submit" value="Save">
        <input class="form-input" id="input6" type="text" placeholder="Placeholder text">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input7">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="input7" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
</div>
```
*/
.form-prefixPostfix {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .form-prefixPostfix .form-input {
    flex: 1; }
  .form-prefixPostfix .button {
    height: 3rem; }

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

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

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

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

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

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

/*doc
---
title: Form Switch
name: 11forms_switch
category: Forms
parent: forms
---

Switch

```html_example
<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">On</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">Off</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important switch--checked">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>
```
*/
.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: #757575;
    box-shadow: 0 0 4px rgba(117, 117, 117, 0.4); }

.switch-toggle {
  background-color: #757575;
  border: 1px solid #757575;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  position: relative;
  transition: all 100ms 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: #999999;
    cursor: default; }

.switch-toggle::before {
  background: white;
  border-radius: 1.4286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.4286rem;
  left: 0.21427rem;
  position: absolute;
  top: 0.21427rem;
  transition: all 100ms ease-out;
  width: 1.4286rem; }
  .switch--checked .switch-toggle::before {
    left: 2.49999rem; }

.switch-label {
  color: white;
  height: 26px;
  line-height: 1.92857;
  position: absolute;
  right: 0.42857rem;
  text-transform: uppercase;
  transition: all 100ms ease-out; }
  .switch--checked .switch-label {
    font-weight: 600;
    left: 0.42857rem;
    right: auto; }
  .switch--disabled .switch-label {
    color: #757575; }

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

.switch-description--off {
  color: black;
  margin-right: 5px; }
  .switch--checked .switch-description--off {
    color: #757575; }

.switch-description--on {
  color: #757575;
  margin-left: 5px; }
  .switch--checked .switch-description--on {
    color: black; }

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

/*doc
---
title: Form Actions
name: 14forms_actions
category: Forms
parent: forms
---

Forms require actions to submit or cancel (or what ever action a user should perform).
Form actions come in 2 flavours; normal and fixed.

```html_example
<div class="form-actions">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```

### Form Actions --fixed

```html_example
<div class="form-actions form-actions--fixed">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```
*/
.form-actions {
  background: none;
  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: white;
    border-top: 1px solid #999999;
    bottom: 0;
    left: 0;
    padding: 1.5rem 2rem;
    position: fixed;
    right: 0;
    text-align: right;
    z-index: 20; } }

/*doc
---
title: Form Errors
name: 12forms_errors
category: Forms
parent: forms
---

Form inline errors

```html_example
<div class="form-field form-field--success">
    <label class="form-label" for="valid_simple">Valid field</label>
    <input class="form-input" id="valid_simple" type="text" value="Some Valid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-check-circle" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg></icon>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_simple">Invalid field</label>
    <input class="form-input" id="invalid_simple" type="text" value="Some Invalid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_simple">
                This is not a valid email address
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--warning">
    <label class="form-label" for="warning_simple">Warning field</label>
    <input class="form-input" id="warning_simple" type="text" value="Text that generated a Warning">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="warning_simple">
                Did you mean…
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_select">Select label</label>
    <select class="form-select" name="invalid_select" id="invalid_select">
        <option value="Please select a value">Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_select">
                You must select a value
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Checkbox label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check1">
    <label class="form-label" for="invalid_check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check2">
    <label class="form-label" for="invalid_check2">Checkbox 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select one or more
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Radio label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio1">
    <label class="form-label" for="invalid_radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio2">
    <label class="form-label" for="invalid_radio2">Radio 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select an option
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_prefix">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="invalid_prefix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
        <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_prefix">
                Please input a dollar amount
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="invalid_postfix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix">
                Please enter the weight in kilograms
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix_button">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="invalid_postfix_button" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                This is a really long error message to give alot
                more detail to the user about what is wrong with this field.
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                Something else was wrong
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                You really messed up here
            </label>
        </li>
    </ul>
</div>
```
*/
.form-input-indicator {
  height: 1.57143rem;
  width: 1.57143rem;
  float: left;
  margin: 0 0 0 -2.14286rem;
  position: relative;
  top: 0.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: 0.21429rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

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

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

.form-field--success .form-input,
.form-field--success .form-select,
.form-field--success .form-checkbox + .form-label::before,
.form-field--success .form-radio + .form-label::before,
.form-field--success .form-prefixPostfix-label {
  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-input,
.form-field--error .form-select,
.form-field--error .form-checkbox + .form-label::before,
.form-field--error .form-radio + .form-label::before,
.form-field--error .form-prefixPostfix-label {
  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-input,
.form-field--warning .form-select,
.form-field--warning .form-checkbox + .form-label::before,
.form-field--warning .form-radio + .form-label::before,
.form-field--warning .form-prefixPostfix-label {
  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; }

/*doc
---
title: Panels
name: panel
category: Components
---

Panels are a simple container which is relatively positioned within the document which helps you section
your content. Panels may also have a header, which contains a related title to describe the contents.

```sass_file_example
src/settings/foundation/panels/_settings.scss
```
```html_example
<div class="panel">
    <div class="panel-header">
        <h2 class="panel-title">Panel Title</h2>
    </div>
    <div class="panel-body">
        <h2>Some Panel Content</h2>
        <p>Should be able to handle any type of content.</p>
    </div>
</div>
```
*/
.panel {
  position: relative; }

.panel-header {
  background-color: #e5e5e5;
  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: #e5e5e5; }
  .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: #757575;
  float: left;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  line-height: 1.5; }
  .breadcrumb a {
    color: #757575; }
  .breadcrumb.current {
    color: #757575;
    cursor: default; }
    .breadcrumb.current a {
      color: #757575;
      cursor: default; }
    .breadcrumb.current:hover, .breadcrumb.current:hover a, .breadcrumb.current:focus, .breadcrumb.current:focus a {
      text-decoration: none; }
  .breadcrumb.unavailable {
    color: #999999; }
    .breadcrumb.unavailable a {
      color: #999999; }
    .breadcrumb.unavailable:hover,
    .breadcrumb.unavailable:hover a, .breadcrumb.unavailable:focus,
    .breadcrumb.unavailable a:focus {
      color: #999999;
      cursor: not-allowed;
      text-decoration: none; }
  .breadcrumb:before {
    color: #757575;
    content: "»";
    margin: 0;
    position: relative;
    top: 1px; }
  .breadcrumb:first-child:before {
    content: " ";
    margin: 0; }
  .breadcrumb::before {
    margin: 0 0.5rem; }
    @media (min-width: 481px) {
      .breadcrumb::before {
        margin: 0 0.5rem; } }

.breadcrumb-label {
  cursor: pointer; }
  .breadcrumb-label:hover {
    color: #333333;
    text-decoration: none; }
  .breadcrumb.is-active > .breadcrumb-label {
    color: #757575;
    cursor: default; }
  .breadcrumb.is-unavailable > .breadcrumb-label {
    color: #999999;
    cursor: default; }

.tabs {
  border-bottom: 1px solid #e5e5e5;
  margin: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }

.tab {
  border-bottom: white;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 551px) {
    .tab {
      float: left; } }

.tab-title {
  color: #757575;
  display: block;
  font-size: 15px;
  padding: 0.78571rem 1.57143rem; }
  .tab-title:hover {
    color: #333333; }

.tab.is-active .tab-title {
  color: #333333;
  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:before, .tabs-contents:after {
    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; }

/*doc
---
title: Navigation
name: nav
category: Components
---

The navigation pattern holds a list of links wrapped in a navigation element. The links can help you navigate
the document, or the information architecture. Each link should modify the URL in some way.

```sass_file_example
src/settings/bigcommerce/nav/_settings.scss
```
We generate our own navigation abstractions through a `nav()` mixin. The mixin works as follows:

```scss_example
nav($style: "navBar", $wrapper: "nav")
```
Where:

 - `$style` - The type of navigation (a bar or list)
 - `$wrapper` - The wrapper of the navigation (usually nav, ul or ol)

There is also a `nav-action()` mixin, which when used will set the styles for any actionable items in your navigation list.

```scss_example
nav-action($color, $fontFamily, $fontSize, $padding)
```

*/
/*doc
---
title: Navigation Bar
name: navBar
parent: nav
category: Components
---

The Navigation Bar is a horizontal navigation component, useful for page navigation or any other primary content navigation.

```html_example
<nav class="navBar navBar--internal">
    <ul class="navBar-section">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 1</a>
        </li>
        <li class="navBar-item is-active">
            <a class="navBar-action" href="#">Item 2</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 3</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 4</a>
        </li>
    </ul>
    <ul class="navBar-section navBar-section--alt">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 5</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 6</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 7</a>
        </li>
    </ul>
</nav>
```

You can create a navigation bar abstraction with the following mixin:

```scss_example
.pageNavigation {
    @include nav("navBar", "nav");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

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

.navBar:after {
  clear: both; }

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

.navBar-section {
  float: left; }
  .navBar-section:before, .navBar-section:after {
    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-item, .navBar-action {
  display: block; }

.navBar-action {
  color: black;
  font-size: 15px;
  padding: 0.78571rem; }

/*doc
---
title: Navigation List
name: navList
parent: nav
category: Components
---

The Navigation List is a vertical navigation component, useful for secondary navigation like a list of child pages.

```html_example
<nav class="navList navList--aside">
    <ul class="navList-section">
        <li class="navList-item">
            <a class="navList-action" href="#">Item 1</a>
        </li>
        <li class="navList-item is-active">
            <a class="navList-action" href="#">Item 2</a>
            <ul class="navList-subSection">
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 1</a>
                </li>
                <li class="navList-item is-active">
                    <a class="navList-action" href="#">Sub-item 2</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 3</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 4</a>
                </li>
            </ul>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 3</a>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 4</a>
        </li>
    </ul>
</nav>
```

You can create a navigation list abstraction with the following mixin:

```scss_example
.subPagesList {
    @include nav("navList", "ul");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

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

.navList:after {
  clear: both; }

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

.navList-section:before, .navList-section:after {
  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-item, .navList-action {
  display: block; }

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

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: #757575;
    font-size: 1rem;
    margin-left: 0.35714rem; }
    .pagination-list li a, .pagination-list li button {
      border-radius: 4px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #757575;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.28571rem 0.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: #333333; }

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

/*doc
---
title: Alerts
name: alerts
category: Components
---

Alerts can be used to inform users about the actions they perform, whether it's a successful message, a warning, error, or just information.
They can be displayed at a page level or inside a specific container. They will take the full width of their containers.

```sass_file_example
src/settings/foundation/alerts/_settings.scss
```

The alert box consists of three `alertBox-column`s: The `alertBox-icon` which contains the icon for the type of alert,
the `alertBox-message` which can contain the heading and text for the alert message, and `alertBox-close` which holds the close button.
You can set the vertical alignment of the columns in the setting variables.

```html_example
<div class="alertBox">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        <span>Generic alert</span>
    </div>
    <a class="alertBox-column alertBox-close" tabindex="0" href="#">
        <icon glyph="ic-close" class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path 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"></path>
            </svg>
        </icon>
    </a>
</div>
```
*/
.alertBox {
  border-style: none;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.78571rem;
  padding: 0.78571rem 1.14286rem 0.78571rem 1.14286rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: white; }
  .alertBox .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox .button {
    margin: 0 0 0 0.78571rem; }

.alertBox--info {
  background-color: #666666;
  border-color: #666666;
  color: #333333; }
  .alertBox--info svg {
    fill: #dfdfdf; }

.alertBox--success {
  background-color: #d5ffd8;
  border-color: #d5ffd8;
  color: white; }
  .alertBox--success svg {
    fill: #008a06; }

.alertBox--warning {
  background-color: #fffdea;
  border-color: #fffdea;
  color: white; }
  .alertBox--warning svg {
    fill: #f1a500; }

.alertBox--error {
  background-color: #ffdddd;
  border-color: #ffdddd;
  color: white; }
  .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: #999999; }

/*doc
---
title: Accordion
name: accordion
category: Components
---
```html_example
<section class="accordion">
    <article heading="Dynamic Group Header - 1" class="is-open">
        <h2 class="accordion-navigation is-open">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 1
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
        <div class="accordion-content is-open">
            Dynamic Group Body - 1
        </div>
    </article>
    <article heading="Dynamic Group Header - 2">
        <h2 class="accordion-navigation">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 2
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
<article heading="Dynamic Group Header - 3">
        <h2 class="accordion-navigation accordion-navigation--error">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 3
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
</section>
```

```sass_file_example
src/settings/foundation/accordion/_settings.scss
```
*/
.accordion {
  margin-bottom: 0;
  border: #e5e5e5 solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.13);
  margin: 0 0 1.5rem; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }

.accordion-navigation {
  display: block;
  margin-bottom: 0 !important;
  border: #e5e5e5 solid;
  border-width: 1px 0;
  cursor: pointer; }
  .accordion-navigation.is-open > a {
    background: white;
    color: black; }
  .accordion-navigation > a {
    background: white;
    color: #333333;
    padding: 1.85714rem;
    display: block;
    font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
    .accordion-navigation > a:hover {
      background: #e5e5e5; }
  .accordion-navigation .accordion-title {
    padding: 1.5rem 1.85714rem; }

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

.accordion-content {
  display: none;
  padding: 2rem;
  border: #e5e5e5 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: black;
  background: rgba(51, 51, 51, 0.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: white;
  padding: 2.25rem 2.25rem;
  border: solid 0 #e5e5e5;
  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 #e5e5e5;
  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 #e5e5e5;
  padding: 0.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 0.78571rem; }
  @media (min-width: 481px) {
    .modal-footer-link {
      display: inline;
      margin: 1.5rem; } }

.modal-close {
  color: #666666;
  cursor: pointer;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 1.05rem;
  right: 0.75rem;
  transform: translateY(none); }
  .modal-close .icon {
    height: 1.42857rem;
    width: 1.42857rem; }

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

.loadingNotification {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 3rem;
  transform: translateX(-50%);
  transform-style: preserve-3d;
  transition: all 200ms ease-out;
  z-index: 500; }
  .loadingNotification.ng-hide-remove, .loadingNotification.ng-hide-add-active {
    opacity: 0;
    top: 3.6rem;
    transform: scale(0.9) translateX(-50%); }
  .loadingNotification.ng-hide-remove-active {
    opacity: 1;
    top: 3rem;
    transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #666666;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 15px;
  padding: 0.35714rem 0.78571rem; }

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

.loadingOverlay {
  background: rgba(51, 51, 51, 0.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: white white #999999 #999999;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-style: preserve-3d;
    animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); }
  .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active {
    opacity: 0; }
  .loadingOverlay.ng-leave, .loadingOverlay.ng-enter.ng-enter-active {
    opacity: 1; }

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

/*doc
---
title: ActionBar
name: action_bar
category: Patterns
---
```html_example
<div class="actionBar">
    <div class="actionBar-section">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <input class="form-input has-action" type="search" placeholder="Search">
                <button class="button button--icon button--inputAction">
                    <span class="is-srOnly">Search</span>
                    <icon glyph="ic-search"></icon>
                </button>
            </div>
            <a href="#" class="actionBar-item">Advanced</a>
        </fieldset>
    </div>
    <div class="actionBar-section actionBar-section--alt">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <div class="buttonGroup">
                    <button class="button">
                        All
                    </button>
                    <button class="button">
                        Free
                    </button>
                    <button class="button">
                        Paid
                    </button>
                </div>
            </div>
            <div class="actionBar-item form-field">
                <label class="form-label" for="select1">Sort by</label>
                <select class="form-select" name="select1" id="select1">
                    <option value="1">Popular</option>
                    <option value="2">Newest</option>
                </select>
            </div>
        </fieldset>
    </div>
</div>
```

```sass_file_example
src/settings/bigcommerce/actionBar/_settings.scss
```
*/
.actionBar {
  margin: 1.5rem 0; }
  .actionBar:before, .actionBar:after {
    content: " ";
    display: table; }
  .actionBar:after {
    clear: both; }
  .actionBar .button {
    margin-bottom: 0; }
  .actionBar .buttonGroup {
    vertical-align: middle; }

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

.actionBar-section:before, .actionBar-section:after {
  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 0.35714rem 0 0; }
    .actionBar-section .form-select,
    .actionBar-section .form-input {
      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; } }

/*doc
---
title: Cards
name: cards
category: Components
---

Cards are a typical component consisting of a figure and a short snippet of descriptive text.
This could include a heading and a caption or definition, and perhaps a call to action
or other actionable functions.

```sass_file_example
src/settings/bigcommerce/cards/_settings.scss
```
```html_example
<article class="card">
    <figure class="card-figure">
        <img class="card-image" src="http://lorempixel.com/960/360/sports/" alt="Example card image">
        <figcaption class="card-figcaption">
            <a class="card-figcaption-action" href="#">
                <div class="card-figcaption-body">
                    <span class="button card-figcaption-button">Learn more</span>
                </div>
            </a>
        </figcaption>
    </figure>
    <div class="card-body">
        <h2 class="card-title">20% Off First Design Project</h2>
        <h3 class="card-subTitle">Custom Designs</h3>
        <p class="card-text">
            Be seen by customers at the very moment that
            they are searching on Google for the things you offer.
        </p>
    </div>
</article>
```
*/
.card {
  background-color: transparent;
  margin-bottom: 3rem;
  padding: 0 0; }

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

.card-image {
  border: 1px solid #999999;
  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: #757575; }

.card-figcaption-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .card-figcaption-button:hover {
    background-color: white;
    color: #333333; }

.card-body {
  padding: 0.78571rem 0 0; }
  .card-body > :first-child {
    margin-top: 0; }
  .card-body > :last-child {
    margin-bottom: 0; }
  .card-body .card-text {
    color: #757575; }

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

.card-footer {
  background-color: transparent;
  margin: 0; }
  .card-footer:before, .card-footer:after {
    content: " ";
    display: table; }
  .card-footer:after {
    clear: both; }

.card-button {
  margin-bottom: 0; }

.aria-description--hidden {
  height: 1px;
  left: 0;
  margin-left: -10000px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.8; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.6; }
  .slick-prev:before,
  .slick-next:before {
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    color: #8f8f8f;
    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: ""; }

/* Dots */
.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: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.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: #333333;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #757575;
      opacity: 1; }

.slick-next,
.slick-prev {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  height: 4.35714rem;
  margin-top: -1.07143rem;
  padding: 0.71429rem;
  width: 2.85714rem;
  z-index: 1; }
  .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:hover, .slick-next:focus,
  .slick-prev:hover,
  .slick-prev:focus {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%; }

.slick-next {
  right: -5px; }
  @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='%238f8f8f' 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("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='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

.slick-prev {
  left: -5px; }
  @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='%238f8f8f' 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("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='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

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

.slick-dots {
  margin: 0; }
  .slick-dots li {
    height: 2.28571rem;
    width: 2.28571rem;
    margin: 0;
    padding: 0.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 #333333;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
      .slick-dots li button:hover::before {
        background: #333333; }
    .slick-dots li button::before {
      display: block;
      left: -1px;
      top: -1px;
      transition: background 100ms ease-out; }
    .slick-dots li.slick-active button::before {
      background: #757575; }

.productView .slick-dots {
  position: relative; }

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

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

div.slick-slider {
  min-width: 100%;
  width: 1px;
  *width: 100%; }

.slick-slide .card-image,
.slick-slide .heroCarousel-image {
  -webkit-touch-callout: default; }

.carousel-tooltip {
  display: none;
  height: 1px;
  margin-top: 10px;
  position: relative; }
  .carousel-tooltip::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .carousel-tooltip::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(aria-label);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .carousel-tooltip::before, .carousel-tooltip::after {
    display: none; }
  .carousel-tooltip:focus::before, .carousel-tooltip:focus::after {
    display: block; }
  @media (min-width: 551px) {
    .carousel-tooltip {
      display: block; } }
  .carousel-tooltip::after {
    padding: 15px 10px;
    top: 10px; }
  .slick-prev:focus .carousel-tooltip::before, .slick-prev:focus .carousel-tooltip::after,
  .slick-next:focus .carousel-tooltip::before,
  .slick-next:focus .carousel-tooltip::after,
  .slick-dots button:focus .carousel-tooltip::before,
  .slick-dots button:focus .carousel-tooltip::after {
    display: block; }
  .slick-prev .carousel-tooltip::before,
  .slick-next .carousel-tooltip::before {
    top: -7px; }
  .slick-prev .carousel-tooltip::before {
    right: -2px; }
  .slick-prev .carousel-tooltip::after {
    left: -5px;
    right: auto; }
  .slick-next .carousel-tooltip::after {
    right: -5px; }
  .slick-dots button .carousel-tooltip {
    margin-top: 25px; }
    .slick-dots button .carousel-tooltip::before, .slick-dots button .carousel-tooltip::after {
      right: 50%;
      transform: translateX(50%); }
    .slick-dots button .carousel-tooltip::before {
      top: -7px; }

.carousel-play-pause-button {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  bottom: 0.5rem;
  color: #8f8f8f;
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  left: 15px;
  line-height: 1.25;
  max-width: 60px;
  min-width: 60px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  transition: color 100ms ease-out;
  white-space: nowrap;
  z-index: 5; }
  @media (min-width: 551px) {
    .carousel-play-pause-button {
      font-size: 18px;
      max-width: 150px; } }
  @media (min-width: 801px) {
    .carousel-play-pause-button {
      bottom: 1.5rem;
      left: 25px; } }
  .carousel-play-pause-button:hover {
    color: #474747; }
  @media (min-width: 375px) {
    .carousel-play-pause-button {
      max-width: 90px;
      min-width: 80px; } }

html,
body {
  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: -0.5rem; }

figcaption {
  color: #999999;
  margin-top: 0.78571rem; }

body {
  font-size: 1rem; }

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

h5,
h6 {
  text-transform: uppercase; }

a {
  transition: color 0.15s ease; }

cite {
  line-height: 1.5;
  margin: 0.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:before, .definitionList:after {
  content: " ";
  display: table; }

.definitionList:after {
  clear: both; }

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

.definitionList-value {
  margin: 0; }

.form-select {
  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(117, 117, 117, 0.999)' /%3E%3C/svg%3E");
  background-position: right 0.57143rem top 0.71429rem;
  border-radius: 4px;
  padding: 0.75rem 3rem 0.75rem 1rem; }

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

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

.table {
  margin-top: 2rem; }
  .table td + td {
    border-left: 1px solid #e5e5e5; }
  .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: 0.35714rem; } }

.table--line {
  border-color: #e5e5e5;
  border-width: 0 0 1px; }
  .table--line .table-thead {
    background-color: white;
    border-color: #e5e5e5;
    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 #e5e5e5; }
    .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: none;
  position: absolute; }

.dropdown-menu {
  z-index: 5; }
  .dropdown-menu.is-loading .loadingOverlay {
    background: none;
    padding: 4.5rem 0;
    position: relative; }
  .dropdown-menu.is-open {
    display: block; }
  .dropdown-menu .button:focus {
    z-index: 5; }

.dropdown-menu-item {
  text-align: left; }
  .dropdown-menu-item:first-child > a {
    padding-top: 0.78571rem; }
  .dropdown-menu-item:last-child > a {
    padding-bottom: 1rem; }
  .dropdown-menu-item > a {
    margin: 0;
    padding: 0.28571rem 1.14286rem;
    text-decoration: none; }

.form-wishlist {
  position: relative; }
  @media (min-width: 551px) {
    .form-wishlist {
      float: left;
      padding: 0 0.71429rem;
      width: 50%; } }
  @media (min-width: 801px) {
    .form-wishlist {
      padding: 0;
      width: auto; } }
  @media (min-width: 1261px) {
    .form-wishlist {
      display: inline-block;
      margin-top: 1rem; } }
  .form-wishlist .button {
    width: 100%; }
    @media (min-width: 801px) {
      .form-wishlist .button {
        width: auto; } }
    @media (min-width: 1261px) {
      .form-wishlist .button {
        margin-right: 0.78571rem; } }

.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; }
  .dropdown-menu-button:focus {
    z-index: 10; }

#wishlist-dropdown.is-open {
  background: transparent;
  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: none; }
  #wishlist-dropdown.is-open [data-wishlist] {
    border-top: 0;
    margin-bottom: 0;
    width: 100%; }
  #wishlist-dropdown.is-open .button {
    background-color: white;
    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: 0;
    border-radius: 0;
    border-top: 0;
    margin-bottom: 0; }

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

@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: #757575;
  font-size: 26px;
  line-height: 2.28571rem;
  padding: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 50; }
  .modal-close::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .modal-close::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(title);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .modal-close::before, .modal-close::after {
    display: none; }
  .modal-close:focus::before, .modal-close:focus::after {
    display: block; }
  @media (min-width: 801px) {
    .modal-close {
      font-size: 32px; } }
  .modal-close:hover {
    color: #999999; }
  .modal-close::before {
    right: 50%;
    transform: translateX(50%); }
  .modal-close::after {
    right: 50%;
    transform: translateX(0.71429rem); }

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

.modal--alert {
  background-color: white !important;
  border-radius: 4px;
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px;
  text-align: center; }
  .modal--alert .alert-icon {
    border: 0.25em solid transparent;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: default;
    display: flex;
    font-family: inherit;
    height: 5em;
    justify-content: center;
    line-height: 5em;
    margin: 1.25em auto 1.875em;
    position: relative;
    user-select: none;
    width: 5em; }
  .modal--alert .error-icon {
    animation: animate-icon 0.5s;
    border-color: #f27474;
    color: #f27474; }
    .modal--alert .error-icon .icon-content {
      animation: animate-icon-content 0.5s;
      flex-grow: 1;
      position: relative; }
      .modal--alert .error-icon .icon-content .line {
        background-color: #f27474;
        border-radius: 0.125em;
        display: block;
        height: 0.3125em;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em; }
        .modal--alert .error-icon .icon-content .line-left {
          left: 1.0625em;
          transform: rotate(45deg); }
        .modal--alert .error-icon .icon-content .line-right {
          right: 1em;
          transform: rotate(-45deg); }
  .modal--alert .warning-icon {
    animation: animate-icon 0.5s;
    border-color: #facea8;
    color: #f8bb86; }
    .modal--alert .warning-icon .icon-content {
      align-items: center;
      animation: animate-icon-content 0.5s;
      display: flex;
      font-size: 3.75em; }
  .modal--alert .modal-content {
    color: #333333;
    font-size: 1.14286rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #444444;
      border-color: #444444;
      color: white; }
    .modal--alert .button-container .confirm:focus,
    .modal--alert .button-container .confirm:hover {
      background-color: #666666;
      border-color: #666666;
      color: white; }
    .modal--alert .button-container .confirm:active {
      background-color: black;
      border-color: black;
      color: white; }

.hide-content {
  opacity: 0; }

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

@keyframes animate-icon-content {
  0% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  50% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    opacity: 1;
    transform: scale(1); } }

ol.breadcrumbs {
  display: none;
  font-size: 0;
  overflow: visible;
  text-align: left; }
  @media (min-width: 551px) {
    ol.breadcrumbs {
      display: block; } }

.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px auto;
  text-align: left; }
  .breadcrumbs .breadcrumb {
    color: #000000;
    display: inline-block;
    font-weight: 300;
    float: none;
    margin-right: 0.25rem; }
    .breadcrumbs .breadcrumb .breadcrumb-label {
      color: #000000;
      font-weight: 300;
      text-decoration: none; }
    .breadcrumbs .breadcrumb:before {
      font-size: 15px; }
    .breadcrumbs .breadcrumb.is-active > .breadcrumb-label {
      color: #797979;
      font-weight: 300; }

.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:before, .pagination-list:after {
    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 0.2s ease; }
    .pagination-item .pagination-link:hover {
      color: #333333; }
  .pagination-item.pagination-item--current {
    border-color: #e5e5e5;
    border-radius: 4px;
    margin: 0 0.35714rem 0 0.78571rem; }
  .pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
    color: #333333; }
    .pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover {
      color: #757575; }
      .pagination-item.pagination-item--previous > a:hover .icon > svg, .pagination-item.pagination-item--next > a:hover .icon > svg {
        fill: #757575; }

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

.pagination-item--previous {
  float: left; }
  .pagination-item--previous .icon {
    margin-left: -0.85714rem; }

.pagination-item--next {
  float: right; }
  .pagination-item--next .icon {
    margin-right: -0.85714rem; }

.pagination-list--small {
  position: relative; }
  .pagination-list--small .pagination-item {
    color: #757575;
    cursor: inherit;
    line-height: 1.5; }
  .pagination-list--small .pagination-link {
    padding: 0 0.35714rem; }
  .pagination-list--small .pagination-item--previous,
  .pagination-list--small .pagination-item--next {
    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 0.15s ease; }
  .button + .button {
    margin-left: 0; }
    @media (min-width: 801px) {
      .button + .button {
        margin-left: 0.78571rem; } }

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

.button--icon svg {
  fill: #757575; }

.tab {
  border-top: 1px solid #e5e5e5;
  float: none; }
  @media (min-width: 801px) {
    .tab {
      border-top-color: white;
      float: left; } }
  .tab.is-active {
    border-left-color: white;
    border-right-color: white; }
    @media (min-width: 551px) {
      .tab.is-active {
        margin-bottom: -1px; } }
    @media (min-width: 801px) {
      .tab.is-active {
        border: 1px solid #e5e5e5;
        border-bottom: 1px solid white; } }

.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: 0.78571rem 1.5rem; } }
  @media (min-width: 1261px) {
    .tab-title {
      padding: 0.78571rem 1.28571rem; } }

.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 {
  color: #444444;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.07143rem;
  margin: 0; }

.accordion-navigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 1rem;
  position: relative;
  text-decoration: none;
  width: 100%; }

@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;
    margin-bottom: 0.78571rem !important;
    padding: 0; } }

.accordion--navList .accordion-title {
  font-weight: normal;
  padding: 1rem;
  text-decoration: none;
  text-transform: inherit; }
  @media (min-width: 801px) {
    .accordion--navList .accordion-title {
      padding: 0; } }

.accordion--navList .accordion-indicator {
  fill: #999999; }

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

.accordion-block:last-child .accordion-navigation,
.accordion-block:last-child .accordion-content {
  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-nav-clear-holder {
  position: relative; }

.facetedSearch-clearLink {
  color: #757575;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 801px) {
    .facetedSearch-clearLink {
      right: 20px;
      top: 3px;
      transform: none; } }
  .facetedSearch-clearLink:hover {
    color: #333333; }

ul.inlineList {
  overflow: visible; }
  ul.inlineList:before, ul.inlineList:after {
    content: " ";
    display: table; }
  ul.inlineList:after {
    clear: both; }

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

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

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

.alertBox--info {
  background-color: #707070;
  color: white; }
  .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: -0.14286rem;
  margin-right: 0.07143rem;
  position: relative;
  top: 0.21429rem;
  width: 1rem; }

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

.form-field--success .form-input[name="credit_card_number"] {
  background-position: right 2.28571rem center; }

.form-field--success .form-input[name="cvv"] {
  background-position: right 2.28571rem center; }

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

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

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

.form-option-wrapper {
  display: inline-block;
  position: relative; }
  .form-option-wrapper .form-radio,
  .form-option-wrapper .form-checkbox {
    bottom: 0.5rem;
    left: 0.5rem; }

.form-actions {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: block;
  text-align: center; }
  .form-actions:before, .form-actions:after {
    content: " ";
    display: table; }
  .form-actions:after {
    clear: both; }
  @media (min-width: 551px) {
    .form-actions {
      margin-top: 1.5rem; } }
  .form-actions .button,
  .form-actions input,
  .form-actions a {
    vertical-align: top;
    width: 100%; }
    @media (min-width: 551px) {
      .form-actions .button,
      .form-actions input,
      .form-actions a {
        margin-bottom: 0;
        width: auto; } }
    .form-actions .button + .button,
    .form-actions .button + input,
    .form-actions .button + a,
    .form-actions input + .button,
    .form-actions input + input,
    .form-actions input + a,
    .form-actions a + .button,
    .form-actions a + input,
    .form-actions a + a {
      margin-top: 0.78571rem; }
      @media (min-width: 551px) {
        .form-actions .button + .button,
        .form-actions .button + input,
        .form-actions .button + a,
        .form-actions input + .button,
        .form-actions input + input,
        .form-actions input + a,
        .form-actions a + .button,
        .form-actions a + input,
        .form-actions a + a {
          margin: 0 0 0 0.78571rem; } }

.form-label--alternate {
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.78571rem; }

.form-select--date {
  width: initial; }
  .form-select--date + .form-select--date {
    margin-left: 0.35714rem; }

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

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

.form-file {
  margin-bottom: 0.5rem; }

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

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

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

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

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

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

.form-prefixPostfix .form-input::-webkit-input-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input::-moz-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input:-ms-input-placeholder {
  color: #666666; }

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

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

.form-prefixPostfix--centeredColumn.wrap {
  flex-direction: column; }

.form-prefixPostfix--centeredColumn .g-recaptcha {
  margin: 2em auto 0; }

@media (min-width: 1261px) {
  .form-prefixPostfix--centeredColumn .form-prefixPostfix-button--postfix {
    margin: 1em 0 0.78571rem; } }

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

.form-increment .button {
  margin: 0;
  padding: 0.21429rem 0.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-field--success .form-input--incrementTotal {
    float: none; }

.form-option {
  border: 1px solid #8f8f8f;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 1px;
  transition: all 0.15s ease; }
  .form-option:hover {
    border-color: #474747; }
  .form-radio:checked + .form-option {
    border-color: #333333;
    box-shadow: 0 0 0 1px #333333; }

.form-option-variant {
  display: inline-block;
  font-size: 1rem;
  min-width: 2.71429rem;
  padding: 1px 0.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: 0.57143rem 0.78571rem; }

.form-minMaxRow {
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  .form-minMaxRow:before, .form-minMaxRow:after {
    content: " ";
    display: table; }
  .form-minMaxRow:after {
    clear: both; }
  .form-minMaxRow .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
    padding-left: 0.375rem;
    padding-right: 0.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: 0.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="set-radio"] .unavailable,
[data-product-attribute="product-list"] .unavailable {
  opacity: 0.6;
  text-decoration: line-through; }

.card:focus-within .card-figcaption {
  opacity: 1; }

.card.focus-within .card-figcaption {
  opacity: 1; }

.card-figure {
  margin-top: 0;
  overflow: hidden;
  padding: 3px;
  position: relative; }
  .card-figure:hover .card-figcaption {
    opacity: 1; }
  .card-figure__link {
    display: block;
    position: relative; }

.card-img-container {
  max-width: 500px; }
  .card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 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 {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  /* Object-fit polyfill */
  font-family: "object-fit: contain;";
  max-height: 100%;
  object-fit: contain;
  width: 100%; }

.card-title {
  font-size: 15px;
  margin: 0 0 0.28571rem; }
  .card-title > a {
    color: #333333;
    display: block;
    text-decoration: none; }
    .card-title > a:hover {
      color: #757575; }

.card-text {
  margin-bottom: 0.21429rem; }
  .card-text abbr {
    border: 0;
    color: inherit;
    font-size: inherit; }

.card-figcaption-button {
  border: none;
  display: block;
  margin: 0.35714rem 0 0; }
  .card-figcaption-button:active {
    background-color: white;
    border: none; }
  .card-figcaption-body .card-figcaption-button:focus {
    background-color: white;
    outline: revert; }
  .card-figcaption-button + .card-figcaption-button {
    margin: 0.35714rem 0 0; }

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

.card--alternate {
  border: 3px solid white;
  transition: all 0.15s ease; }
  .card--alternate .card-body {
    background-color: white;
    padding: 0.78571rem;
    transition: all 0.15s ease; }
    @media (min-width: 551px) {
      .card--alternate .card-body {
        padding: 1.5rem; } }
  .card--alternate:hover {
    border-color: #757575; }
    .card--alternate:hover .card-body {
      background-color: #757575; }
      .card--alternate:hover .card-body .card-text {
        color: white; }
    .card--alternate:hover .card-title > a {
      color: white; }

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

.navList-action,
.navBar-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: 0.35714rem;
  padding-left: 1.85714rem;
  position: relative;
  vertical-align: baseline;
  width: 100%; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out; }
  .navList-action--checkbox::before {
    background-color: white;
    border: solid #8f8f8f;
    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(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(51, 51, 51, 0.999);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    top: 50%; }
  .navList-action--checkbox::before {
    margin-top: -0.57143rem; }
  .navList-action--checkbox::after {
    margin-top: -0.5rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: white; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  float: right;
  line-height: 0;
  opacity: 0;
  padding: 0.28571rem;
  transition: opacity 0.3s ease;
  visibility: hidden; }
  .navList-action-close .icon {
    height: 0.92857rem;
    width: 0.92857rem;
    fill: #333333; }
  .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 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 #333333; } }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: #666666; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid #757575;
        margin: 0;
        padding-left: 0.78571rem; } }
  .navBar--sub .navBar-action {
    color: #757575;
    font-size: 1rem;
    padding: 0; }
    .navBar--sub .navBar-action:hover {
      color: #333333; }

.loadingOverlay {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  z-index: 20; }

.icons-svg-sprite {
  display: none; }

.icon,
.icon svg {
  transition: all 0.15s ease; }

.actionBar-section .form-field {
  background-color: white;
  border: 1px solid #8f8f8f;
  border-radius: 4px; }
  .actionBar-section .form-field:hover {
    border-color: #474747; }

.actionBar-section .form-label {
  color: #757575;
  font-size: 13px;
  line-height: 2.14286rem;
  margin-bottom: 0;
  padding-left: 0.78571rem; }

.actionBar-section .form-input,
.actionBar-section .form-select {
  border: 0;
  padding-left: 0.21429rem;
  width: auto; }

.actionBar-section .form-label,
.actionBar-section .form-input,
.actionBar-section .form-select {
  display: inline-block; }

.actionBar-section .form-select {
  color: #333333;
  height: 2.14286rem; }

.has-ribbon {
  position: relative; }

.ribbon {
  background-color: #333333;
  color: white;
  cursor: default;
  font-weight: 700;
  margin: -0.78571rem -0.78571rem 0 0;
  padding: 0.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:before, .navUser:after {
    content: " ";
    display: table; }
  .navUser:after {
    clear: both; }
  .navUser ul,
  .navUser ol {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0; }
    .navUser ul ul,
    .navUser ul ol,
    .navUser ol ul,
    .navUser ol ol {
      list-style: none;
      margin-bottom: 0; }
    .navUser ul li,
    .navUser ol li {
      margin: 0;
      padding: 0; }
  .navUser-section {
    float: left; }
    .navUser-section:before, .navUser-section:after {
      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-item, .navUser-action {
    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: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.13);
    position: absolute; }
    .navUser .dropdown-menu.is-open::before {
      border: inset 10px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent #cccccc transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.78571rem;
      position: absolute; }
    .navUser .dropdown-menu.is-open::after {
      border: inset 8px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent white transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.92857rem;
      position: absolute; }

@media (min-width: 801px) {
  .navUser-section {
    position: relative; } }

.navUser-action {
  color: #333333;
  font-weight: 700;
  padding: 1rem 0.78571rem;
  text-decoration: none;
  text-transform: uppercase; }
  .navUser-action:hover, .navUser-action.is-open {
    color: #757575; }
    .navUser-action:hover svg, .navUser-action.is-open svg {
      fill: #757575;
      stroke: #757575; }
  .navUser-action .icon {
    height: 0.57143rem;
    width: 0.57143rem;
    margin: -1px 0 0 0.21429rem; }
  .navUser-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navUser-action--currencySelector + .dropdown-menu::before {
  left: auto !important;
  right: 0.78571rem; }

.navUser-action--currencySelector + .dropdown-menu::after {
  left: auto !important;
  right: 0.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 #e5e5e5;
  color: #757575;
  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: 0.35714rem;
        padding-right: 0.35714rem; }
      .navUser-item.navUser-item--divider {
        font-size: 1.78571rem;
        margin-top: 0.57143rem;
        padding-left: 0.14286rem; } }

.navUser-item--cart {
  display: block; }
  @media (max-width: 551px) {
    .navUser-item--cart__hidden-s {
      display: none; } }
  .navUser-item--cart .navUser-action {
    color: #333333; }
    .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open {
      color: #757575; }
  .navUser-item--cart .dropdown-menu {
    max-width: 22.85714rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      left: auto !important;
      right: 0.35714rem;
      top: auto !important; }
      @media (min-width: 801px) {
        .navUser-item--cart .dropdown-menu.is-open {
          right: 0; } }
      .navUser-item--cart .dropdown-menu.is-open::before, .navUser-item--cart .dropdown-menu.is-open::after {
        left: auto; }
      .navUser-item--cart .dropdown-menu.is-open::before {
        right: 0.42857rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::before {
            right: 0.78571rem; } }
      .navUser-item--cart .dropdown-menu.is-open::after {
        right: 0.57143rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::after {
            right: 0.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: -0.5rem; }

.navUser-item--account .navUser-action {
  display: inline-block; }

.navUser-or {
  color: #333333;
  cursor: default;
  display: inline-block;
  margin: 0 -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: #e5e5e5;
  display: none;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .dropdown--quickSearch {
      padding: 3rem; } }
  .dropdown--quickSearch.is-open {
    display: block;
    left: 0 !important;
    outline: none;
    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: #333333;
  border-radius: 50%;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.21429rem;
  text-align: center;
  width: 20px; }

.countPill--positive {
  display: inline-block; }

.countPill--alt {
  background-color: #cccccc;
  color: #333333; }

.navPages .navPage-subMenu-list, .navPage-childList {
  border-left: 1px solid #cccccc;
  margin: 0.35714rem 0.78571rem;
  padding-left: 0.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: transparent;
      display: block;
      height: auto;
      padding: 0;
      position: relative; } }
  .navPages-container.is-open {
    display: block;
    padding-top: 55px; }

.navPages {
  background-color: white;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .navPages {
      margin: 0 auto;
      max-width: 85.71429rem;
      width: 100%;
      background: none;
      font-size: 0;
      overflow-y: visible;
      padding: 0;
      text-align: center; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages ul,
      .navPages ol {
        list-style: none;
        margin-left: 0;
        margin: 0;
        padding: 0; }
        .navPages ul ul,
        .navPages ul ol,
        .navPages ol ul,
        .navPages ol ol {
          list-style: none;
          margin-bottom: 0; }
        .navPages ul li,
        .navPages ol li {
          margin: 0;
          padding: 0; }
      .navPages-section {
        float: left; }
        .navPages-section:before, .navPages-section:after {
          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-item, .navPages-action {
        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:before, .navPages .navPage-subMenu-list:after {
          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 #cccccc;
    margin-top: 0.78571rem;
    padding-top: 0.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 #cccccc;
  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: 0.57143rem;
        width: 0.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: #333333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 0.78571rem 0;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .navPages-action {
      display: inline-block;
      padding: 0.78571rem 1.14286rem 1.14286rem; }
      .navPages-action.is-open {
        background-color: white; } }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    align-items: center;
    display: flex;
    justify-content: space-between; }
  .navPages-action.is-open svg,
  .navPages-action .collapsible-icon-wrapper.is-open svg {
    fill: #757575;
    stroke: #757575; }
  .navPages-action:hover, .navPages-action.activePage {
    color: #757575; }
    .navPages-action:hover svg, .navPages-action.activePage svg {
      fill: #757575;
      stroke: #757575; }
  .navPages-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

.navPages-action--storeCredit {
  color: #757575; }

.navPages-action--compare {
  display: none; }
  .navPages-action--compare.show {
    display: block; }

.navPages-action-moreIcon {
  height: 0.57143rem;
  width: 0.57143rem;
  margin-left: 0.78571rem;
  transform: rotate(-90deg); }
  @media (min-width: 801px) {
    .navPages-action-moreIcon {
      transform: none; } }
  .has-subMenu.is-open .navPages-action-moreIcon,
  .collapsible-icon-wrapper.is-open .navPages-action-moreIcon {
    transform: rotate(0); }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
    height: 0.78571rem;
    width: 0.78571rem;
    margin: 0 1.5rem; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        margin: 0 0 0 0.78571rem; } }

.navPage-childList {
  display: none; }
  @media (min-width: 801px) {
    .navPage-childList {
      border: 0;
      display: block; } }
  .navPage-childList.is-open {
    display: block; }
  .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
    margin-left: 3rem; }
    @media (min-width: 801px) {
      .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
        margin-left: 0; } }

.navPage-subMenu {
  display: none;
  outline: 0; }
  @media (min-width: 801px) {
    .navPage-subMenu {
      background-color: white;
      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; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
    margin-right: 0; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto; } }

@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 #cccccc;
    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); } }

.navPage-subMenu-item {
  padding: 0.78571rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-item {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left;
      padding: 0 0.75rem !important; }
      .navPage-subMenu-item .navPages-action {
        text-transform: none;
        width: 100%; }
      .navPage-subMenu-item > .navPage-subMenu-action {
        border-bottom: 1px solid #cccccc;
        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-action {
  padding: 0.78571rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-action {
      padding: 0.78571rem 0 1.14286rem; } }
  .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
    padding: 0 0 0 1.5rem; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.78571rem 0 1.14286rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    box-sizing: content-box;
    display: inline-block;
    height: 100%;
    text-align: right;
    width: 100%; }
    @media (min-width: 801px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }

.navPage-childList-action {
  font-weight: 400;
  padding: 0 0 0.35714rem; }

.navPages-quickSearch {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.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: white;
  border: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0; }
    .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 a {
    padding: 0.78571rem 1.5rem; }

.tags {
  list-style: none;
  margin-left: 0;
  font-size: 0;
  text-align: center; }
  .tags ul,
  .tags ol {
    list-style: none;
    margin-bottom: 0; }

.tag {
  display: inline-block;
  font-size: 1rem; }
  .tag a {
    color: #757575;
    display: inline-block;
    padding: 0.35714rem 0.5rem;
    text-decoration: none; }
    .tag a:hover {
      color: #333333; }

.socialLinks {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  line-height: 37px; }
  .socialLinks:before, .socialLinks:after {
    content: " ";
    display: table; }
  .socialLinks:after {
    clear: both; }
  .socialLinks ul,
  .socialLinks ol {
    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: #999999; }
    .socialLinks .icon svg {
      fill: #757575;
      transition: all 0.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: 0.35714rem;
    margin-right: 0.78571rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-right: 0; }
  .socialLinks-item .socialLinks__link {
    height: 2rem;
    position: relative; }
    .socialLinks-item .socialLinks__link::before {
      border-color: transparent transparent #313440 transparent;
      border-style: solid;
      border-width: 0.71429rem;
      content: " ";
      position: absolute;
      right: 0;
      top: 50%; }
    .socialLinks-item .socialLinks__link::after {
      background-color: #313440;
      border-radius: 0.57143rem;
      color: white;
      content: attr(title);
      cursor: default;
      font-size: 1rem;
      padding: 0.28571rem 0.42857rem;
      position: absolute;
      right: 0;
      top: 100%;
      white-space: nowrap; }
    .socialLinks-item .socialLinks__link::before, .socialLinks-item .socialLinks__link::after {
      display: none; }
    .socialLinks-item .socialLinks__link:focus::before, .socialLinks-item .socialLinks__link:focus::after {
      display: block; }
    .socialLinks-item .socialLinks__link:focus::after {
      left: 0;
      right: auto;
      z-index: 20; }

.socialLinks--alt .icon {
  height: 1.5rem;
  width: 1.5rem; }

.socialLinks--alt svg {
  fill: #757575; }

.heroCarousel {
  margin-bottom: 4.5rem;
  margin-top: -1.5rem;
  min-width: 100%;
  width: 1px; }
  @media (min-width: 801px) {
    .heroCarousel {
      margin-top: -2.5rem; } }
  @media (min-width: 551px) {
    .heroCarousel.slick-initialized {
      max-height: 100%; } }
  @media (min-width: 801px) {
    .heroCarousel.slick-initialized {
      max-height: 100%; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .heroCarousel {
      opacity: 0; }
      .heroCarousel.slick-initialized {
        opacity: 1; } }
  .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none; }
  .heroCarousel a {
    text-decoration: none; }
  .heroCarousel .slick-next,
  .heroCarousel .slick-prev {
    margin: 0;
    top: 50%;
    transform: translateY(-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: 0.5rem; }
    @media (min-width: 801px) {
      .heroCarousel .slick-dots {
        bottom: 1.5rem; } }
    .heroCarousel .slick-dots li {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9); }
  .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper {
    height: 100vw; }
  .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
    height: 110vw; }
  @media (min-width: 551px) {
    .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper, .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
      height: 56.25vw; } }
  .heroCarousel .slick-slide.is-image-error .heroCarousel-image-wrapper {
    background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
    background-size: contain; }

.heroCarousel-slide {
  position: relative; }
  .heroCarousel-slide a {
    text-decoration: none; }
  .heroCarousel-slide .heroCarousel-image {
    height: 100%;
    object-fit: contain;
    object-position: 50% 0%;
    width: 100%; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image {
        object-position: 50% 50%; } }
  .heroCarousel-slide.stretch .heroCarousel-image {
    object-fit: cover;
    object-position: 50% 50%; }
  .heroCarousel-slide.stretch.compat-object-fit .heroCarousel-image {
    height: 100%;
    width: 100%; }
  .heroCarousel-slide.compat-object-fit {
    overflow: hidden; }
    .heroCarousel-slide.compat-object-fit .heroCarousel-image {
      width: auto; }
  @media (min-width: 801px) {
    .heroCarousel-slide.content-align-left .heroCarousel-content, .heroCarousel-slide.content-align-center .heroCarousel-content, .heroCarousel-slide.content-align-right .heroCarousel-content {
      left: 0;
      margin: 0 auto;
      right: 0; }
    .heroCarousel-slide.content-align-left .heroCarousel-content {
      text-align: left !important; }
    .heroCarousel-slide.content-align-center .heroCarousel-content {
      text-align: center !important; }
    .heroCarousel-slide.content-align-right .heroCarousel-content {
      text-align: right !important; }
    .heroCarousel-slide.text-align-right .heroCarousel-content {
      margin: 0 auto;
      transform: translate(0, -50%);
      left: 50%;
      right: inherit;
      text-align: right !important; }
    .heroCarousel-slide.text-align-center-top .heroCarousel-content {
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0 auto;
      top: 30%;
      right: inherit;
      text-align: center !important; }
    .heroCarousel-slide.text-align-left .heroCarousel-content {
      left: inherit;
      transform: translate(0%, -50%);
      margin: 0 auto;
      right: 50%;
      text-align: left !important; }
    .heroCarousel-slide.text-align-center-bottom .heroCarousel-content {
      transform: translate(0%, 0%);
      margin: 0 auto;
      left: 0;
      right: 0;
      text-align: center !important; } }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    align-items: flex-start;
    display: flex;
    height: 56.25vw;
    justify-content: center;
    max-height: 100vh;
    transition: height 0.3s ease; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 28.57143rem; } }
    @media (min-width: 801px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 42.85714rem; } }

.heroCarousel-content {
  background-color: white;
  padding: 0.78571rem 1.5rem;
  text-align: center; }
  @media (min-width: 801px) {
    .heroCarousel-content {
      padding: 0.78571rem 1.5rem 3rem; } }
  @media (min-width: 551px) {
    .heroCarousel-content {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      background-color: rgba(255, 255, 255, 0.9);
      left: 0;
      margin: 0 auto;
      max-height: 80%;
      overflow: auto;
      padding: 2.25rem;
      padding: 1.5rem;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 50rem;
      width: 100rem; }
      .heroCarousel-content.heroCarousel-content--empty {
        background-color: transparent;
        left: 50%;
        overflow: visible;
        padding: 0;
        right: auto;
        transform: translateX(-50%) translateY(-50%);
        width: auto; } }

.heroCarousel-title {
  color: #444444;
  font-size: 20px;
  margin: 0; }
  @media (min-width: 801px) {
    .heroCarousel-title {
      font-size: 50px; } }

.heroCarousel-description {
  color: #333333;
  font-size: 12px;
  margin: 0; }
  @media (min-width: 551px) {
    .heroCarousel-description {
      font-size: 13px; } }
  @media (min-width: 801px) {
    .heroCarousel-description {
      font-size: 15px; } }

.heroCarousel-action {
  margin: 1.5rem 0 0; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: white;
    border-color: white;
    color: #0089dd; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #666666;
  border-color: #666666;
  color: #666666; }
  .heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #666666;
    border-color: #666666;
    color: #666666; }

@media (min-width: 801px) {
  .writeReview-productDetails {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productDetails .product-brand {
  color: #999999;
  margin: 0; }

.writeReview-productDetails .product-title {
  margin-top: 0; }

@media (min-width: 801px) {
  .writeReview-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left; } }

.writeReview-productImage-container {
  position: relative; }
  .writeReview-productImage-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }
  .writeReview-productImage-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    height: 100%;
    object-fit: contain; }

.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 th,
  .account--addReturn .table td {
    display: block;
    padding: 0; }
    @media (min-width: 551px) {
      .account--addReturn .table th,
      .account--addReturn .table td {
        display: table-cell;
        padding-bottom: 0.78571rem;
        padding-top: 0.78571rem; } }
    .account--addReturn .table th + th,
    .account--addReturn .table th + td,
    .account--addReturn .table td + th,
    .account--addReturn .table td + td {
      padding-left: 0; }
      @media (min-width: 551px) {
        .account--addReturn .table th + th,
        .account--addReturn .table th + td,
        .account--addReturn .table td + th,
        .account--addReturn .table td + td {
          padding-left: 1.5rem; } }
  .account--addReturn .table .return-itemTitle + .definitionList {
    margin-top: 0.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: #999999;
  margin-bottom: 0.35714rem; }
  @media (min-width: 551px) {
    .return-itemPrice {
      color: inherit;
      margin-bottom: 0;
      text-align: center; } }

.return-itemQuantity .form-label {
  display: inline;
  margin-right: 0.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 -0.75rem;
  max-width: none;
  width: auto;
  margin: 0 -1rem; }
  .account--addReturn-row:before, .account--addReturn-row:after {
    content: " ";
    display: table; }
  .account--addReturn-row:after {
    clear: both; }

.account--addReturn-column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding: 0 1rem; }
  @media (min-width: 551px) {
    .account--addReturn-column {
      width: 50%; } }

.productCarousel {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  min-width: 100%;
  position: relative;
  width: 1px; }
  .productCarousel:before, .productCarousel:after {
    content: " ";
    display: table; }
  .productCarousel:after {
    clear: both; }

.productCarousel-slide {
  padding-left: 0.75rem;
  padding-right: 0.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:before, .quickView:after {
  content: " ";
  display: table; }

.quickView:after {
  clear: both; }

.productReviews-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .productReviews-list ul,
  .productReviews-list ol {
    list-style: none;
    margin-bottom: 0; }
  .productReviews-list:before, .productReviews-list:after {
    content: " ";
    display: table; }
  .productReviews-list:after {
    clear: both; }

.productReview {
  padding-left: 0.75rem;
  padding-right: 0.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: #757575;
  margin-bottom: 1rem; }

.productReview-rating {
  display: inline-block;
  margin-bottom: 0.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 {
  align-items: center;
  display: flex;
  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: 0.78571rem; }
  @media (min-width: 320px) and (max-width: 801px) {
    .productView-image {
      pointer-events: none; } }

.productView-img-container {
  margin: auto;
  max-width: 500px;
  position: relative;
  width: 100%; }
  .productView-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }
  .productView-img-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    height: 100%;
    object-fit: contain;
    width: 100%; }

.productView-thumbnails {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -0.35714rem;
  margin-right: -0.35714rem; }
  .productView-thumbnails ul,
  .productView-thumbnails ol {
    list-style: none;
    margin-bottom: 0; }
  .productView-thumbnails:before, .productView-thumbnails:after {
    content: " ";
    display: table; }
  .productView-thumbnails:after {
    clear: both; }
  .productView-thumbnails[data-slick] {
    opacity: 0; }
    .productView-thumbnails[data-slick].slick-initialized {
      opacity: 1; }
  .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 {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    margin: 0;
    object-fit: contain;
    position: relative;
    width: 114px; }

.productView-thumbnail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 25%;
  float: left;
  padding: 0.35714rem;
  text-align: center; }
  @media (min-width: 1261px) {
    .productView-thumbnail {
      width: 20%; } }

.productView-thumbnail-link {
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  display: flex;
  height: 67px;
  justify-content: center;
  max-width: 75px;
  padding: 2px;
  position: relative;
  width: 100%; }
  .productView-thumbnail-link:hover, .productView-thumbnail-link.is-active {
    border-color: #333333; }

.productView-details {
  padding-bottom: 2rem; }

@media (min-width: 801px) {
  .productView-product {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2rem; } }

.productView-product > :last-child {
  margin-bottom: 0; }

.productView-title {
  font-size: 20px;
  margin: -0.78571rem 0 0.35714rem; }
  @media (min-width: 801px) {
    .productView-title {
      margin-top: 1.5rem; } }
  @media (min-width: 1261px) {
    .productView-title {
      font-size: 28px; } }

.productView-brand {
  color: #757575;
  font-size: 15px;
  margin: 0 0 0.78571rem; }
  @media (min-width: 1261px) {
    .productView-brand {
      font-size: 20px;
      margin: -0.21429rem 0 1rem; } }
  .productView-brand a {
    color: #757575; }
    .productView-brand a:hover {
      color: #333333; }

.productView-price {
  font-size: 15px;
  margin-bottom: 0.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 {
  color: #757575;
  display: inline-block;
  margin-left: 0.35714rem;
  vertical-align: middle; }
  .productView-reviewLink:hover {
    color: #333333; }
  .productView-reviewLink--new {
    padding: 0; }

.productView-info {
  margin-top: 0.78571rem; }
  .productView-info:before, .productView-info:after {
    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: 0.21429rem;
  margin-right: 0.35714rem; }
  @media (min-width: 551px) {
    .productView-info-name {
      font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 400; } }

.productView-info-value {
  margin-bottom: 0.35714rem; }
  @media (min-width: 551px) {
    .productView-info-value {
      margin-bottom: 1rem; } }

.productView-options {
  margin-bottom: 1.5rem;
  text-align: center; }
  .productView-options:before, .productView-options:after {
    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 .form .add-to-cart-wrapper {
      display: inline; }
  .productView-options input[type="file"] {
    font-size: 13px; }
  .productView-options .form-field {
    font-size: 0;
    margin-bottom: 2rem; }
    .productView-options .form-field--error > .form-inlineMessage {
      font-size: 1rem; }
    .productView-options .form-field > .form-checkbox + .form-label {
      display: inline-block;
      margin-left: 1.5rem;
      width: auto; }
      @media (min-width: 551px) {
        .productView-options .form-field > .form-checkbox + .form-label {
          margin-left: 0;
          width: 100%; } }
    .productView-options .form-field > .form-radio + .form-label {
      display: inline-block;
      text-align: justify; }
    .productView-options .form-field > .form-label:nth-of-type(2) {
      margin-left: 0; }
  .productView-options .add-to-cart-buttons {
    display: inline-grid;
    float: left;
    margin-bottom: 1rem;
    width: 100%; }
    @media (min-width: 551px) {
      .productView-options .add-to-cart-buttons {
        padding: 0 0.71429rem;
        width: 50%; } }
    @media (min-width: 801px) {
      .productView-options .add-to-cart-buttons {
        padding-right: 0.78571rem;
        width: 50%; } }
    @media (min-width: 1261px) {
      .productView-options .add-to-cart-buttons {
        display: inline-block;
        margin-top: 1rem;
        padding-right: 0.78571rem;
        width: 50%; } }
    @media (min-width: 551px) {
      .productView-options .add-to-cart-buttons.pre-order-buttons {
        min-width: 50%;
        width: auto; } }
    @media (min-width: 801px) {
      .productView-options .add-to-cart-buttons.pre-order-buttons {
        margin-right: 0.78571rem;
        min-width: auto;
        padding: 0;
        width: auto; } }
    .productView-options .add-to-cart-buttons.pre-order-buttons .button {
      padding: 0.92857rem 1.71429rem; }
    .productView-options .add-to-cart-buttons .button {
      margin: 0;
      width: 100%; }
  .productView-options .add-to-cart-wallet-buttons {
    margin-top: 0.78571rem; }
    .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] {
      line-height: 0;
      margin-top: 6px; }
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] button,
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] div {
        width: 100%; }
    .productView-options .add-to-cart-wallet-buttons button.show-more-button {
      color: #757575;
      display: block;
      margin-top: 0.35714rem;
      padding: 0.35714rem 0;
      text-align: center;
      text-decoration: underline;
      vertical-align: middle;
      width: 100%; }
      .productView-options .add-to-cart-wallet-buttons button.show-more-button:hover {
        color: #333333; }

.productOptions-list {
  border: 1px solid #8f8f8f;
  list-style: none;
  margin: 0;
  max-height: 400px;
  overflow-y: auto; }

.productOptions-list-item {
  padding: 1.5rem; }
  .productOptions-list-item + .productOptions-list-item {
    border-top: 1px solid #8f8f8f; }
  .productOptions-list-item .form-label {
    text-align: left;
    top: -2px; }

.productOptions-list-item-figure,
.productOptions-list-item-content {
  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 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }
  .productView-image .easyzoom-flyout img {
    max-width: none;
    width: auto; }

.price--rrp,
.price--non-sale,
.price--discounted {
  text-decoration: line-through; }

.price-section--minor {
  color: #999999; }

.compareTable {
  border-top: 1px solid #e5e5e5;
  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 #e5e5e5; }
  .compareTable-row + .compareTable-row .compareTable-heading:empty {
    border-top: 0; }

.compareTable-heading {
  font-family: "niveau-grotesk", 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: #e5e5e5;
  border-radius: 50%;
  height: 2.5rem;
  position: absolute;
  right: -1rem;
  top: -1rem;
  transition: background-color 0.15s ease;
  width: 2.5rem; }
  .compareTable-removeProduct .icon {
    fill: #757575;
    height: 1.5rem;
    margin-top: 0.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-product .card-figure {
    overflow: visible; }

.compareTable-action {
  padding: 0 1rem 1rem; }
  .compareTable-action .button {
    display: block;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 100%; }

.blocker {
  background: rgba(255, 255, 255, 0.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 100ms ease-out; }

.js .textTruncate {
  max-height: 110px;
  overflow: hidden; }

.js .textTruncate--visible {
  max-height: 71.42857rem; }

.textTruncate-viewMore {
  background-color: white;
  bottom: 0;
  padding-top: 10px;
  position: absolute;
  width: 100%; }

.toggle {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 2.28571rem; }
  .toggle:last-of-type {
    margin-bottom: 4.57143rem; }

.toggle-title {
  margin-bottom: 2.28571rem; }

.toggleLink {
  color: #757575; }
  .toggleLink:hover {
    color: #333333; }
  .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: #e5e5e5 solid;
  border-radius: 4px;
  border-width: 1px;
  display: block;
  margin-bottom: 2rem;
  padding: 1rem; }
  .facetedSearch-toggle:before, .facetedSearch-toggle:after {
    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-text,
.facetedSearch-toggle-indicator {
  display: block;
  font-weight: normal; }

.facetedSearch-toggle-text {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 58.33333%;
  float: left;
  padding: 0;
  text-align: left; }

.facetedSearch-toggle-indicator {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 41.66667%;
  float: left;
  font-weight: bold;
  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: bold; }

.reset-filters {
  display: none; }

.banners {
  background-color: #757575;
  color: white;
  padding: 0.78571rem 0;
  text-align: center; }
  .banners p:last-child {
    margin-bottom: 0; }
  .banners a {
    color: white; }

.banner {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%; }
  .banner:before, .banner:after {
    content: " ";
    display: table; }
  .banner:after {
    clear: both; }
  .banner + .banner {
    margin-top: 1.5rem; }

.facetLabel {
  background: #e5e5e5;
  border-radius: 4px;
  padding: 0.21429rem 0.5rem 0.21429rem 0.71429rem;
  text-decoration: none; }
  .facetLabel .icon {
    height: 0.85714rem;
    width: 0.85714rem;
    display: inline-block;
    fill: #757575;
    position: relative;
    top: -1px; }

.cart-additionalCheckoutButtons:before, .previewCart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons:after, .previewCart-additionalCheckoutButtons:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight:before, .previewCart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  content: " ";
  display: table; }

.cart-additionalCheckoutButtons .FloatRight:after, .previewCart-additionalCheckoutButtons .FloatRight:after {
  clear: both; }

.cart-additionalCheckoutButtons .FloatRight p, .previewCart-additionalCheckoutButtons .FloatRight p {
  float: none !important;
  margin: 0.5rem 0;
  text-align: right; }

.cart-additionalCheckoutButtons .FloatRight div, .previewCart-additionalCheckoutButtons .FloatRight div {
  float: right; }

.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 #e5e5e5;
  display: block; }
  @media (min-width: 801px) {
    .cart-list {
      display: table-row-group; } }

.cart-item {
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  display: block;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .cart-item {
      padding-left: 25%; }
      .cart-item:before, .cart-item:after {
        content: " ";
        display: table; }
      .cart-item:after {
        clear: both; } }
  @media (min-width: 801px) {
    .cart-item {
      display: table-row;
      padding-left: 0; }
      .cart-item::before, .cart-item::after {
        display: none; } }

.cart-item-block {
  display: block; }
  @media (min-width: 801px) {
    .cart-item-block {
      display: table-cell; } }
  .cart-item-block .definitionList {
    margin-bottom: 0.35714rem; }

.cart-item-figure {
  float: left;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
  width: 33.33333%; }
  .cart-item-figure::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  @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;
      padding: 0.5rem 0;
      width: 8.33333%; } }

.cart-item-fixed-image {
  width: 100%; }

.cart-item-image {
  max-height: 14rem;
  max-width: 100px; }
  @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-content-padding-right {
  padding-right: 4px; }

@media (min-width: 801px) {
  .cart-header-quantity,
  .cart-item-quantity {
    text-align: center; } }

.cart-item-quantity .form-increment {
  display: inline-block;
  margin: 0 0.21429rem 1px 1.5rem;
  vertical-align: middle; }
  @media (min-width: 801px) {
    .cart-item-quantity .form-increment {
      margin-left: 0; } }

.cart-item-label {
  color: #333333;
  float: left;
  margin-bottom: 0.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: #757575;
  margin-bottom: 0.21429rem; }

.cart-item-name {
  display: inline-block;
  font-size: 15px;
  margin: 0; }
  .cart-item-name__label {
    display: inline-block; }
  .cart-item-name + .definitionList {
    margin-top: 0.35714rem; }

.cart-item-options--giftWrapping {
  margin-top: 1.14286rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: #333333; }

.cart-remove {
  background-color: #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  float: right;
  height: 1.28571rem;
  margin-top: 0.14286rem;
  padding: 0.21429rem;
  transition: background-color 0.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: #757575; }

.cart-totals {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.5rem;
  text-align: right;
  width: 100%; }
  .cart-totals ul,
  .cart-totals ol {
    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:before, .cart-total:after {
    content: " ";
    display: table; }
  .cart-total:after {
    clear: both; }
  @media (min-width: 801px) {
    .cart-total + .cart-total {
      border-top: 1px solid #e5e5e5; } }
  .cart-total .form-input {
    display: inline-block;
    height: 2.28571rem;
    padding: 0.5rem;
    vertical-align: top;
    width: 75%; }
  .cart-total .form-select {
    background-position: right 0.35714rem center;
    background-size: 1.42857rem 1.42857rem;
    height: 2.28571rem;
    margin-bottom: 0.78571rem;
    padding: 0 0.78571rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }

.cart-total-label {
  color: #757575;
  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: 0.5rem 0 0.5rem 1.5rem; }
  @media (min-width: 801px) {
    .cart-total-label,
    .cart-total-value {
      padding: 1rem 0; } }

.cart-total-grandTotal {
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 0.21429rem;
  padding-top: 0.21429rem;
  position: relative; }
  @media (min-width: 801px) {
    .cart-total-grandTotal {
      padding: 1rem 0;
      top: -0.28571rem; } }

.coupon-code-add,
.coupon-code-cancel,
.shipping-estimate-show,
.gift-certificate-add,
.gift-certificate-cancel {
  color: #757575;
  padding: 0;
  text-decoration: underline;
  transition: color 0.15s ease; }
  .coupon-code-add:hover,
  .coupon-code-cancel:hover,
  .shipping-estimate-show:hover,
  .gift-certificate-add:hover,
  .gift-certificate-cancel:hover {
    color: #333333; }

.coupon-code-cancel,
.shipping-estimate-show[aria-expanded="true"] {
  font-style: italic; }

.coupon-form,
.cart-gift-certificate-form {
  font-size: 0;
  margin-bottom: 1rem; }
  .coupon-form:before, .coupon-form:after,
  .cart-gift-certificate-form:before,
  .cart-gift-certificate-form:after {
    content: " ";
    display: table; }
  .coupon-form:after,
  .cart-gift-certificate-form:after {
    clear: both; }
  .coupon-form .form-input,
  .coupon-form .button,
  .cart-gift-certificate-form .form-input,
  .cart-gift-certificate-form .button {
    float: left; }
  .coupon-form .form-input,
  .cart-gift-certificate-form .form-input {
    width: 78%; }
  .coupon-form .button,
  .cart-gift-certificate-form .button {
    margin: 0 0 0 2%;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 20%; }

.estimator-form {
  margin-bottom: 0; }
  .estimator-form .form-input {
    margin-bottom: 0.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: 0.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:before, .estimator-form-row:after {
  content: " ";
  display: table; }

.estimator-form-row:after {
  clear: both; }

.estimator-form-toggleUPSRate {
  display: block;
  margin-bottom: 1em; }

.cart-actions {
  clear: both; }
  .cart-actions:before, .cart-actions:after {
    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: 0.35714rem; }

.previewCartWrapper {
  max-height: calc(100vh - 6rem);
  overflow: auto; }

.previewCartList {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .previewCartList ul,
  .previewCartList ol {
    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:before, .previewCartItem:after {
    content: " ";
    display: table; }
  .previewCartItem:after {
    clear: both; }
  .previewCartItem + .previewCartItem {
    border-top: 1px solid #e5e5e5; }

.previewCartItem-image,
.previewCartItem-content {
  display: table-cell;
  vertical-align: middle; }

.previewCartItem-image {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  padding: 0;
  position: relative;
  text-align: center; }
  .previewCartItem-image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .previewCartItem-image img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    max-height: 90%; }
  @media (min-width: 320px) {
    .previewCartItem-image::after {
      padding-bottom: 75%; } }
  @media (min-width: 481px) {
    .previewCartItem-image::after {
      padding-bottom: 100%; } }

.previewCartItem-content {
  padding-left: 0.75rem;
  padding-right: 0.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: 0.21429rem; }

.previewCartItem-brand,
.previewCartItem-price {
  color: #757575;
  display: inline-block;
  font-size: 13px; }

.previewCartAction {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  display: block; }
  .previewCartAction:before, .previewCartAction:after {
    content: " ";
    display: table; }
  .previewCartAction:after {
    clear: both; }
  @media (min-width: 320px) {
    .previewCartAction {
      padding: 0.78571rem 0.35714rem; } }
  @media (min-width: 481px) {
    .previewCartAction {
      padding: 1.5rem 0.78571rem; } }
  .previewCartAction .button {
    margin: 0;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    width: 100%; }

.previewCartAction-checkout,
.previewCartAction-viewCart {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }
  .previewCartAction-checkout.previewCartAction-viewCart--sole,
  .previewCartAction-viewCart.previewCartAction-viewCart--sole {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; }

.previewCartAction-checkout {
  padding-right: 0.35714rem; }

.previewCartAction-checkoutMultiple {
  clear: both;
  padding-left: 0.78571rem;
  padding-top: 0.35714rem; }

.previewCartAction-viewCart {
  padding-left: 0.35714rem; }

.previewCart-emptyBody {
  padding: 3rem;
  text-align: center; }

.previewCart-additionalCheckoutButtons {
  padding-bottom: 1.5rem;
  padding-right: 1.5rem; }

.addressList {
  font-size: 0;
  list-style: none;
  margin-left: -0.78571rem;
  margin-right: -0.78571rem; }

.address {
  display: inline-block;
  padding: 0 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: -0.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: 0.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: 0.35714rem; } }

.address-title {
  margin: 0 0 0.78571rem;
  text-transform: none; }

.address-details {
  list-style: none;
  margin: 0 0 0.78571rem; }

.address-details--postal {
  font-size: 15px; }

.address-label,
.address-description {
  display: inline-block;
  font-size: 1rem;
  margin: 0; }

.address-label {
  color: #757575;
  font-weight: 400; }

.panel--newAddress {
  display: block;
  text-align: center;
  text-decoration: none; }
  .panel--newAddress:hover .address-title {
    color: #757575; }
  .panel--newAddress .panel-body {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    display: block; }
  .panel--newAddress .address-title {
    margin-bottom: 0;
    transition: all 0.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;
  padding-top: 0; }
  .videoGallery-main.widescreen {
    padding-bottom: 56.34%; }
  .videoGallery-main.vimeo {
    padding-top: 0; }
  .videoGallery-main iframe,
  .videoGallery-main object,
  .videoGallery-main embed,
  .videoGallery-main video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }

.videoGallery-list {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .videoGallery-list ul,
  .videoGallery-list ol {
    list-style: none;
    margin-bottom: 0; }
  .videoGallery-list:before, .videoGallery-list:after {
    content: " ";
    display: table; }
  .videoGallery-list:after {
    clear: both; }

.videoGallery-item {
  padding-left: 0.75rem;
  padding-right: 0.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: 0.4;
  text-decoration: none;
  transition: opacity 100ms ease-out; }
  .video:before, .video:after {
    content: " ";
    display: table; }
  .video:after {
    clear: both; }
  .video-figure {
    float: left;
    margin-right: 0.78571rem; }
    .video-figure > img {
      display: block; }
  .video-figure--opposite {
    float: right;
    margin-left: 0.78571rem;
    margin-right: 0; }
  .video-body:before, .video-body:after {
    content: " ";
    display: table; }
  .video-body:after {
    clear: both; }
  @media (min-width: 801px) {
    .video {
      margin-bottom: 1.85714rem; } }
  .video:hover, .video.is-active {
    color: #333333;
    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:before, .previewCart:after {
    content: " ";
    display: table; }
  .previewCart:after {
    clear: both; }
  @media (min-width: 801px) {
    .previewCart .productView {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 75%;
      float: left;
      display: flex;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0; }
    .previewCart .productView-image {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 58.33333%;
      float: left;
      display: flex;
      flex-direction: column; }
    .previewCart .productView-image--cart {
      align-self: flex-start;
      margin: 0 auto;
      width: 100%; }
    .previewCart .productView-details {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 41.66667%;
      float: left; } }
  .previewCart .productView-title {
    margin-top: 0; }

.previewCartCheckout {
  background: #e5e5e5;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 801px) {
    .previewCartCheckout {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: right;
      padding: 1.5rem; } }
  .previewCartCheckout .button {
    display: block;
    margin: 0;
    width: 100%; }
    .previewCartCheckout .button + p {
      margin-top: 0.78571rem; }
    .previewCartCheckout .button:not(:last-child) {
      margin-bottom: 0.78571rem; }

.previewCartCheckout-price {
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-align: center; }

.previewCartCheckout-subtotal {
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.previewCartCheckout-additionalCheckoutButtons p {
  float: none !important;
  margin: 0.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; } }

.cookieMessage {
  background: #e5e5e5;
  color: #333333;
  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 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:before, .login-row:after {
    content: " ";
    display: table; }
  .login-row:after {
    clear: both; }
  @media (min-width: 801px) {
    .login-row {
      margin-top: 6rem; } }

.login-form {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .login-form {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left;
      margin-top: 3rem; } }

.new-customer {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .new-customer {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }

.new-customer-intro {
  margin-bottom: 0; }

.new-customer-fact-list {
  margin-left: 3rem; }

.new-customer-fact {
  padding-left: 0.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 -0.75rem;
  max-width: none;
  width: auto;
  list-style-type: none; }
  .category-suggestion-list:before, .category-suggestion-list:after {
    content: " ";
    display: table; }
  .category-suggestion-list:after {
    clear: both; }

.category-suggestion {
  padding-left: 0.75rem;
  padding-right: 0.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; }

.search-nav {
  position: relative; }

.navBar--account {
  display: none; }
  @media (min-width: 801px) {
    .navBar--account {
      display: block; } }

.account-heading {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding-bottom: 1rem; }

.account-list {
  list-style: none;
  margin-left: 0; }

.account-listItem {
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0;
  position: relative; }
  .account-listItem img {
    width: 100%; }
  .account-listItem .account-product-image {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    position: relative; }

.account-listShipping {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 2rem 0; }
  .account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit; }

.account-product:before, .account-product:after {
  content: " ";
  display: table; }

.account-product:after {
  clear: both; }

.account-product-figure {
  float: left;
  margin-right: 0.78571rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.78571rem;
  margin-right: 0; }

.account-product-body:before, .account-product-body:after {
  content: " ";
  display: table; }

.account-product-body:after {
  clear: both; }

.account-product-figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 2rem 0 0;
  position: relative;
  width: 70px; }
  .account-product-figure::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }

.account-product-download {
  border-radius: 50%;
  height: 2.35714rem;
  padding: 0;
  position: absolute;
  right: -0.78571rem;
  top: -0.78571rem;
  width: 2.35714rem;
  z-index: 1; }
  .account-product-download .icon {
    height: 1.5rem;
    margin-top: 0.35714rem;
    width: 1.5rem; }
  .account-product-download svg {
    fill: white; }

.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 0.21429rem;
  text-transform: inherit; }
  .account-product-title > a {
    text-decoration: none; }
  .account-product-title + .definitionList {
    margin-top: 0.78571rem; }

.account-product-subtitle {
  color: #999999;
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: -0.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: #999999;
  margin-bottom: 0; }

.account-product-details {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .account-product-details:before, .account-product-details:after {
    content: " ";
    display: table; }
  .account-product-details:after {
    clear: both; }

.account-product-detail {
  padding-left: 0.75rem;
  padding-right: 0.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: #757575;
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 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-figure,
  .account-product--alignMiddle .account-product-body {
    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: #757575;
  float: left;
  font-weight: 400; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.28571rem; }

.account-orderTotal-value {
  border-bottom: 1px solid #e5e5e5;
  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: #cccccc;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 0 0 0.35714rem;
  padding: 0.21429rem 0.5rem; }

.account-orderStatus-action {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.25px;
  margin-left: 0.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: #333333; }

.account .pagination {
  color: #999999;
  margin-top: 3rem;
  text-align: center; }

.account-message .is-read {
  color: #999999; }

.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 ul,
  .account-order-address ol {
    list-style: none;
    margin-bottom: 0; }

.account-reorder-form {
  display: inline-block; }

.order-payments-description {
  color: #757575;
  font-weight: 400;
  margin-top: 1.5rem; }

.account-downloads-summary {
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px;
  padding-bottom: 1.5rem; }

.account-downloadsList {
  list-style: none;
  margin-left: 0; }
  .account-downloadsList ul,
  .account-downloadsList ol {
    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: #757575;
  font-size: 15px;
  margin-bottom: 0.21429rem;
  text-transform: inherit; }

.account-downloadsItem-description {
  margin-bottom: 0; }

.account-downloadsItem-availability {
  color: #757575; }

.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:before, .wishlist-form:after {
    content: " ";
    display: table; }
  .wishlist-form:after {
    clear: both; }
  .wishlist-form .form-field {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left; }

.share-wishlist {
  margin-left: auto;
  margin-right: auto;
  max-width: 46.42857rem;
  text-align: center; }

.icon--ratingEmpty svg {
  fill: #8f8f8f; }

.icon--ratingFull svg {
  fill: #474747; }

.rating--small {
  display: inline-block; }
  .rating--small .icon {
    height: 1rem;
    width: 1rem;
    margin-top: -3px; }

.apple-pay-checkout-button {
  background-color: #000;
  background-image: -webkit-named-image(apple-pay-logo-white);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 0.28571rem;
  cursor: pointer;
  display: none;
  max-height: 4.57143rem;
  min-height: 2.28571rem;
  min-width: 90px;
  padding: 1.5rem;
  width: 160px; }

.apple-pay-checkout-button--white {
  background-color: #fff;
  background-image: -webkit-named-image(apple-pay-logo-black); }

.apple-pay-checkout-button--white-border {
  background-color: #fff;
  background-image: -webkit-named-image(apple-pay-logo-black);
  border: 0.5px solid #000; }

.apple-pay-supported .apple-pay-checkout-button {
  display: block;
  float: right; }

.apple-pay-supported .previewCartCheckout .apple-pay-checkout-button,
.apple-pay-supported .productView-options .apple-pay-checkout-button {
  display: inline-block;
  float: none; }

.paymentMethodsTitle {
  margin: 0 0 0.78571rem;
  padding: 0;
  text-transform: none;
  width: 100%; }

.paymentMethodsGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.78571rem;
  margin-bottom: 1.5rem; }
  .paymentMethodsGrid-item {
    padding: 0.78571rem;
    width: 100%; }
    @media (min-width: 551px) {
      .paymentMethodsGrid-item {
        width: 50%; } }

.paymentMethod {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 0.21429rem;
  display: flex;
  flex-flow: column nowrap;
  height: 100%; }
  .paymentMethod-row {
    padding: 1.5rem; }
    .paymentMethod-row:first-child {
      background-color: #fff; }
    .paymentMethod-row:last-child {
      margin-top: auto; }
    .paymentMethod-row:only-child {
      height: 100%; }
  .paymentMethod .button {
    margin-bottom: 0; }

.methodHeader {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between; }
  .methodHeader-icon {
    margin-right: 0.78571rem;
    width: 2rem; }
    @media (min-width: 1261px) {
      .methodHeader-icon {
        width: 3rem; } }
  .methodHeader-title {
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    color: #666666;
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-brand {
        font-size: 1rem; } }
  .methodHeader-meta {
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    padding-left: 0.78571rem; }
  .methodHeader-default {
    fill: #666666;
    height: 1.28571rem;
    margin-left: 0.78571rem;
    width: 1.28571rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.42857rem;
        width: 1.42857rem; } }
  .methodHeader-expiry {
    font-size: 15px;
    text-transform: capitalize; }

.methodDetails {
  display: flex;
  margin: 0; }
  .methodDetails-label {
    flex: 1;
    font-weight: 600; }
  .methodDetails-description {
    flex: 2;
    font-size: 13px; }

.newPaymentMethod {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-items: center;
  min-height: 13.28571rem;
  text-decoration: none; }
  .newPaymentMethod-icon {
    font-size: 50px;
    line-height: 1;
    margin: auto 0 0.78571rem; }
  .newPaymentMethod-title {
    margin: 0 auto auto;
    text-align: center; }

@media (min-width: 551px) {
  .paymentMethodForm {
    max-width: 60%; } }

@media (min-width: 551px) {
  .paymentMethodForm-column {
    display: flex; }
    .paymentMethodForm-column:first-child .form-field {
      margin-bottom: 0.78571rem; } }

.paymentMethodForm-heading {
  color: #333333;
  font-family: "niveau-grotesk", Arial, Helvetica, sans-serif;
  margin-top: 1.5rem;
  text-transform: capitalize; }

.paymentMethodForm-subheading {
  display: flex;
  font-weight: 600; }

@media (min-width: 551px) {
  .paymentMethodForm-cards {
    margin-left: auto; } }

.paymentMethodForm-cards-icon {
  margin-right: 0.21429rem;
  width: 2.42857rem; }

.paymentMethodForm-inputs {
  position: relative; }
  @media (min-width: 551px) {
    .paymentMethodForm-inputs:last-child {
      padding-left: 1.5rem;
      width: 30%; }
    .paymentMethodForm-inputs:first-child {
      width: 70%; } }

.paymentMethodForm-inputs-icon {
  position: absolute;
  right: 0.64286rem;
  top: 2.78571rem; }
  .paymentMethodForm-inputs-icon.icon {
    fill: #999999;
    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: 0.78571rem; }

.paymentMethodForm-details-description {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.25px; }

.category-header-image {
  width: 100%; }

.manual-captcha-input-container {
  align-items: center;
  display: flex; }
  .manual-captcha-input-container .question {
    font-size: 1.25rem;
    margin-right: 1rem; }
  .manual-captcha-input-container .form-input {
    flex: 1; }

.skip-to-main-link {
  background: white;
  color: #333333;
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translate(-50%, calc(-100% - 55px));
  transition: transform 0.3s;
  z-index: 500; }
  .skip-to-main-link:focus {
    transform: translate(-50%, 0%); }

.header {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  height: 55px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  @media (min-width: 801px) {
    .header {
      border-bottom: 1px solid #e5e5e5;
      display: flex;
      flex-direction: column;
      height: auto;
      overflow: visible;
      position: relative; } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 801px) {
      .header.is-open {
        height: auto; } }

.header-logo {
  font-size: 0;
  height: 55px;
  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 {
      height: auto;
      margin: 4rem auto 4.5rem;
      padding: 0; }
      .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0.35714rem 0;
        position: absolute;
        top: 0;
        width: 100%; } }
  .header-logo__link {
    align-items: center;
    color: #333333;
    display: flex;
    height: inherit;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 70%;
    z-index: 20; }
    .header-logo__link:before, .header-logo__link:after {
      content: " ";
      display: table; }
    .header-logo__link:after {
      clear: both; }
    @media (min-width: 801px) {
      .header-logo__link {
        background: none;
        border-bottom: 0;
        display: inline-flex;
        padding: 0;
        width: auto; } }
    .header-logo__link:hover {
      color: #757575; }
    .header-logo__link:active {
      color: #757575; }

.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: "niveau-grotesk", Arial, Helvetica, sans-serif;
  font-size: 2.25vw;
  letter-spacing: 0.14286rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap; }
  @media (min-width: 551px) {
    .header-logo-text {
      font-size: 2.5vw; } }
  @media (min-width: 801px) {
    .header-logo-text {
      display: inline;
      font-size: 28px;
      max-width: none;
      overflow: auto;
      padding: 0 10px;
      white-space: normal; }
      .header.fixed .header-logo-text {
        font-size: 25px; } }

.header-logo-image-container {
  position: relative;
  width: 100%; }
  @media (min-width: 801px) {
    .header-logo-image-container {
      min-height: 100px; } }

.header-logo-image-container::after {
  content: "";
  display: block; }

.header-logo-image {
  display: block;
  margin: 0 auto;
  max-height: 8rem; }
  @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::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #444444;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transform: rotate(0deg);
    transition: transform 100ms ease-in, top 100ms ease-in 150ms, bottom 100ms ease-in 150ms;
    width: 1.42857rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 1.92857rem;
    transition: background-color 10ms ease-in 100ms; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -0.5rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    bottom: -0.5rem; }
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent;
    transition-delay: 100ms; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      background-color: #444444;
      bottom: auto;
      top: auto;
      transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms 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 -0.75rem;
  max-width: none;
  width: auto; }
  .page:before, .page:after {
    content: " ";
    display: table; }
  .page:after {
    clear: both; }

.page-content,
.page-content--full {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

@media (min-width: 801px) {
  .page-content--centered {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 66.66667%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

.page-content--textCenter {
  text-align: center; }

.page-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  position: relative; }
  @media (min-width: 801px) {
    .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left; }
      .page-sidebar + .page-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 75%;
        float: left; } }

.footer {
  background-color: white;
  border-top: 1px solid #e5e5e5;
  padding: 3rem 0;
  position: relative;
  transform: translateZ(0); }

.footer-title-sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.footer-info {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .footer-info:before, .footer-info:after {
    content: " ";
    display: table; }
  .footer-info:after {
    clear: both; }

.footer-info-col {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  color: #757575;
  display: inline-block;
  float: none;
  font-size: 1rem;
  margin-bottom: 3rem;
  overflow-wrap: break-word;
  text-align: center;
  vertical-align: top;
  -ms-word-break: break-all; }
  @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;
    width: 50%; } }

@media (min-width: 801px) {
  .footer-info-col--right {
    left: 0;
    padding: 0;
    text-align: right;
    width: 100%; } }

.footer-info-heading {
  font-size: 1rem;
  text-transform: inherit; }

.footer-info-list {
  list-style: none;
  margin-left: 0; }
  .footer-info-list a {
    color: #757575;
    text-decoration: none; }
    .footer-info-list a:hover {
      color: #333333; }

.footer-copyright {
  text-align: center; }
  @media (min-width: 551px) {
    .footer-copyright {
      text-align: left; } }
  .footer-copyright > .powered-by {
    color: #757575;
    font-size: 12px;
    margin: 0; }
  .footer-copyright a {
    color: #757575;
    text-decoration: none; }
    .footer-copyright a:hover {
      color: #333333; }

.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: 0.35714rem;
    vertical-align: middle;
    width: 3.57143rem; }
  .footer-payment-icons svg {
    fill: #757575; }

.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 {
      max-width: 1630px;
      padding: 0 15px; } }

.standard-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.71429rem;
  padding: 0;
  position: relative;
  width: 100%; }
  @media (min-width: 1261px) {
    .standard-container {
      max-width: 1200px; } }

.inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.71429rem;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  @media (min-width: 801px) {
    .inner-container {
      padding: 0; } }

.blog {
  margin-bottom: 1.5rem; }
  @media (min-width: 801px) {
    .blog {
      margin: auto;
      width: 100%; } }
  .blog + .blog {
    border-top: 1px solid #e5e5e5;
    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 0.35714rem; }
  .blog-title a {
    text-decoration: none; }

.blog-date,
.blog-author {
  color: #757575;
  text-align: center; }

.blog-author {
  margin-bottom: 2.5rem; }

.blog-post {
  font-size: 15px;
  text-align: left; }

.blog-thumbnail {
  margin: 0 auto 2rem;
  max-width: 190px;
  position: relative; }
  .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 #e5e5e5;
  margin-top: 2rem;
  padding-top: 2rem; }

.sidebarBlock-heading {
  font-size: 1.07143rem;
  margin-top: 0;
  text-transform: inherit; }
  @media (min-width: 801px) {
    .sidebarBlock-heading.heading-price {
      margin-top: -0.85714rem; } }

.brandGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .brandGrid ul,
  .brandGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .brandGrid:before, .brandGrid:after {
    content: " ";
    display: table; }
  .brandGrid:after {
    clear: both; }
  .brandGrid .brand {
    padding-left: 0.75rem;
    padding-right: 0.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 {
  max-width: 100px;
  position: relative; }
  .brand-image-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .brand-image-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }

.brand .card-img-container {
  max-width: 190px; }
  .brand .card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.57895%;
    width: 100%; }

.productGrid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-bottom: 1.5rem; }
  .productGrid ul,
  .productGrid ol {
    list-style: none;
    margin-bottom: 0; }
  .productGrid:before, .productGrid:after {
    content: " ";
    display: table; }
  .productGrid:after {
    clear: both; }
  .productGrid .product {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    @media (min-width: 551px) {
      .productGrid .product {
        width: 50%; } }
    @media (min-width: 801px) {
      .productGrid .product {
        width: 33.33333%; } }
    @media (min-width: 1261px) {
      .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;
    display: block;
    margin-bottom: 3rem;
    padding: 0;
    page-break-inside: avoid;
    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: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    float: none; }
    .csscolumns .productGrid--maxCol3 .product {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: none; } }

.productList {
  list-style: none;
  margin-left: 0;
  margin: 0.78571rem; }
  .productList ul,
  .productList ol {
    list-style: none;
    margin-bottom: 0; }
  .productList .product + .product {
    margin-top: 4rem; }

@media (min-width: 551px) {
  .listItem {
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    display: table;
    width: 100%; }
    .listItem:before, .listItem:after {
      content: " ";
      display: table; }
    .listItem:after {
      clear: both; } }

@media (min-width: 1261px) {
  .listItem:focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 1261px) {
  .listItem.focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 551px) {
  .listItem-figure,
  .listItem-body {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-figure,
  .listItem-body {
    vertical-align: middle; } }

.listItem-button {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333; }
  .listItem-button:hover, .listItem-button:focus {
    background-color: white;
    color: #333333; }

.listItem-figure {
  margin: 0 0 1.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .listItem-figure {
      margin-bottom: 0;
      padding-left: 0.78571rem;
      padding-right: 0.78571rem;
      width: 25%; } }
  .listItem-figure__link {
    display: block;
    margin: 3px; }
  .listItem-figure .listItem-button {
    margin: 1.5rem 0; }
    @media (min-width: 1261px) {
      .listItem-figure .listItem-button {
        display: inline-block;
        margin: 0;
        pointer-events: all; } }

.listItem-figureBody {
  opacity: 1;
  text-align: center; }
  @media (min-width: 1261px) {
    .listItem-figureBody {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      .listItem:hover .listItem-figureBody {
        opacity: 1; } }

.listItem-image {
  width: 100%; }

@media (min-width: 551px) {
  .listItem-body {
    padding-left: 1.28571rem;
    padding-right: 0.78571rem;
    width: 75%; } }

@media (min-width: 1261px) {
  .listItem-content {
    display: table; } }

@media (min-width: 1261px) {
  .listItem-details,
  .listItem-actions {
    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: 0.35714rem; }

.listItem-brand {
  color: #999999;
  font-size: 1rem;
  margin: 0 0 0.21429rem; }
  @media (min-width: 801px) {
    .listItem-brand {
      font-size: 15px;
      margin-bottom: 0; } }

.listItem-title {
  font-size: 15px;
  margin: 0 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: 0.57143rem 1.5rem; } }

.listItem-actions .button {
  margin-bottom: 0; }
  @media (min-width: 1261px) {
    .listItem-actions .button {
      width: 100%; }
      .listItem-actions .button + .button {
        margin: 0.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 -0.75rem;
  max-width: none;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: -1rem;
  margin-right: -1rem; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  @media (min-width: 801px) {
    .productView {
      display: block; } }
  .modal .productView {
    padding-bottom: 0;
    padding-top: 0; }

.productView--quickView .socialLinks-item--print {
  display: none; }

.productView-images {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-images {
      width: 50%; } }

.productView-details {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-details {
      clear: right;
      float: right;
      width: 50%; } }
  .productView--quickView .productView-details {
    position: relative; }
  .productView-details.product-data {
    order: -1; }

.productView-description {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 1; }
  .productView-description .productView-title {
    border-bottom: 1px solid #e5e5e5;
    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::before,
.sale-flag-star::after, .sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  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;
  transition: background-color 800ms ease;
  width: 3.57143rem;
  z-index: 10; }
  
  .sale-flag-star::before,
  .sold-out-flag-star::before {
    transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); }
  
  .sale-flag-star::after,
  .sold-out-flag-star::after {
    transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); }

.sale-flag-star,
.sale-flag-star::before,
.sale-flag-star::after {
  background: #007dc6; }

.sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  background: #007dc6; }

.starwrap {
  height: 3.57143rem;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 3.57143rem; }

.listItem-figure .starwrap {
  transform: scale(0.7); }
  @media (min-width: 551px) {
    .listItem-figure .starwrap {
      top: 0;
      transform: scale(0.6); } }
  @media (min-width: 1261px) {
    .listItem-figure .starwrap {
      top: 10px;
      transform: scale(0.7); } }

.sale-text-burst, .sold-out-text-burst {
  font-weight: 600;
  line-height: 1.07143rem;
  position: absolute;
  text-align: center;
  top: 20%;
  width: 3.57143rem;
  z-index: 50; }

.sale-text-burst {
  color: white; }

.sold-out-text-burst {
  color: white; }

.product:hover .starwrap .sale-flag-star,
.product:hover .starwrap .sale-flag-star::before,
.product:hover .starwrap .sale-flag-star::after {
  background: black; }

.product:hover .starwrap .sold-out-flag-star,
.product:hover .starwrap .sold-out-flag-star::before,
.product:hover .starwrap .sold-out-flag-star::after {
  background: black; }

.sale-flag-side, .sold-out-flag-side {
  border-radius: 0 50px 50px 0;
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  line-height: 1.14286rem;
  padding-left: 0.5rem;
  padding-right: 0.78571rem;
  padding-top: 0.10714rem;
  position: absolute;
  transition: background-color 800ms ease;
  z-index: 10; }

.sale-flag-side {
  background: #007dc6;
  color: white; }

.sold-out-flag-side {
  background: #007dc6;
  color: white; }

.product:hover .sale-flag-side {
  background: black; }

.product:hover .sold-out-flag-side {
  background: black; }

.sale-flag-sash, .sold-out-flag-sash {
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  left: -25px;
  line-height: 1.14286rem;
  padding-top: 0.10714rem;
  position: absolute;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  transition: background-color 800ms ease;
  width: 8.5rem;
  z-index: 10; }

.sale-flag-sash {
  background: #007dc6;
  color: white; }

.sold-out-flag-sash {
  background: #007dc6;
  color: white; }

.listItem-figure .sale-flag-sash,
.listItem-figure .sold-out-flag-sash {
  top: 24px; }
  @media (min-width: 551px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -20px;
      top: 19px; } }
  @media (min-width: 1261px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -15px;
      top: 24px; } }

.product:hover .sale-flag-sash {
  background: black; }

.product:hover .sold-out-flag-sash {
  background: black; }

.product {
  overflow: hidden; }

[data-product-attribute] .form-option.form-option-swatch {
  overflow: visible; }

.form-option-variant--none {
  height: 22px;
  overflow: hidden; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 22px;
  width: 22px; }

.form-option-expanded {
  background-color: white;
  border: 1px solid #474747;
  left: calc(100% + 55px);
  opacity: 0;
  padding: 3px;
  position: absolute;
  top: calc(100% + 5px);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden; }

.form-option:hover .form-option-expanded {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
  z-index: 5000; }

.form-option-image {
  display: block;
  height: 100px;
  width: 100px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.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 -0.75rem;
  max-width: none;
  width: auto; }
  .account-body:before, .account-body:after {
    content: " ";
    display: table; }
  .account-body:after {
    clear: both; }

.account-content {
  padding-left: 0.75rem;
  padding-right: 0.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: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .account-sidebar {
      width: 33.33333%; }
      .account-content--fixedSmall + .account-sidebar {
        float: right; } }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-15, .col-xs-16 {
  float: left; }

.col-xs-16 {
  width: 80%; }

.col-xs-15 {
  width: 20%; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15, .col-sm-16 {
    float: left; }
  .col-sm-16 {
    width: 80%; }
  .col-sm-15 {
    width: 20%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-15, .col-md-16 {
    float: left; }
  .col-md-16 {
    width: 80%; }
  .col-md-15 {
    width: 20%; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-15, .col-lg-16 {
    float: left; }
  .col-lg-16 {
    width: 80%; }
  .col-lg-15 {
    width: 20%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after, .pager:after, .panel-body:after, .modal-footer:after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

@-ms-viewport {
  width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md, td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print, td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

.header {
  position: inherit;
  height: auto;
  z-index: 99; }
  @media (min-width: 1261px) {
    .header .container {
      margin-right: auto;
      margin-left: auto;
      max-width: 1200px; } }
  .header .header-top-bar {
    background-color: #343232; }
    .header .header-top-bar div[class*="col"] {
      padding-right: 10px;
      padding-left: 10px;
      display: none; }
      @media (min-width: 992px) {
        .header .header-top-bar div[class*="col"] {
          display: block;
          padding-right: 15px;
          padding-left: 15px;
          text-align: right; } }
      .header .header-top-bar div[class*="col"]:first-child {
        width: 100%;
        text-align: center;
        display: block; }
        @media (min-width: 992px) {
          .header .header-top-bar div[class*="col"]:first-child {
            width: 50%;
            text-align: left; } }
    .header .header-top-bar .top-bar-left p {
      color: #ffffff;
      line-height: 1.6rem;
      margin: 0;
      padding: 0.46rem 0;
      font-size: 11px; }
      @media (min-width: 992px) {
        .header .header-top-bar .top-bar-left p {
          font-size: 16px; } }
      .header .header-top-bar .top-bar-left p a {
        background: #ffffff;
        display: inline-block;
        font-size: 13px;
        line-height: 1rem;
        padding: 0.47rem 0.5rem;
        text-decoration: none;
        font-size: 11px; }
        @media (min-width: 992px) {
          .header .header-top-bar .top-bar-left p a {
            font-size: 16px; } }
    .header .header-top-bar .top-bar-right {
      display: none; }
      @media (min-width: 992px) {
        .header .header-top-bar .top-bar-right {
          display: flex;
          align-items: center;
          justify-content: flex-end; } }
      .header .header-top-bar .top-bar-right .header-contact {
        align-items: center;
        display: flex;
        height: 40px; }
        .header .header-top-bar .top-bar-right .header-contact span {
          display: inline-flex;
          height: 100%;
          align-items: center; }
          .header .header-top-bar .top-bar-right .header-contact span a {
            color: #fff;
            font-size: 14px;
            padding: 0.5rem 0.5rem;
            text-decoration: none; }
            @media (min-width: 801px) {
              .header .header-top-bar .top-bar-right .header-contact span a {
                padding: 1.4rem 0.186rem; } }
            @media (min-width: 992px) {
              .header .header-top-bar .top-bar-right .header-contact span a {
                padding: 0.5rem 1rem; } }
          .header .header-top-bar .top-bar-right .header-contact span:after {
            background: #ffffff;
            content: '';
            height: 100%;
            width: 1px; }
      .header .header-top-bar .top-bar-right .header-social-wrap {
        margin-left: 1rem; }
        .header .header-top-bar .top-bar-right .header-social-wrap .socialLinks {
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
          .header .header-top-bar .top-bar-right .header-social-wrap .socialLinks .socialLinks-item {
            margin-bottom: 0; }
            .header .header-top-bar .top-bar-right .header-social-wrap .socialLinks .socialLinks-item .icon svg {
              fill: #ffffff;
              stroke: transparent; }
            .header .header-top-bar .top-bar-right .header-social-wrap .socialLinks .socialLinks-item .icon:hover svg {
              fill: #ffffff; }
  .header .mobileMenu-toggle {
    height: 48px;
    width: 48px;
    display: flex;
    left: 0;
    top: 20px;
    align-items: center;
    justify-content: center; }
    @media (min-width: 801px) {
      .header .mobileMenu-toggle {
        display: none; } }
    .header .mobileMenu-toggle .mobileMenu-toggleIcon {
      background: #3c6bb4;
      width: 28px; }
      .header .mobileMenu-toggle .mobileMenu-toggleIcon:after, .header .mobileMenu-toggle .mobileMenu-toggleIcon:before {
        background: #3c6bb4;
        width: 28px; }
    .header .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
      background: transparent; }
      .header .mobileMenu-toggle.is-open .mobileMenu-toggleIcon:after, .header .mobileMenu-toggle.is-open .mobileMenu-toggleIcon:before {
        background: #3c6bb4;
        width: 28px; }
  .header .header-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px; }
    @media (min-width: 551px) {
      .header .header-wrap {
        padding: 0; } }
    @media (min-width: 801px) {
      .header .header-wrap > div {
        flex: 3; } }
    .header .header-wrap > div.heaer-left {
      display: none; }
      @media (min-width: 801px) {
        .header .header-wrap > div.heaer-left {
          display: block; } }
      .header .header-wrap > div.heaer-left .search-quick-form form {
        margin: 0; }
        .header .header-wrap > div.heaer-left .search-quick-form form .form-field {
          margin: 0;
          max-width: 232px;
          position: relative;
          width: 100%; }
          .header .header-wrap > div.heaer-left .search-quick-form form .form-field .form-input {
            border-radius: 0;
            border-width: 0 0 1px 0;
            border-color: #bbb;
            padding-left: 10px;
            height: 2.5rem; }
          .header .header-wrap > div.heaer-left .search-quick-form form .form-field .search-button {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(117, 117, 117)' stroke='rgb(66, 96, 159)'%3E%3Cpath d='M68.588,63.717c0.493,0.321,1.132,0.598,1.592,1.056c7.902,7.867,15.784,15.758,23.665,23.646c0.508,0.508,1.034,1.014,1.455,1.59c1.163,1.594,0.992,3.526-0.378,4.899c-1.375,1.378-3.301,1.558-4.899,0.397c-0.577-0.419-1.083-0.943-1.59-1.451c-7.891-7.88-15.781-15.762-23.651-23.663c-0.458-0.46-0.746-1.09-1.132-1.669c-9.298,7.137-19.291,9.756-30.304,7.64c-8.727-1.678-16-6.096-21.446-13.133C0.263,47.989,1.508,27.681,14.704,14.585C27.938,1.451,48.318,0.309,63.18,11.988C77.085,22.915,82.781,45.161,68.588,63.717zM40.402,69.142c15.877,0.011,28.661-12.726,28.741-28.635c0.081-15.868-12.856-28.89-28.724-28.913C24.683,11.57,11.765,24.441,11.596,40.31C11.429,56.044,24.505,69.133,40.402,69.142z'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: center;
            position: absolute;
            top: 0;
            right: 0;
            width: 35px;
            height: 100%;
            padding: 0 10px; }
    .header .header-wrap > div.heaer-logo-wrap .header-logo {
      margin: 0 auto;
      height: 75px; }
      @media (min-width: 551px) {
        .header .header-wrap > div.heaer-logo-wrap .header-logo {
          margin: 1.26rem auto;
          height: auto; } }
      .header .header-wrap > div.heaer-logo-wrap .header-logo .header-logo__link {
        margin: 0; }
        @media (min-width: 551px) {
          .header .header-wrap > div.heaer-logo-wrap .header-logo .header-logo__link {
            margin: 0 auto; } }
      .header .header-wrap > div.heaer-logo-wrap .header-logo .header-logo-image-container {
        min-height: auto; }
    .header .header-wrap > div.heaer-right .navUser {
      padding-right: 1.28571rem;
      right: 0;
      top: 45px;
      width: auto; }
      @media (min-width: 801px) {
        .header .header-wrap > div.heaer-right .navUser {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 0;
          top: unset;
          right: unset; } }
      .header .header-wrap > div.heaer-right .navUser-item--account {
        display: block;
        border-right: 1px solid #cccccc;
        margin-right: 0.4rem;
        padding-right: 0.4rem; }
        @media (min-width: 801px) {
          .header .header-wrap > div.heaer-right .navUser-item--account {
            border-right: 0px solid #cccccc;
            margin-right: 0;
            padding-right: 0; } }
      .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action {
        font-weight: 400;
        padding: 0.5rem;
        text-transform: capitalize;
        display: block; }
        @media (min-width: 992px) {
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action {
            padding: 1.4rem 0.686rem; } }
        @media (min-width: 1261px) {
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action {
            padding: 1.4rem 0.78571rem; } }
        .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action .icon {
          width: 25px;
          height: 25px; }
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action .icon svg {
            fill: #000;
            stroke: #000; }
        .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item .navUser-action.navUser-item--compare {
          display: none; }
      .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item.navUser-item--cart .navUser-action {
        position: relative; }
        .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item.navUser-item--cart .navUser-action .countPill {
          position: absolute;
          right: 0px;
          top: -7px; }
          @media (min-width: 992px) {
            .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item.navUser-item--cart .navUser-action .countPill {
              top: 5px; } }
        .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item.navUser-item--cart .navUser-action .icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%%3Cpath d='M97.682,17.6c-0.617,2.619-1.257,5.232-1.848,7.857c-2.136,9.485-4.253,18.975-6.384,28.461c-0.404,1.799-1.359,2.512-3.355,2.513c-9.416,0.006-18.832,0.002-28.248,0.002c-8.39,0-16.78,0-25.17,0c-0.369,0-0.738,0-1.281,0c0.298,1.358,0.563,2.612,0.851,3.86c0.346,1.509,0.77,3.003,1.042,4.524c0.133,0.742,0.47,0.859,1.123,0.858c10.379-0.016,20.759-0.011,31.137-0.011c6.837,0,13.673-0.004,20.51,0.003c1.787,0.002,2.773,0.717,3.098,2.193c0.34,1.553-0.8,3.109-2.39,3.249c-0.34,0.03-0.683,0.017-1.025,0.017c-17.868,0.001-35.736,0.001-53.604,0c-2.38,0-3.154-0.595-3.688-2.905c-4.153-17.979-8.301-35.961-12.451-53.941c-0.369-1.599-0.765-3.192-1.099-4.798c-0.123-0.589-0.359-0.809-0.984-0.801c-2.734,0.033-5.471-0.047-8.203,0.037c-1.694,0.052-2.882-0.512-3.507-2.12c0-0.435,0-0.87,0-1.305c0.664-1.571,1.847-2.125,3.536-2.085c3.479,0.083,6.96,0.024,10.441,0.025c2.231,0,3.066,0.683,3.558,2.845c0.618,2.71,1.256,5.416,1.896,8.166c0.462,0,0.864,0,1.265,0c23.714,0,47.426,0.012,71.139-0.025c1.711-0.003,2.943,0.477,3.641,2.077C97.682,16.729,97.682,17.165,97.682,17.6z M91.46,19.811c-22.921,0-45.705,0-68.55,0c2.35,10.167,4.688,20.239,6.985,30.32c0.163,0.713,0.458,0.853,1.117,0.852c17.529-0.016,35.058-0.016,52.587,0.001c0.637,0.001,0.905-0.154,1.052-0.814c1.64-7.376,3.318-14.744,4.98-22.116C90.242,25.34,90.836,22.622,91.46,19.811z'%3E%3C/path%3E%3Cpath d='M65.583,84.911c0.003-5.608,4.499-10.079,10.121-10.067c5.524,0.01,10.042,4.549,10.04,10.082c-0.004,5.566-4.555,10.083-10.147,10.068C70.05,94.979,65.578,90.477,65.583,84.911zM80.205,85.052c0.076-2.556-1.89-4.633-4.473-4.725c-2.451-0.088-4.647,2.044-4.688,4.551c-0.041,2.437,2.005,4.534,4.516,4.632C78.008,89.603,80.129,87.566,80.205,85.052z'%3E%3C/path%3E%3Cpath d='M32.517,84.963c-0.049-5.44,4.442-10.062,9.831-10.116c5.671-0.058,10.286,4.385,10.367,9.98c0.079,5.422-4.496,10.116-9.905,10.163C37.104,95.042,32.568,90.622,32.517,84.963zM47.158,84.971c0.015-2.569-2.014-4.641-4.553-4.648c-2.457-0.007-4.566,2.079-4.595,4.543c-0.03,2.501,2.082,4.644,4.582,4.649C45.081,89.522,47.144,87.468,47.158,84.971z'%3E%3C/path%3E%3C/svg%3E"); }
      .header .header-wrap > div.heaer-right .navUser ul.navUser-section .navUser-item.navUser-item--account .navUser-action .icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M49.889,93.923c-12.732,0-25.464,0-38.197-0.002c-2.981,0-3.882-0.952-3.771-3.959C8.572,72.446,20.584,57.867,37.911,55c10.114-1.673,20.555-2.083,30.509,1.602c13.966,5.173,23.406,18.808,23.663,33.761c0.046,2.587-0.932,3.557-3.625,3.557C75.602,93.925,62.747,93.923,49.889,93.923z M13.625,88.2c24.39,0,48.506,0,72.767,0c-0.149-0.984-0.268-1.842-0.411-2.695C83.769,72.36,72.903,61.724,59.699,60.232c-4.933-0.557-9.959-0.358-14.944-0.369c-9.532-0.021-17.456,3.644-23.704,10.81C16.711,75.649,14.296,81.492,13.625,88.2z'%3E%3C/path%3E%3Cpath d='M75.257,32.286c0.033,13.886-11.28,25.279-25.135,25.309c-14.013,0.029-25.358-11.25-25.388-25.242C24.707,18.467,36.029,7.065,49.869,7.047C63.901,7.029,75.224,18.283,75.257,32.286z M69.645,32.264c-0.049-10.921-8.896-19.66-19.845-19.602c-10.687,0.057-19.419,8.865-19.452,19.621c-0.033,10.882,8.837,19.728,19.751,19.698C60.885,51.949,69.694,43.065,69.645,32.264z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
      .header .header-wrap > div.heaer-right .navUser ul.navUser-section.navUser-section--location .navUser-item .navUser-action {
        color: #666666; }
        .header .header-wrap > div.heaer-right .navUser ul.navUser-section.navUser-section--location .navUser-item .navUser-action .icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M50.188,4.302c13.756-0.157,25.704,9.933,27.914,23.387c0.938,5.707,0.034,11.195-1.656,16.614c-2.65,8.496-6.729,16.328-11.256,23.938c-4.153,6.982-8.705,13.7-13.652,20.146c-0.889,1.158-1.781,1.165-2.615-0.001c-8.056-11.271-15.48-22.923-21.299-35.531c-2.222-4.814-4.125-9.753-5.109-14.996c-1.632-8.688,0.333-16.506,5.889-23.35c4.491-5.532,10.382-8.768,17.389-9.99c0.565-0.098,1.139-0.187,1.711-0.209C48.396,4.276,49.292,4.302,50.188,4.302z M50.22,85.629c0.2-0.242,0.323-0.379,0.433-0.525c5.16-6.965,9.938-14.184,14.207-21.73c3.857-6.819,7.309-13.824,9.473-21.394c1.377-4.818,2.056-9.707,0.962-14.669C72.137,13.005,58.646,4.41,44.367,7.553c-13.27,2.921-22.094,16.727-19.214,29.974c1.16,5.336,3.113,10.376,5.422,15.294c4.394,9.361,9.76,18.165,15.49,26.755C47.406,81.589,48.801,83.565,50.22,85.629z'%3E%3C/path%3E%3Cpath d='M50.209,94.082c7.161-0.226,14.27-0.662,21.221-2.429c1.993-0.507,3.896-1.366,5.837-2.078c0.236-0.086,0.45-0.244,0.657-0.39c1.276-0.894,1.297-1.607-0.004-2.487c-2.154-1.455-4.623-2.146-7.12-2.687c-2.242-0.483-4.519-0.813-6.784-1.18c-1.072-0.174-1.615-0.708-1.514-1.592c0.094-0.802,0.65-1.222,1.7-1.086c4.914,0.634,9.818,1.359,14.254,3.758c0.952,0.514,1.822,1.308,2.513,2.151c0.928,1.132,0.941,2.744-0.067,3.794c-0.973,1.011-2.148,1.927-3.4,2.55c-3.316,1.651-6.941,2.325-10.569,2.903c-7.098,1.132-14.252,1.451-21.419,1.139c-7.026-0.306-14.035-0.918-20.734-3.277c-1.51-0.532-2.989-1.33-4.276-2.283c-2.281-1.688-2.198-4.279,0.048-6.067c1.861-1.481,4.057-2.301,6.319-2.873c2.47-0.625,4.984-1.08,7.486-1.569c0.964-0.188,1.688,0.307,1.811,1.12c0.117,0.775-0.445,1.374-1.463,1.539c-3.403,0.554-6.803,1.144-9.996,2.505c-0.955,0.408-1.85,0.991-2.7,1.598c-0.649,0.462-0.642,1.152,0.016,1.6c0.89,0.604,1.823,1.185,2.813,1.591c3.568,1.467,7.333,2.233,11.139,2.639C40.705,93.474,45.463,93.723,50.209,94.082z'%3E%3C/path%3E%3Cpath d='M50.223,48.723c-9.071-0.07-16.368-7.376-16.277-16.296c0.094-9.056,7.425-16.277,16.473-16.223c8.846,0.052,16.182,7.541,16.086,16.42C66.409,41.52,59.055,48.792,50.223,48.723zM50.222,46.042c7.363,0.055,13.507-6.008,13.599-13.422c0.093-7.402-6.01-13.653-13.402-13.73c-7.542-0.079-13.731,5.999-13.788,13.537C36.574,39.883,42.667,45.986,50.222,46.042z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section.navUser-section--location .navUser-item .navUser-action .icon svg {
            fill: #666666;
            stroke: #666666; }
      .header .header-wrap > div.heaer-right .navUser ul.navUser-section + .navUser-section {
        display: flex; }
        @media (min-width: 551px) {
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section + .navUser-section {
            border-left: 1px solid #cccccc;
            margin-left: 0.4rem;
            padding-left: 0.4rem; } }
        @media (min-width: 992px) {
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section + .navUser-section {
            margin-left: 1rem;
            padding-left: 1rem; } }
        @media (min-width: 1261px) {
          .header .header-wrap > div.heaer-right .navUser ul.navUser-section + .navUser-section {
            margin-left: 2rem;
            padding-left: 2rem; } }
  .header .mobile-heaer-search {
    display: block; }
    @media (min-width: 801px) {
      .header .mobile-heaer-search {
        display: none; } }
    .header .mobile-heaer-search .search-quick-form .form-fieldset .form-field {
      margin: 0 auto;
      position: relative;
      max-width: 290px; }
      .header .mobile-heaer-search .search-quick-form .form-fieldset .form-field .form-input {
        padding-right: 3rem;
        border-radius: 0;
        border-width: 0 0 1px 0;
        border-color: #bbb;
        font-size: 16px; }
      .header .mobile-heaer-search .search-quick-form .form-fieldset .form-field .search-button.icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 100%; }
        .header .mobile-heaer-search .search-quick-form .form-fieldset .form-field .search-button.icon svg {
          width: 15px;
          height: 15px; }

.navPages {
  background-color: white; }

.navPage-subMenu {
  background-color: white;
  border-bottom: 1px solid #e6e6e4; }
  @media (min-width: 801px) {
    .navPage-subMenu {
      padding-bottom: 4rem; } }
  @media (min-width: 801px) {
    .navPage-subMenu.is-open {
      top: 100%;
      width: 100%;
      border-top: 1px solid #e6e6e4;
      padding-left: 0;
      padding-right: 0; } }
  .navPage-subMenu .navPage-subMenu-list > .navPage-subMenu-item {
    cursor: text; }

.navPages-container {
  position: relative; }
  @media (min-width: 801px) {
    .navPages-container {
      position: inherit;
      padding-bottom: 15px; } }
  .navPages-container.is-open {
    padding-top: 0; }

@media (min-width: 801px) {
  ul.navPages-list.navPages__list-ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%; } }

@media (min-width: 801px) {
  .navPages-item {
    display: block;
    float: none; } }

.has-activeNavPages {
  overflow: auto; }

.navPages-action {
  color: #818386;
  font-size: 14px;
  font-weight: 400;
  padding: 0; }

.navPage-subMenu-item .navPages-action {
  font-size: 15px;
  font-weight: 400;
  display: block;
  padding: 0 0 .35294rem; }
  @media (min-width: 801px) {
    .navPage-subMenu-item .navPages-action {
      padding: 0 0 0.253rem;
      font-weight: 300; } }

.navPages-action:hover,
.navPages-action:focus {
  color: #3f609f; }

@media (min-width: 801px) {
  .navPages-action.is-open {
    background-color: white; } }

.navPage-subMenu-item > .navPage-subMenu-action {
  padding: .76471rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-item > .navPage-subMenu-action {
      color: #666666;
      border-bottom: 2px solid #e6e6e4;
      font-size: 18px;
      padding: 0 0 5px;
      font-wight: 300; } }

.navPage-subMenu__wrapper {
  padding-left: 3%; }
  @media (min-width: 801px) {
    .navPage-subMenu__wrapper {
      padding-left: 0%;
      margin-right: 10%;
      margin-left: 10%;
      display: flex; } }
  @media (min-width: 1261px) {
    .navPage-subMenu__wrapper {
      margin: auto;
      max-width: 1200px; } }

.navPage-subMenu__column {
  width: 100%; }
  @media (min-width: 801px) {
    .navPage-subMenu__column {
      width: 75%; } }

.navPage-subMenu__marketing-wrapper {
  display: none; }
  @media (min-width: 801px) {
    .navPage-subMenu__marketing-wrapper {
      display: flex;
      /*flex: 1;*/
      flex-direction: row;
      width: 25%; } }

.navPage-subMenu__marketing-wrapper--container {
  flex: 1;
  padding: 0 .9rem; }
  .navPage-subMenu__marketing-wrapper--container a {
    color: #3f609f;
    text-decoration: none; }
    .navPage-subMenu__marketing-wrapper--container a:hover {
      color: #2f497a; }
  .navPage-subMenu__marketing-wrapper--container img {
    height: auto;
    width: 100%;
    background-color: purple; }
    @media (min-width: 801px) {
      .navPage-subMenu__marketing-wrapper--container img {
        min-height: 125px; } }

@media (min-width: 801px) {
  .navPage-subMenu__marketing-wrapper--container h2 {
    margin-top: 6px; } }

@media (min-width: 801px) {
  .navPage-subMenu__marketing-wrapper--container .product-font {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    border: 2px solid #ddd;
    display: block; } }

@media (min-width: 801px) {
  .navPage-subMenu-item {
    width: 33.33333%; } }

@media (min-width: 801px) {
  #menu.navPages-container {
    display: none; } }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu {
  display: block; }
  @media (min-width: 801px) {
    #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu {
      display: flex; } }
  #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > span {
    width: 30px;
    height: 30px;
    margin: 0 12px 0 0;
    display: inline-block;
    vertical-align: middle; }
  #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > span > svg {
    width: 100%;
    height: 100%; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action > .mobileicon.icon {
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  display: inline-block;
  vertical-align: middle; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon {
  width: 30px;
  height: 30px;
  margin-right: 1px;
  text-align: center; }
  #MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.Hidden.Halo.engagement-rings svg {
    stroke-width: 16; }
  #MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.Three-Stone.engagement-rings svg {
    stroke-width: 10px; }

#menu .navPage-subMenu-item .navPages-action > .icon svg {
  stroke: transparent; }

#menu .navPage-subMenu-item .navPages-action > .icon, #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > .icon {
  width: 30px;
  height: 30px;
  margin-right: 1px;
  text-align: center; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon svg {
  stroke-width: 5;
  stroke: transparent; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.TradeUp.about.our-diamonds svg {
  stroke: #0089DD; }

#menu .navPage-subMenu-item .navPages-action > .icon svg {
  stroke-width: 5; }

#menu .navPage-subMenu-item .navPages-action .icon.navPages-action-moreIcon {
  width: .47059rem;
  height: .47059rem; }
  #menu .navPage-subMenu-item .navPages-action .icon.navPages-action-moreIcon > svg {
    stroke-width: 2; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > .icon > svg, #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > span > svg {
  stroke-width: 5; }

#menu .navPage-subMenu-action.navPages-action.has-subMenu {
  font-family: montserrat;
  font-weight: 500; }

#MenuForDesktop .navPages-item.have-subMenu .subMenu-wedding-bands .navPage-subMenu__column {
  width: 100%; }
  #MenuForDesktop .navPages-item.have-subMenu .subMenu-wedding-bands .navPage-subMenu__column .navPage-subMenu-list .navPage-subMenu-item {
    width: 20%; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.yellow-gold.engagement-rings > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.rose-gold.engagement-rings > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.Micro-Prong.wedding-bands > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.White.Gold.wedding-bands > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.rose-gold.wedding-bands > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.yellow-gold.wedding-bands > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.Tungsten.Carbide.wedding-bands > svg {
  stroke: none; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.Hammered.wedding-bands > svg {
  stroke-width: 0.5; }

#MenuForDesktop .navPage-subMenu-list .navPage-subMenu-item[class*="by-metal"] svg {
  width: 80%;
  stroke-width: 0; }

.navPage-subMenu-item.Shop.by.Metal .icon.engagement-rings > svg {
  stroke: none;
  width: 80%; }

#MenuForDesktop .engagement-rings + div .navPage-childList-item.tacori > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.tacori-collection > a,
#MenuForDesktop .engagement-rings + div .navPage-childList-item.danhov > a,
#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.Gabriel > a,
#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.gabriel-co-fashion > a,
#MenuForDesktop .engagement-rings + div .navPage-childList-item.gabriel-co > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.gabriel-co > a,
#MenuForDesktop .engagement-rings + div .navPage-childList-item.Makur > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.tacori > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.danhov > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.gabriel-co > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.tacori > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.gabriel-co > a,
#MenuForDesktop .engagement-rings + div .navPage-childList-item.evertrue > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.evertrue > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.evertrue > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.evertrue > a,
#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.tacori > a {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 120px;
  width: 100%; }

#MenuForDesktop .engagement-rings + div .navPage-childList-item.tacori > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.tacori-collection > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.tacori > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.tacori > a,
#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.tacori > a {
  background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/tacori-logo.svg);
  max-width: 100px; }

#MenuForDesktop .engagement-rings + div .navPage-childList-item.danhov > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.danhov > a {
  background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/danhov-logo.svg); }

#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.Gabriel > a,
#MenuForDesktop .fashion-jewelry + div .navPage-childList-item.gabriel-co-fashion > a,
#MenuForDesktop .engagement-rings + div .navPage-childList-item.gabriel-co > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.gabriel-co > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.gabriel-co > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.gabriel-co > a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 31.165' %3E%3Cg%3E%3Cpath d='M227.293,24.629c-2.553-0.042-5.012-0.445-7.218-1.848c-1.912-1.215-3.07-2.935-3.396-5.174c-0.602-4.132,1.247-7.778,5.049-9.324c2.088-0.849,4.257-1.093,6.486-0.937c2.1,0.147,4.133,0.557,5.947,1.686c2.801,1.742,3.924,4.377,3.659,7.558c-0.3,3.601-2.218,6.118-5.678,7.247c-1.546,0.505-3.203,0.667-4.811,0.986C227.319,24.758,227.306,24.693,227.293,24.629z M226.048,23.304c4.186,0,6.278-1.489,7.073-4.33c0.647-2.313,0.489-4.612-0.47-6.816c-1.028-2.364-3.279-3.721-5.73-3.543c-3,0.219-4.934,1.667-5.664,4.358c-0.613,2.259-0.516,4.516,0.416,6.682C222.704,22.051,224.558,23.27,226.048,23.304z'/%3E%3Cpath d='M72.912,15.09c1.547,0.658,2.648,1.664,3.09,3.297c0.643,2.376-0.367,4.49-2.608,5.513c-1.55,0.708-3.197,0.758-4.843,0.773c-3.276,0.031-6.554,0.009-9.831,0.009c-0.121,0-0.255,0.026-0.36-0.016c-0.112-0.044-0.197-0.155-0.294-0.236c0.093-0.083,0.175-0.219,0.282-0.244c1.411-0.328,1.715-1.053,1.72-2.384c0.016-3.811,0.021-7.622,0-11.433c-0.007-1.399-0.245-2.183-1.734-2.525c-0.103-0.024-0.181-0.158-0.271-0.24c0.097-0.083,0.183-0.187,0.294-0.241c0.079-0.039,0.19-0.015,0.287-0.014c3.713,0.024,7.428,0.007,11.139,0.102c0.944,0.024,1.931,0.28,2.808,0.646c2.516,1.052,3.1,4.259,1.192,6.222C73.53,14.578,73.241,14.8,72.912,15.09z M62.999,19.127c0.003,0,0.007,0,0.01,0c0,0.897-0.03,1.795,0.008,2.691c0.043,1.021,0.48,1.455,1.494,1.483c1.599,0.046,3.199,0.092,4.798,0.065c1.896-0.033,3.403-1.672,3.365-3.575c-0.048-2.349-1.309-3.758-3.41-3.775c-1.867-0.015-3.733,0.011-5.6-0.013c-0.496-0.006-0.699,0.125-0.675,0.651C63.027,17.477,62.999,18.303,62.999,19.127z M63,11.75c0,0.849-0.029,1.698,0.022,2.543c0.012,0.188,0.309,0.512,0.476,0.513c1.767,0.011,3.54,0.059,5.298-0.083c1.694-0.136,2.518-1.199,2.543-2.941c0.025-1.767-0.74-2.851-2.445-3.026c-1.751-0.18-3.526-0.125-5.292-0.143c-0.44-0.005-0.614,0.302-0.606,0.738C63.01,10.151,63,10.951,63,11.75z'/%3E%3Cpath d='M95.281,16.065c1.383,2.237,2.502,4.538,4.345,6.352c0.795,0.782,1.673,1.39,2.808,1.56c0.184,0.027,0.35,0.171,0.523,0.261c-0.183,0.112-0.357,0.302-0.55,0.324c-3.156,0.355-5.74-0.606-7.518-3.347c-0.844-1.301-1.667-2.616-2.488-3.931c-0.503-0.805-1.15-1.251-2.163-1.157c-0.838,0.078-1.688,0.016-2.52,0.016c-0.056,0.121-0.111,0.184-0.111,0.248c-0.006,1.893-0.038,3.787,0.005,5.679c0.029,1.291,0.324,1.591,1.538,1.944c0.159,0.046,0.295,0.173,0.442,0.263c-0.169,0.087-0.337,0.248-0.506,0.25c-2.015,0.017-4.03,0.017-6.045,0c-0.177-0.001-0.352-0.15-0.526-0.23c0.158-0.104,0.305-0.26,0.479-0.302c0.915-0.22,1.442-0.747,1.463-1.721c0.017-0.799,0.063-1.599,0.065-2.398c0.01-3.132,0.011-6.264,0.002-9.396c-0.001-0.434-0.044-0.875-0.128-1.3c-0.151-0.758-0.653-1.145-1.413-1.255c-0.169-0.024-0.313-0.211-0.47-0.323c0.172-0.083,0.345-0.24,0.517-0.24c3.884,0.01,7.769-0.008,11.651,0.077c2.318,0.05,3.983,1.459,4.347,3.462c0.428,2.356-0.905,4.417-3.235,5.004C95.653,15.938,95.519,15.989,95.281,16.065z M87.592,11.716c0,0.8,0.026,1.601-0.009,2.399c-0.024,0.546,0.117,0.773,0.722,0.752c1.331-0.047,2.666-0.014,3.998-0.015c1.967-0.001,3.059-0.961,3.312-2.909c0.216-1.656-0.795-3.125-2.437-3.258c-1.686-0.137-3.388-0.066-5.082-0.078c-0.419-0.003-0.51,0.276-0.507,0.637C87.598,10.068,87.592,10.892,87.592,11.716z'/%3E%3Cpath d='M23.604,7.707c0,1.534,0,3.1,0,4.666c-0.05,0.026-0.099,0.052-0.148,0.078c-0.105-0.14-0.271-0.266-0.309-0.423c-0.666-2.745-2.565-3.769-5.222-4.105c-3.009-0.381-7.024,1.532-8.19,5.475c-1.644,5.56,3.346,10.988,8.977,9.75c1.208-0.266,1.846-0.993,1.907-2.229c0.036-0.727,0.044-1.456,0.028-2.184c-0.022-1.075-0.54-1.696-1.566-1.987c-0.164-0.046-0.293-0.214-0.438-0.326c0.173-0.081,0.346-0.229,0.52-0.23c1.966-0.017,3.933-0.018,5.898,0.001c0.191,0.002,0.381,0.169,0.571,0.259c-0.15,0.109-0.285,0.266-0.453,0.319c-1.167,0.372-1.565,0.898-1.566,2.129c0,1.116,0.006,2.233,0.007,3.35c0.001,1.238-0.172,1.539-1.425,1.754c-1.715,0.294-3.444,0.583-5.178,0.664c-2.89,0.133-5.544-0.66-7.894-2.412c-4.373-3.26-4.681-10.958,1.345-14.174c3.059-1.632,6.28-1.833,9.606-1.183c0.78,0.152,1.535,0.43,2.309,0.621C22.771,7.613,23.175,7.643,23.604,7.707z'/%3E%3Cpath d='M210.993,8.318c0,1.642,0,3.393,0,5.143c-0.037,0.02-0.074,0.039-0.111,0.059c-0.092-0.215-0.212-0.423-0.271-0.647c-0.88-3.336-3.922-4.398-6.469-4.235c-4.023,0.258-6.014,3.088-6.126,6.707c-0.037,1.218,0.096,2.487,0.414,3.661c0.625,2.298,2.188,3.73,4.568,4.151c2.187,0.386,4.308,0.321,6.141-1.179c0.963-0.787,1.594-1.811,2.081-2.937c0.121-0.278,0.254-0.551,0.381-0.827c0.062,0.009,0.122,0.019,0.183,0.028c-0.018,0.257,0,0.523-0.06,0.771c-0.266,1.104-0.544,2.207-0.836,3.304c-0.22,0.827-0.821,1.301-1.592,1.56c-2.959,0.995-5.947,0.998-8.947,0.203c-2.146-0.569-4.017-1.599-5.298-3.467c-2.324-3.391-2.107-9.75,3.527-12.166c3.542-1.519,7.115-1.403,10.739-0.393C209.804,8.19,210.322,8.216,210.993,8.318z'/%3E%3Cpath d='M51.646,24.598c-2.25,0-4.499,0-6.749,0c-0.036-0.047-0.073-0.095-0.11-0.142c0.132-0.12,0.244-0.292,0.399-0.353c0.796-0.309,1.061-0.637,0.768-1.42c-0.491-1.308-1.102-2.573-1.695-3.839c-0.062-0.131-0.358-0.214-0.546-0.215c-2.451-0.014-4.903-0.018-7.354,0.005c-0.214,0.002-0.543,0.148-0.62,0.318c-0.531,1.163-1.068,2.33-1.484,3.536c-0.344,0.996-0.087,1.349,0.895,1.672c0.126,0.042,0.221,0.178,0.331,0.271c-0.124,0.082-0.247,0.235-0.372,0.236c-1.698,0.016-3.397,0.017-5.097,0.001c-0.124-0.001-0.248-0.151-0.371-0.231c0.104-0.097,0.192-0.249,0.313-0.281c1.086-0.29,1.823-1.023,2.334-1.955c1.14-2.078,2.236-4.18,3.317-6.29c1.357-2.651,2.723-5.3,3.996-7.991c0.39-0.824,0.988-0.566,1.57-0.635c0.522-0.062,0.816,0.113,1.062,0.617c2.05,4.223,4.122,8.436,6.217,12.636c0.419,0.841,0.895,1.672,1.472,2.408c0.385,0.491,0.995,0.804,1.502,1.201c0.111,0.086,0.211,0.188,0.315,0.282C51.706,24.485,51.676,24.542,51.646,24.598z M43.51,17.31c-1.158-2.378-2.278-4.674-3.455-7.089c-1.191,2.416-2.327,4.719-3.495,7.089C38.914,17.31,41.144,17.31,43.51,17.31z'/%3E%3Cpath d='M136.159,7.339c0,1.301,0.002,2.539-0.001,3.776c-0.001,0.116-0.025,0.231-0.19,0.403c-0.081-0.178-0.203-0.349-0.236-0.535c-0.297-1.702-0.747-2.203-2.445-2.281c-1.914-0.088-3.836-0.034-5.754-0.05c-0.485-0.004-0.757,0.263-0.767,0.697c-0.037,1.723-0.045,3.446-0.023,5.169c0.001,0.136,0.311,0.383,0.479,0.386c1.48,0.024,2.963,0.031,4.442-0.012c0.75-0.022,1.244-0.475,1.515-1.174c0.069-0.18,0.18-0.344,0.407-0.447c0,1.558,0,3.116,0,4.674c-0.061,0.014-0.121,0.027-0.181,0.041c-0.09-0.195-0.188-0.386-0.267-0.586c-0.277-0.706-0.782-1.099-1.548-1.104c-1.434-0.01-2.867-0.022-4.299,0.014c-0.196,0.005-0.553,0.281-0.553,0.432c-0.004,1.844,0.027,3.688,0.089,5.53c0.021,0.655,0.448,1.015,1.096,1.029c1.675,0.038,3.352,0.113,5.023,0.052c2.04-0.074,2.751-0.694,3.396-2.661c0.086-0.265,0.214-0.516,0.322-0.773c0.069,0.022,0.14,0.045,0.21,0.067c-0.211,1.376-0.39,2.76-0.666,4.122c-0.044,0.217-0.528,0.479-0.818,0.49c-1.406,0.054-2.815,0.032-4.225,0.032c-2.817,0.001-5.635,0-8.452,0c-0.261,0-0.521,0-0.782,0c-0.024-0.064-0.05-0.129-0.074-0.194c0.136-0.099,0.258-0.237,0.41-0.292c1.176-0.426,1.515-0.825,1.522-2.087c0.024-4.007,0.033-8.015,0.014-12.022c-0.007-1.428-0.296-1.755-1.615-2.208c-0.11-0.038-0.189-0.168-0.282-0.255c0.111-0.093,0.216-0.198,0.338-0.274c0.053-0.033,0.142-0.008,0.215-0.008c4.444,0,8.89,0.001,13.334,0.003C135.886,7.294,135.979,7.316,136.159,7.339z'/%3E%3Cpath d='M172.243,13.946c-0.953-1.768-1.057-3.493,0.26-5.098c1.165-1.419,3.406-1.92,5.347-1.275c1.501,0.499,2.586,1.82,2.695,3.507c-0.301-0.306-0.496-0.465-0.646-0.661c-1.122-1.467-3.38-1.924-4.892-0.982c-1.332,0.83-1.711,2.455-0.788,3.713c0.454,0.619,1.054,1.132,1.602,1.68c1.699,1.7,3.397,3.401,5.112,5.085c1.169,1.148,2.457,2.07,4.308,1.882c-0.376,0.716-1.043,0.605-1.578,0.769c-0.43,0.131-0.884,0.214-1.282,0.408c-2.794,1.358-5.676,2.088-8.789,1.353c-2.255-0.533-3.983-2.388-4.336-4.67c-0.36-2.332,0.657-4.333,2.832-5.57C172.128,14.064,172.158,14.024,172.243,13.946z M179.39,21.824c-1.704-1.833-3.347-3.647-5.042-5.41c-0.905-0.941-1.348-0.87-2.112,0.246c-0.239,0.349-0.432,0.765-0.52,1.177c-0.389,1.82,0.591,3.679,2.383,4.616C175.961,23.424,178.177,23.093,179.39,21.824z'/%3E%3Cpath d='M159.518,19.693c0.131,0.235,0.218,0.317,0.209,0.386c-0.167,1.297-0.313,2.599-0.551,3.883c-0.047,0.251-0.459,0.62-0.705,0.622c-4.537,0.038-9.074,0.027-13.743-0.138c0.143-0.125,0.268-0.322,0.432-0.364c0.971-0.247,1.51-0.824,1.522-1.849c0.019-1.504,0.051-3.007,0.057-4.511c0.011-2.403-0.002-4.806,0.007-7.209c0.005-1.291-0.141-2.462-1.737-2.743c-0.115-0.02-0.194-0.243-0.362-0.467c2.386,0,4.612,0,6.84,0c0.038,0.055,0.076,0.11,0.115,0.165c-0.16,0.123-0.303,0.311-0.482,0.357c-0.875,0.226-1.396,0.737-1.473,1.659c-0.004,0.048-0.027,0.095-0.027,0.143c0.018,4.002,0,8.005,0.078,12.007c0.022,1.099,0.527,1.527,1.632,1.557c1.744,0.046,3.494,0.034,5.236-0.057c1.279-0.067,2.033-0.912,2.461-2.068C159.177,20.657,159.32,20.245,159.518,19.693z'/%3E%3Cpath d='M114.871,7.598c-1.778,0.655-2.067,1.065-2.065,2.863c0.004,3.737-0.002,7.473-0.009,11.209c-0.004,1.623,0.251,1.998,1.724,2.515c0.112,0.04,0.195,0.163,0.292,0.246c-0.124,0.083-0.248,0.236-0.372,0.237c-2.111,0.014-4.223,0.014-6.333-0.001c-0.119-0.001-0.236-0.159-0.354-0.244c0.093-0.082,0.172-0.204,0.28-0.241c1.455-0.496,1.742-0.892,1.744-2.513c0.005-3.81,0.001-7.619,0-11.428c0-0.048,0.002-0.097,0.001-0.146c-0.029-1.311-0.424-1.83-1.657-2.229c-0.141-0.045-0.245-0.2-0.366-0.304c0.132-0.071,0.264-0.203,0.396-0.204c2.086-0.013,4.173-0.014,6.259,0.002C114.564,7.362,114.718,7.516,114.871,7.598z'/%3E%3Cpath d='M183.723,21.015c-1.321-0.555-2.261-1.377-3.083-2.338c-0.134-0.156-0.147-0.454-0.14-0.684c0.044-1.33-0.354-2.334-1.8-2.667c-0.145-0.033-0.231-0.314-0.425-0.596c2.601,0,5.019,0,7.661,0c-0.195,0.278-0.282,0.552-0.455,0.626c-1.471,0.633-1.778,1.09-1.761,2.701C183.73,19.001,183.723,19.945,183.723,21.015z'/%3E%3Cpath d='M241.798,23.098c-0.01-0.913,0.621-1.574,1.52-1.593c0.911-0.019,1.622,0.671,1.63,1.583c0.007,0.85-0.715,1.568-1.581,1.574C242.486,24.668,241.808,23.991,241.798,23.098z'/%3E%3C/g%3E%3C/svg%3E"); }

#MenuForDesktop .engagement-rings + div .navPage-childList-item.evertrue > a,
#MenuForDesktop .wedding-bands + div .navPage-childList-item.evertrue > a,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections .navPage-childList-item.evertrue > a,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections .navPage-childList-item.evertrue > a {
  background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/evertrue-logo.svg); }

#MenuForDesktop .engagement-rings + div .navPage-childList-item.Makur > a {
  background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/img/dropdown_menu_makur_logo.png); }

@media (min-width: 801px) {
  #MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:nth-child(2) {
    margin-bottom: 30px; } }

@media (min-width: 801px) {
  #MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:last-child {
    float: none;
    margin: 0 auto;
    clear: left; } }

@media (min-width: 801px) {
  #MenuForDesktop .navPages-item.have-subMenu .subMenu-wedding-bands .navPage-subMenu__column .navPage-subMenu-list .navPage-subMenu-item.shop-by-designer {
    width: 20%; } }

@media (min-width: 801px) {
  #MenuForDesktop .wedding-bands + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:last-child > ul > li,
  #MenuForDesktop .engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:last-child > ul > li,
  #MenuForDesktop .fashion-jewelry + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:last-child > ul > li {
    float: none;
    display: inline-block;
    width: 50%;
    padding: 0 5px !important; } }

@media (min-width: 801px) {
  #MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:last-child > ul > li:first-child {
    width: 100%;
    text-align: center; } }

#MenuForDesktop .navPages-item.have-subMenu .navPage-subMenu-item.Ready.to.Ship .navPage-childList > .navPage-childList-item {
  float: none;
  width: 100%; }

#MenuForDesktop > nav > ul.navPages-list.navPages__list-ul > li:last-child.navPages-item {
  text-align: right; }

/**Mobile Menu**/
#menu > .navPages.navPages__list {
  padding: 0; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item {
  position: relative; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu {
  border-bottom: 1px solid #DADADA;
  position: relative; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action {
  padding: 10px 0 10px 20px; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > .icon.navPages-action-moreIcon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item > .navPages-action.has-subMenu > .icon.navPages-action-moreIcon > svg {
  fill: #0089DD;
  stroke: #0089DD;
  stroke-width: 2px; }

#menu .navPage-childList,
#menu .navPages .navPage-subMenu-list {
  border: 0;
  margin: 0;
  padding: 0; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item .navPage-subMenu__wrapper {
  padding: 0; }

#menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item .navPage-subMenu__column {
  padding: 0 30px 30px; }

#menu .navPage-subMenu-item.Engagement.Ring.Styles {
  padding: 10px 0 0; }

#menu .navPage-subMenu-item.Engagement.Ring.Styles::before,
#menu .navPage-subMenu-item.Engagement.Ring.Styles::after,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections::before,
#menu .engagement-rings + div .navPage-subMenu-item.designer-collections::after,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections::before,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections::after {
  content: "";
  display: table;
  clear: both; }

#menu .navPage-subMenu-item.Engagement.Ring.Styles > ul > li {
  float: left;
  width: 50%; }

#menu .navPage-subMenu-item.designer-collections {
  clear: left; }

#menu .engagement-rings + div .navPage-subMenu-item.designer-collections > ul > li,
#menu .wedding-bands + div .navPage-subMenu-item.designer-collections > ul > li {
  float: left;
  display: inline-block;
  width: 33.3333%;
  padding: 0 5px !important; }

#menu .engagement-rings + div .navPage-subMenu-item.designer-collections > a {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px; }

#menu .navPage-subMenu-action.navPages-action.has-subMenu {
  font-weight: 300;
  padding: .76471rem 0;
  font-family: niveau-grotesk,Arial,Helvetica,sans-serif;
  font-size: 22px; }

#MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:nth-child(3) > ul > li.navPage-childList-item.pre-set-moissanite, #MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:nth-child(3) > ul > li.navPage-childList-item.proposal-rings, #MenuForDesktop .navPages-item.have-subMenu > a.engagement-rings + div .navPage-subMenu__column > ul.navPage-subMenu-list > li:nth-child(3) > ul > li.navPage-childList-item.tacori-ready-to-ship {
  float: none;
  width: 100%;
  clear: both; }

#MenuForDesktop .navPages ul li.navPage-childList-item.tacori-ready-to-ship .icon svg, #menu .navPage-subMenu-item .tacori-ready-to-ship .navPages-action > .icon > svg {
  stroke-width: 0; }

.mobileMenu-toggle .mobileMenu-toggleIcon,
.mobileMenu-toggle .mobileMenu-toggleIcon::after,
.mobileMenu-toggle .mobileMenu-toggleIcon::before {
  background: #818386; }

#menu .navPage-subMenu-item .navPages-action > .icon.tacori-rings.engagement-rings > svg {
  stroke-width: 1px; }

#menu .navPages-item.have-subMenu .navPage-subMenu-item.shop-pre-set-rings svg, #MenuForDesktop .navPages-item.have-subMenu .navPage-subMenu-item.shop-pre-set-rings svg {
  width: 80%;
  stroke-width: 20px; }

#menu .navPages-item.have-subMenu .navPage-subMenu-item.Shop.Women’s.by.Metal svg,
#menu .navPages-item.have-subMenu .navPage-subMenu-item.Shop.Men’s.by.Metal svg, #MenuForDesktop .navPages-item.have-subMenu .navPage-subMenu-item.Shop.Women’s.by.Metal svg,
#MenuForDesktop .navPages-item.have-subMenu .navPage-subMenu-item.Shop.Men’s.by.Metal svg {
  width: 80%;
  stroke-width: 0; }

#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.hidden-halo-engagement-rings > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.three-stone-engagement-rings > svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.promise-rings-engagement-rings svg,
#MenuForDesktop .navPage-subMenu-item .navPages-action > .icon.carat-engagement-rings svg {
  stroke-width: 10; }

.shop-by-men-s-metal svg {
  width: 80%; }

@media only screen and (max-width: 800px) {
  #menu > .navPages.navPages__list > .navPages__list-ul > .navPages-item .navPage-subMenu__column {
    padding: 0 0.7rem 0.7rem; }
  .navPage-subMenu-item.wedding-bands::before, .navPage-subMenu-item.wedding-bands::after {
    content: "";
    display: table;
    clear: both; }
  .navPage-subMenu-item.wedding-bands .navPage-childList-action.navPages-action {
    float: left;
    width: 50%; }
  #CustomLooseDiamonds {
    display: block; }
  #menu .engagement-rings + div .navPage-subMenu-item.designer-collections > a {
    border-bottom: 0px solid #ddd; } }

@media only screen and (max-width: 1099px) {
  #MenuForDesktop .navPages-item.have-subMenu .subMenu-engagement-rings .navPage-subMenu__column .navPage-subMenu-list .navPage-subMenu-item {
    width: 33.333%; }
  #MenuForDesktop .navPage-subMenu-list .navPage-subMenu-item {
    width: 50%;
    float: none;
    display: inline-block;
    vertical-align: top; } }

#MenuForDesktop .navPage-subMenu-item.shop-women-s .high-polished .navPages-action > .icon svg {
  display: none; }

#MenuForDesktop .navPage-subMenu-item.shop-women-s .high-polished .navPages-action > .icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Cpath fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M26.862,12.129H4.72c-2.038,0-3.69,1.651-3.69,3.69c0,2.038,1.652,3.69,3.69,3.69h22.143c2.038,0,3.69-1.652,3.69-3.69C30.553,13.78,28.9,12.129,26.862,12.129z'/%3E%3Cline fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='12.004' y1='19.574' x2='15.788' y2='12.237'/%3E%3Cline fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='15.967' y1='19.398' x2='19.745' y2='12.149'/%3E%3C/g%3E%3C/svg%3E"); }

.navPage-subMenu .navPage-subMenu-list > .navPage-subMenu-item.navPage-subMenu-item[class*="metal"] svg {
  width: 80%; }

#menu .navPage-subMenu-item.shop-women-s .navPage-childList-item.High.Polished .navPages-action > .icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Cpath fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M26.862,12.129H4.72c-2.038,0-3.69,1.651-3.69,3.69c0,2.038,1.652,3.69,3.69,3.69h22.143c2.038,0,3.69-1.652,3.69-3.69C30.553,13.78,28.9,12.129,26.862,12.129z'/%3E%3Cline fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='12.004' y1='19.574' x2='15.788' y2='12.237'/%3E%3Cline fill='none' stroke='%230089DD' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='15.967' y1='19.398' x2='19.745' y2='12.149'/%3E%3C/g%3E%3C/svg%3E"); }

#menu .navPage-subMenu-item.shop-women-s .navPage-childList-item.High.Polished .navPages-action > .icon svg {
  display: none; }

#MenuForDesktop .navPage-subMenu-item .navPage-childList-item.gifts-under-500 svg {
  stroke-width: 1; }

.navPages-action {
  font-weight: 400; }

.heroCarousel {
  padding-bottom: 3rem; }
  @media (min-width: 551px) {
    .heroCarousel {
      padding-bottom: 0; } }
  .heroCarousel.slick-initialized {
    max-height: inherit !important;
    background-color: #FAF1E8; }
    @media (min-width: 551px) {
      .heroCarousel.slick-initialized {
        max-height: 33.457rem; } }
  .heroCarousel .heroCarousel {
    margin-bottom: 4.5rem;
    margin-top: -1.5rem;
    min-width: 100%;
    width: 1px;
    max-height: inherit !important; }
  .heroCarousel .heroCarousel-slide {
    display: flex;
    flex-direction: column; }
    @media (min-width: 551px) {
      .heroCarousel .heroCarousel-slide {
        display: block; } }
    .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper {
      height: 100%;
      max-height: inherit;
      position: relative; }
      @media (min-width: 551px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper {
          order: inherit; } }
      @media (min-width: 801px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper {
          order: 2; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper .heroCarousel-image {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
        font-family: "object-fit: cover;";
        max-height: 100%;
        object-fit: cover;
        width: 100%; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper .heroCarousel-image {
            font-family: "object-fit: contain;";
            object-fit: contain; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper:after {
        content: "";
        display: block;
        height: 0;
        padding-bottom: 48%;
        width: 100%; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper:after {
            padding-bottom: 34%; } }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper:after {
            padding-bottom: 24%; } }
    .heroCarousel .heroCarousel-slide .heroCarousel-content {
      background-color: transparent;
      text-align: center;
      width: 100%; }
      @media (min-width: 551px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-content {
          order: inherit;
          text-align: left; } }
      @media (min-width: 801px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-content {
          order: 1; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title,
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle,
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description,
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
        color: #666666;
        font-weight: 300;
        margin: 0; }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
        font-size: 34px;
        line-height: 2.8rem;
        margin: 0 0 0.5rem; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
            font-size: 40px;
            line-height: 2.8rem;
            margin: 0 0 1rem; } }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
            font-size: 60px;
            line-height: 4.8rem;
            margin: 0 0 1rem; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
        font-size: 20px;
        margin: 0 0 0.5rem; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
            font-size: 25px;
            margin: 0 0 1rem; } }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
            font-size: 30px;
            margin: 0 0 1rem; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
        font-size: 14px; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
            font-size: 16px; } }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
            font-size: 18px; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
        background: #fff;
        border-color: #fff;
        border-radius: 0;
        font-weight: 500;
        margin: 0.5rem 0 0;
        padding: 1.257rem 2.886rem;
        font-size: 14px; }
        @media (min-width: 551px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
            font-size: 16px;
            margin: 1.5rem 0 0; } }
        .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
          background-color: #666;
          border-color: #666;
          color: #fff; }
  .heroCarousel .slick-arrow {
    margin: 0 auto;
    bottom: -20px;
    top: inherit;
    padding: 0;
    border: 0;
    width: 45px;
    height: 40px; }
    .heroCarousel .slick-arrow.slick-prev {
      right: 0;
      left: -40px;
      border-radius: 100% 0 0 0;
      box-shadow: -2.5px -2px 3px rgba(129, 131, 134, 0.5); }
      .heroCarousel .slick-arrow.slick-prev:before {
        right: 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 482 482'%3E%3Cpath d='M467.234,468.012c-2.875,0.135-4.333,0.263-5.792,0.264 c-62.815,0.01-125.63,0.045-188.444-0.121c-2.661-0.007-5.919-1.231-7.888-3.009c-72.713-65.617-145.308-131.364-217.915-197.098 c-8.638-7.82-17.261-15.656-26.43-23.974c5.747-5.283,11.283-10.438,16.891-15.515c75.819-68.637,151.637-137.274,227.546-205.812 c1.773-1.603,4.591-2.903,6.926-2.909c63.481-0.155,126.963-0.125,190.445-0.113c1.111,0,2.223,0.142,4.634,0.306 c-82.822,74.981-164.823,149.22-247.395,223.976C302.152,318.555,384.18,392.818,467.234,468.012z' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' fill='rgb(222, 222, 222)' /%3E%3C/svg%3E"); }
    .heroCarousel .slick-arrow.slick-next {
      left: 0;
      right: -45px;
      border-radius: 0 100% 0 0;
      box-shadow: 3px -2px 3px rgba(129, 131, 134, 0.5); }
      .heroCarousel .slick-arrow.slick-next:before {
        left: 0;
        border-left: 2px solid #eee;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 470 476'%3E%3Cpath d='M16.291,463.926c82.961-75.104,164.93-149.311,247.417-223.986 C181.311,165.341,99.279,91.074,17.248,16.808c0.081-0.392,0.162-0.783,0.242-1.174c1.887,0,3.773,0,5.659,0 c61.99,0,123.98,0.038,185.97-0.084c4.313-0.009,7.396,1.267,10.592,4.167c72.176,65.484,144.455,130.853,216.712,196.247 c8.639,7.817,17.257,15.657,26.363,23.921c-5.793,5.315-11.354,10.479-16.981,15.573c-75.708,68.53-151.41,137.067-227.221,205.483 c-1.983,1.791-5.175,3.174-7.807,3.182c-62.989,0.175-125.979,0.138-188.969,0.125C20.383,464.247,18.958,464.087,16.291,463.926z' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' fill='rgb(222, 222, 222)' /%3E%3C/svg%3E"); }
    .heroCarousel .slick-arrow:before {
      width: 20px;
      height: 28px;
      position: absolute;
      bottom: 0;
      padding: 0 20px;
      background-size: 12px; }
    .heroCarousel .slick-arrow .carousel-tooltip {
      margin-top: 22px; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="0"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="1"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="2"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #343232;
    border-color: #343232;
    color: white; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #343232; }

.heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #0089dd;
  border-color: #0089dd;
  color: white; }
  .heroCarousel div[data-hero-slide="3"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: white;
    border-color: white;
    color: #0089dd; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-subtitle {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
  color: #666666; }

.heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
  background-color: #666666;
  border-color: #666666;
  color: #666666; }
  .heroCarousel div[data-hero-slide="4"] .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
    background-color: #666666;
    border-color: #666666;
    color: #666666; }

.productCarousel {
  margin: 0; }

.custom-page-heading {
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 40px 0;
  font-size: 30px;
  line-height: 33px; }
  @media (min-width: 801px) {
    .custom-page-heading {
      font-size: 35px; } }
  @media (min-width: 1681px) {
    .custom-page-heading {
      font-size: 40px; } }
  .custom-page-heading span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0 0 0; }
    @media (min-width: 551px) {
      .custom-page-heading span {
        font-size: 18px; } }
    @media (min-width: 1681px) {
      .custom-page-heading span {
        font-size: 24px;
        line-height: 40px; } }

.shop-by-style-wrapper,
.what-you-get-wrapper,
.shop-by-ready-wrapper,
.feature-collection-wrapper,
.downtown-visit-wrapper,
.our-story-wrapper {
  margin: 0 0 30px 0; }
  @media (min-width: 1261px) {
    .shop-by-style-wrapper,
    .what-you-get-wrapper,
    .shop-by-ready-wrapper,
    .feature-collection-wrapper,
    .downtown-visit-wrapper,
    .our-story-wrapper {
      margin: 0 0 60px 0; } }

.shop-by-categories {
  text-align: center; }
  .shop-by-categories .inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .shop-by-categories .inner .box {
      padding: 0 4px;
      width: 100%; }
      @media (min-width: 551px) {
        .shop-by-categories .inner .box {
          width: 50%; } }
      @media (min-width: 801px) {
        .shop-by-categories .inner .box {
          width: 25%; } }
      .shop-by-categories .inner .box a {
        text-decoration: none; }
        .shop-by-categories .inner .box a:hover .text-item {
          color: #757575; }
      .shop-by-categories .inner .box .text-item {
        color: #000;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        font-family: niveau-grotesk;
        padding: 15px;
        text-transform: uppercase; }
        @media (min-width: 551px) {
          .shop-by-categories .inner .box .text-item {
            font-size: 16px;
            line-height: 22px; } }
        @media (min-width: 801px) {
          .shop-by-categories .inner .box .text-item {
            font-size: 20px;
            line-height: 22px; } }
        @media (min-width: 1441px) {
          .shop-by-categories .inner .box .text-item {
            font-size: 30px;
            line-height: 30px; } }

.what-you-get-wrapper {
  text-align: center;
  background: #ffece7;
  padding: 30px 0 0; }
  @media (min-width: 801px) {
    .what-you-get-wrapper {
      background: transparent;
      padding: 0; } }
  .what-you-get-wrapper .heading-purchase {
    background: #ffece7;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;
    font-size: 21px; }
    @media (min-width: 551px) {
      .what-you-get-wrapper .heading-purchase {
        font-size: 25px; } }
    @media (min-width: 801px) {
      .what-you-get-wrapper .heading-purchase {
        font-size: 30px;
        padding: 50px 20px 120px; } }
    @media (min-width: 1441px) {
      .what-you-get-wrapper .heading-purchase {
        font-size: 40px; } }
    @media (min-width: 1681px) {
      .what-you-get-wrapper .heading-purchase {
        font-size: 45px; } }
  .what-you-get-wrapper .what-you-get-detail {
    text-align: center;
    background: transparent;
    margin-top: 0;
    padding: 20px 20px 28px;
    box-shadow: none; }
    @media (min-width: 801px) {
      .what-you-get-wrapper .what-you-get-detail {
        padding: 20px 50px 28px;
        margin-top: -60px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        background: #fff; } }
    .what-you-get-wrapper .what-you-get-detail .container {
      padding: 0; }
      @media (min-width: 801px) {
        .what-you-get-wrapper .what-you-get-detail .container {
          padding: 0 1.5rem; } }
    .what-you-get-wrapper .what-you-get-detail .inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0; }
      @media (min-width: 801px) {
        .what-you-get-wrapper .what-you-get-detail .inner {
          margin: -70px 0 30px 0; } }
      .what-you-get-wrapper .what-you-get-detail .inner .box {
        width: 50%;
        margin-bottom: 20px; }
        @media (min-width: 801px) {
          .what-you-get-wrapper .what-you-get-detail .inner .box {
            width: 25%;
            margin-bottom: 0px; } }
        .what-you-get-wrapper .what-you-get-detail .inner .box .box-icons .icon {
          width: 100px;
          height: 100px;
          border: 8px solid #fff;
          border-radius: 50%;
          overflow: hidden; }
          .what-you-get-wrapper .what-you-get-detail .inner .box .box-icons .icon svg {
            width: 100%;
            height: 100%;
            background: #3c6bb4;
            padding: 10px;
            fill: #fff;
            stroke: #fff; }
        .what-you-get-wrapper .what-you-get-detail .inner .box .box-text {
          font-size: 18px;
          font-weight: 300;
          color: #000;
          padding: 0 8px; }
          @media (min-width: 551px) {
            .what-you-get-wrapper .what-you-get-detail .inner .box .box-text {
              font-size: 20px; } }
          @media (min-width: 801px) {
            .what-you-get-wrapper .what-you-get-detail .inner .box .box-text {
              font-size: 20px; } }
          @media (min-width: 1441px) {
            .what-you-get-wrapper .what-you-get-detail .inner .box .box-text {
              font-size: 20px; } }
          @media (min-width: 1681px) {
            .what-you-get-wrapper .what-you-get-detail .inner .box .box-text {
              font-size: 24px; } }
    .what-you-get-wrapper .what-you-get-detail .bottom-detail {
      font-size: 28px;
      font-weight: 300;
      color: #333;
      line-height: 32px;
      display: none; }
      @media (min-width: 801px) {
        .what-you-get-wrapper .what-you-get-detail .bottom-detail {
          display: block; } }
      .what-you-get-wrapper .what-you-get-detail .bottom-detail a {
        color: #333; }
        .what-you-get-wrapper .what-you-get-detail .bottom-detail a:hover {
          color: #757575; }

.feature-collection-wrapper .inner {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap; }
  .feature-collection-wrapper .inner .box {
    width: 100%;
    margin: 0 0 10px 0; }
    @media (min-width: 551px) {
      .feature-collection-wrapper .inner .box {
        width: 50%; } }
    @media (min-width: 801px) {
      .feature-collection-wrapper .inner .box {
        width: 33.333%;
        margin: 0; } }
    .feature-collection-wrapper .inner .box a {
      display: block;
      padding: 0 10px; }
    .feature-collection-wrapper .inner .box img {
      width: 100%; }

.recently-purchased-rings-wrap .productGrid {
  margin: 0 -10px; }

.recently-purchased-rings-wrap .card .card-figcaption {
  display: none; }

.recently-purchased-rings-wrap .card .card-img-container:after {
  padding-bottom: 100%; }

.recently-purchased-rings-wrap .card .card-img-container .card-image {
  margin: 0 auto; }

.recently-purchased-rings-wrap .card .card-body {
  text-align: center; }
  .recently-purchased-rings-wrap .card .card-body .card-title {
    font-size: 17px; }
    .recently-purchased-rings-wrap .card .card-body .card-title > a {
      color: #000;
      font-weight: 300; }
      .recently-purchased-rings-wrap .card .card-body .card-title > a:hover {
        color: #757575; }
  .recently-purchased-rings-wrap .card .card-body .card-text {
    color: #3f609f;
    font-size: 24px; }

.recently-purchased-rings-wrap,
.shop-by-categories {
  position: relative; }
  .recently-purchased-rings-wrap .slick-dots,
  .shop-by-categories .slick-dots {
    display: none !important; }
  .recently-purchased-rings-wrap .slick-arrow,
  .shop-by-categories .slick-arrow {
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fcfcfc;
    border: 1px solid #eff3f8; }
    .recently-purchased-rings-wrap .slick-arrow:hover,
    .shop-by-categories .slick-arrow:hover {
      opacity: 0.8; }
    .recently-purchased-rings-wrap .slick-arrow.slick-next:before, .recently-purchased-rings-wrap .slick-arrow.slick-prev:before,
    .shop-by-categories .slick-arrow.slick-next:before,
    .shop-by-categories .slick-arrow.slick-prev:before {
      height: 18px;
      width: 18px;
      margin: 0 auto; }
    .recently-purchased-rings-wrap .slick-arrow.slick-prev,
    .shop-by-categories .slick-arrow.slick-prev {
      left: 15px; }
      .recently-purchased-rings-wrap .slick-arrow.slick-prev:before,
      .shop-by-categories .slick-arrow.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='%238f8f8f' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
        background-position: 3px center; }
      .recently-purchased-rings-wrap .slick-arrow.slick-prev .carousel-tooltip:after,
      .shop-by-categories .slick-arrow.slick-prev .carousel-tooltip:after {
        left: -21px; }
    .recently-purchased-rings-wrap .slick-arrow.slick-next,
    .shop-by-categories .slick-arrow.slick-next {
      right: 12px; }
      .recently-purchased-rings-wrap .slick-arrow.slick-next:before,
      .shop-by-categories .slick-arrow.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='%238f8f8f' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
        background-position: -3px center; }

.downtown-visit-wrapper .inner {
  position: relative;
  background-image: url(https://store-gh1go5da.mybigcommerce.com/content/home-new/visit-downtown.jpg);
  min-height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 25% center; }
  @media (min-width: 801px) {
    .downtown-visit-wrapper .inner {
      background-position: 30% center; } }
  .downtown-visit-wrapper .inner .img-item {
    display: none; }
  .downtown-visit-wrapper .inner .schedual-visit-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    text-align: center;
    max-width: 265px;
    width: 100%; }
    @media (min-width: 551px) {
      .downtown-visit-wrapper .inner .schedual-visit-detail {
        max-width: 300px; } }
    @media (min-width: 801px) {
      .downtown-visit-wrapper .inner .schedual-visit-detail {
        padding: 50px;
        max-width: 360px; } }
    .downtown-visit-wrapper .inner .schedual-visit-detail p {
      font-size: 20px;
      line-height: 25px;
      margin: 0 0 20px 0;
      color: #000; }
      @media (min-width: 551px) {
        .downtown-visit-wrapper .inner .schedual-visit-detail p {
          font-size: 28px;
          line-height: 30px; } }
    .downtown-visit-wrapper .inner .schedual-visit-detail .schedule-visit-icon {
      display: block;
      margin: 5px auto 0;
      width: 50px;
      height: 50px; }
      @media (min-width: 551px) {
        .downtown-visit-wrapper .inner .schedual-visit-detail .schedule-visit-icon {
          margin: 15px auto 0;
          width: 70px;
          height: 70px; } }
      .downtown-visit-wrapper .inner .schedual-visit-detail .schedule-visit-icon svg {
        height: 100%;
        fill: #3c6bb4;
        stroke: none;
        width: 100%; }

.custom-primary-buttons,
.custom-primary-buttons:focus {
  color: #fff;
  background: #3c6bb4;
  border: 1px solid #3c6bb4;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: navajowhite;
  padding: 10px 15px;
  display: inline-block;
  margin: 0 auto 15px; }
  .custom-primary-buttons:hover,
  .custom-primary-buttons:focus:hover {
    color: #3c6bb4;
    background: #fff; }

.our-story-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: center; }
  @media (min-width: 992px) {
    .our-story-wrapper {
      flex-direction: row;
      text-align: left; } }
  .our-story-wrapper .ColumnWrap {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0; }
    .our-story-wrapper .ColumnWrap h2.heading-inner {
      font-size: 30px;
      font-weight: 300;
      text-transform: uppercase;
      color: #000;
      line-height: 45px;
      margin: 0 0 10px 0; }
      @media (min-width: 801px) {
        .our-story-wrapper .ColumnWrap h2.heading-inner {
          font-size: 35px;
          margin: 0 0 30px 0; } }
      @media (min-width: 1441px) {
        .our-story-wrapper .ColumnWrap h2.heading-inner {
          font-size: 40px; } }
      @media (min-width: 1681px) {
        .our-story-wrapper .ColumnWrap h2.heading-inner {
          font-size: 45px; } }
    .our-story-wrapper .ColumnWrap.ImageWrap {
      align-items: flex-end;
      position: relative;
      margin: 0 0 20px 0; }
      @media (min-width: 992px) {
        .our-story-wrapper .ColumnWrap.ImageWrap {
          margin: 0; } }
      .our-story-wrapper .ColumnWrap.ImageWrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .our-story-wrapper .ColumnWrap .ContentInfo {
      width: 100%;
      padding: 0 35px; }
      .our-story-wrapper .ColumnWrap .ContentInfo .ContentTop {
        margin-bottom: 4rem; }
        @media (min-width: 992px) {
          .our-story-wrapper .ColumnWrap .ContentInfo .ContentTop {
            margin-bottom: 6rem; } }
      .our-story-wrapper .ColumnWrap .ContentInfo p {
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        margin: 0 0 20px 0;
        color: #000; }
      .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details {
        margin: 0;
        width: 100%; }
        .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li {
          display: inline-block;
          vertical-align: top;
          width: 50%;
          margin-left: -3px;
          margin-bottom: 12px; }
          @media (min-width: 801px) {
            .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li {
              width: 33.333%; } }
          .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li a {
            color: #000;
            line-height: 22px;
            font-size: 16px;
            text-decoration: none; }
            .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li a:hover span {
              opacity: 0.7; }
          .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li .icon {
            margin-right: 2px; }
            .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li .icon svg {
              fill: #000; }
      .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns {
        margin: 25px 0 0 0;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        @media (min-width: 551px) {
          .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns {
            flex-direction: row; } }
        @media (min-width: 992px) {
          .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns {
            justify-content: flex-start; } }
        .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons {
          margin: 0 0 10px 0; }
          @media (min-width: 551px) {
            .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons {
              margin: 0 15px 0 0; } }
          .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons:last-child {
            margin-right: 0; }
          .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons .schedule-icon {
            width: 30px;
            height: 30px;
            margin: -5px 4px 0 0; }
            .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons .schedule-icon svg {
              fill: #fff;
              stroke: none;
              stroke-width: 10; }
          .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons:hover svg {
            fill: #3c6bb4;
            stroke: #3c6bb4;
            stroke-width: 10; }

.breadcrumbs-category {
  display: none; }
  @media (min-width: 801px) {
    .breadcrumbs-category {
      display: block; } }

.body.body_category {
  margin-bottom: 0; }
  .body.body_category .content-container.new-instagram-container .new-instagram-wrap {
    margin-bottom: 0; }
  .body.body_category .Evertruelogo {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 30px 0; }

.body_category .page, .body_search .page {
  padding: 0; }
  .body_category .page .category-description, .body_search .page .category-description {
    padding: 0 1.4rem; }
    @media (min-width: 801px) {
      .body_category .page .category-description, .body_search .page .category-description {
        padding: 0; } }
  .body_category .page .productGrid, .body_search .page .productGrid {
    padding-left: 0 -0.35rem; }
    @media (min-width: 801px) {
      .body_category .page .productGrid, .body_search .page .productGrid {
        margin: 0 -.75rem; } }
    .body_category .page .productGrid .product, .body_search .page .productGrid .product {
      border-top: 1px solid #E5E5E5;
      padding-left: 0.35rem;
      padding-right: 0.35rem; }
      @media (min-width: 801px) {
        .body_category .page .productGrid .product, .body_search .page .productGrid .product {
          padding-left: 0.75rem;
          padding-right: 0.75rem; } }
      .body_category .page .productGrid .product .card, .body_search .page .productGrid .product .card {
        margin-bottom: 2rem; }
        @media (min-width: 801px) {
          .body_category .page .productGrid .product .card, .body_search .page .productGrid .product .card {
            margin-bottom: 3rem; } }
  .body_category .page .productList .product, .body_search .page .productList .product {
    border-bottom: 1px solid #E5E5E5; }

.category--heading {
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 801px) {
    .category--heading {
      flex-direction: column; } }
  .category--heading .inner-container {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 15px; }
  .category--heading .page-heading {
    font-size: 30px;
    line-height: 2.4rem;
    margin: 0.5rem 0;
    text-align: center; }
    @media (min-width: 801px) {
      .category--heading .page-heading {
        margin: 0 0 1.5rem;
        font-size: 48px;
        line-height: 4rem; } }
    @media (min-width: 1441px) {
      .category--heading .page-heading {
        font-size: 60px;
        line-height: 6rem; } }
  .category--heading .page-description {
    display: none; }
    @media (min-width: 801px) {
      .category--heading .page-description {
        display: block;
        max-width: 1170px;
        margin: 0px auto;
        text-align: center; } }
    .category--heading .page-description p {
      color: #666;
      display: block;
      font-size: 20px;
      margin: 0 0 1.2rem; }

.OurDiamonds.CategoryLangingPage .category--desc-Content {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2rem 3.4rem; }

#ShopNewProductsWrap .CardShowCompareWrap {
  display: none; }

.page-content,
.page-content--full {
  padding: 0; }

.body_category hr {
  border-color: #97a4c4;
  border-width: 1px;
  min-width: 80px;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto; }

.body_category h2 {
  text-align: center;
  margin-bottom: 20px; }

.heading-with-underline-center {
  color: #575757;
  font-size: 20px;
  text-align: center;
  margin: 0 0 1rem; }
  @media (min-width: 801px) {
    .heading-with-underline-center {
      font-size: 35px;
      margin: 0 0 2rem; } }
  .heading-with-underline-center::after {
    content: "";
    max-width: 165px;
    height: 2px;
    background-color: #3f609f;
    display: block;
    margin: 1rem auto 0; }

.CategoryLangingPage.FashionJewelry .category--desc-Content {
  left: inherit;
  right: 0; }

@media (min-width: 801px) {
  .CategoryLangingPage.FashionJewelry .category--heading .page-heading {
    color: #3c6bb4; } }

@media (min-width: 801px) {
  .CategoryLangingPage.FashionJewelry .category--heading .CategoryDesc p {
    color: #666666; } }

@media (min-width: 801px) {
  .CategoryLangingPage.FashionJewelry .category--heading .CategoryDesc a.button {
    background-color: #3c6bb4;
    border-color: #3c6bb4;
    color: #ffffff; } }

.CategoryLangingPage.EngagementRings .category--desc-Content {
  left: inherit;
  right: 0; }

@media (min-width: 801px) {
  .CategoryLangingPage.EngagementRings .category--heading .CategoryDesc {
    text-align: right; } }

.CategoryLangingPage.WeddingBands .category--desc-Content {
  left: 0;
  right: inherit; }

@media (min-width: 801px) {
  .CategoryLangingPage.WeddingBands .category--heading .page-heading {
    color: #343232; } }

@media (min-width: 801px) {
  .CategoryLangingPage.WeddingBands .category--heading .CategoryDesc p {
    color: #343232; } }

.CategoryLangingPage.WeddingBands .category--heading .CategoryDesc a.button {
  color: #ffffff;
  background-color: #0089dd;
  border-color: #0089dd; }
  .CategoryLangingPage.WeddingBands .category--heading .CategoryDesc a.button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0089dd; }

@media only screen and (max-width: 800px) {
  .CategoryLangingPage.WeddingBands .category--heading, .CategoryLangingPage.EngagementRings .category--heading, .CategoryLangingPage.FashionJewelry .category--heading {
    background: none !important; } }

.CategoryLangingPage.WeddingBands .category--heading .inner-container, .CategoryLangingPage.EngagementRings .category--heading .inner-container, .CategoryLangingPage.FashionJewelry .category--heading .inner-container {
  min-height: auto; }
  @media (min-width: 801px) {
    .CategoryLangingPage.WeddingBands .category--heading .inner-container, .CategoryLangingPage.EngagementRings .category--heading .inner-container, .CategoryLangingPage.FashionJewelry .category--heading .inner-container {
      min-height: 567px; } }

.danhov--category .page-heading_outter {
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 800px) {
    .danhov--category .page-heading_outter {
      background-image: none !important; } }
  .danhov--category .page-heading_outter .page-heading-content .CategoryDesc {
    margin-bottom: 40px; }

.danhov--category .designer-descover-wrap {
  margin-bottom: 7.5rem !important; }
  .danhov--category .designer-descover-wrap .ColumnWrap.ContentWrap .ContentInfo p {
    margin: 30px 0 40px 0; }

.body_category .page-heading_outter {
  flex-direction: column-reverse; }

@media (min-width: 801px) {
  .tacori--category .page-heading-content {
    float: right; } }

.tacori--category .page-heading_outter {
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 800px) {
    .tacori--category .page-heading_outter {
      background-image: none !important; } }

.gabriel--category .page-heading_outter {
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 800px) {
    .gabriel--category .page-heading_outter {
      background-image: none !important; } }
  .gabriel--category .page-heading_outter .page-heading {
    margin: 0; }
  .gabriel--category .page-heading_outter .CategoryDesc {
    margin: 30px 0; }

.ResponsiveCategoryBanner {
  display: block; }
  @media (min-width: 801px) {
    .ResponsiveCategoryBanner {
      display: none; } }

.CategoryLangingPage .category--heading {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 551px) {
    .CategoryLangingPage .category--heading {
      background-position: center; } }
  .CategoryLangingPage .category--heading .inner-container {
    position: relative;
    min-height: 567px;
    padding: 0; }

.CategoryLangingPage .category--desc-Content {
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .CategoryLangingPage .category--desc-Content {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -10%;
      padding: 0; } }

.CategoryLangingPage .page-heading {
  color: #575757;
  font-size: 40px;
  line-height: 1.4em;
  margin-bottom: 10px;
  text-align: center; }
  @media (min-width: 551px) {
    .CategoryLangingPage .page-heading {
      font-size: 45px; } }
  @media (min-width: 801px) {
    .CategoryLangingPage .page-heading {
      color: #666666;
      font-size: 50px;
      margin-bottom: 20px;
      text-align: left; } }
  @media (min-width: 1681px) {
    .CategoryLangingPage .page-heading {
      font-size: 60px; } }

.CategoryLangingPage .CategoryDesc {
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 801px) {
    .CategoryLangingPage .CategoryDesc {
      max-width: 480px;
      text-align: left; } }
  .CategoryLangingPage .CategoryDesc p {
    color: #575757;
    font-size: 18px;
    line-height: 1.4rem;
    margin: 0 0 3%; }
    @media (min-width: 801px) {
      .CategoryLangingPage .CategoryDesc p {
        color: #666666;
        font-size: 20px;
        line-height: 30px; } }
    @media (min-width: 1261px) {
      .CategoryLangingPage .CategoryDesc p {
        font-size: 25px; } }
  .CategoryLangingPage .CategoryDesc a.button {
    background-color: transparent;
    border-color: #505050;
    border-radius: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.4rem;
    margin: 1rem 0 0;
    padding: 1.157rem 2.28571rem; }
    @media (min-width: 1441px) {
      .CategoryLangingPage .CategoryDesc a.button {
        font-size: 18px;
        line-height: 2rem; } }
    .CategoryLangingPage .CategoryDesc a.button:hover {
      color: #FFFFFF;
      background-color: #3c6bb4;
      border-color: #3c6bb4; }

@media only screen and (max-width: 800px) {
  .CategoryLangingPage.OurDiamonds .category--heading {
    background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/images/stencil/original/image-manager/our-diamonds-mobile-view-a-banner.jpg?t=1675768774) !important; }
    .CategoryLangingPage.OurDiamonds .category--heading .inner-container {
      display: flex;
      align-items: flex-end; } }

.CategoryLangingPage.et-science .inner-container {
  display: flex;
  align-items: center;
  justify-content: center; }

.CategoryLangingPage.et-science .category--desc-Content {
  position: inherit;
  right: inherit;
  top: inherit;
  margin-top: 0; }
  .CategoryLangingPage.et-science .category--desc-Content .page-heading img {
    height: 50px; }
  .CategoryLangingPage.et-science .category--desc-Content .CategoryDesc p {
    font-size: 21px;
    font-weight: 300;
    max-width: 425px; }
    .CategoryLangingPage.et-science .category--desc-Content .CategoryDesc p .CategoryDescButton {
      font-size: 18px;
      font-weight: 300;
      border-radius: 0; }

.CategoryLangingPage.moissanite .category--heading .inner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 2rem;
  min-height: 35.5vw; }
  @media (min-width: 1261px) {
    .CategoryLangingPage.moissanite .category--heading .inner-container {
      min-height: 31.5vw;
      padding: 0 9rem; } }
  .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content {
    position: inherit;
    top: inherit;
    width: auto;
    margin: 0;
    right: inherit; }
    .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .page-heading, .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .CategoryDesc {
      text-align: left; }
    .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .page-heading {
      color: #ffffff;
      font-size: 40px;
      line-height: 2.0rem;
      margin-bottom: 10px;
      letter-spacing: 0;
      text-align: left; }
      @media (min-width: 801px) {
        .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .page-heading {
          font-size: 80px;
          line-height: 4.7rem;
          margin-bottom: 20px; } }
    .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .CategoryDesc p {
      color: #ffffff;
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px; }
      @media (min-width: 801px) {
        .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .CategoryDesc p {
          font-size: 35px;
          margin-bottom: 20px; } }
    .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .CategoryDesc a {
      background: #fff;
      color: #000000;
      text-decoration: none;
      display: inline-block;
      padding: 10px 25px;
      font-size: 10px;
      line-height: 1.4rem;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .CategoryLangingPage.moissanite .category--heading .inner-container .category--desc-Content .CategoryDesc a {
          font-size: 14px; } }

.CategoryLangingPage.diamond_education .inner-container {
  display: flex;
  align-items: center;
  justify-content: center; }
  .CategoryLangingPage.diamond_education .inner-container .category--desc-Content {
    position: inherit;
    margin: 0; }
    .CategoryLangingPage.diamond_education .inner-container .category--desc-Content .page-heading {
      color: #666666;
      line-height: 3.6rem; }
    .CategoryLangingPage.diamond_education .inner-container .category--desc-Content a {
      background: #EC9C91;
      display: inline-block;
      text-decoration: none;
      color: #fff;
      padding: 6px 45px;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: .5px; }

.CategoryNewLangingPage .page-heading {
  color: #3e3e3e;
  font-family: Centaur; }

.CategoryNewLangingPage .CategoryDesc {
  text-align: center;
  max-width: 712px;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (max-width: 1350px) {
    .CategoryNewLangingPage .CategoryDesc {
      max-width: 630px; } }
  .CategoryNewLangingPage .CategoryDesc p {
    color: #575757;
    font-weight: 300; }
  .CategoryNewLangingPage .CategoryDesc a.button.CategoryDescButton {
    background: #3F609F;
    border: 0;
    color: #fff;
    border-radius: 0;
    font-size: 15px; }
    @media (min-width: 801px) {
      .CategoryNewLangingPage .CategoryDesc a.button.CategoryDescButton {
        font-size: 25px; } }

.CategoryNewLangingPage.danhov .categor-designer-logo {
  position: absolute;
  top: 18vw;
  bottom: unset;
  right: 10px;
  text-align: right; }
  @media (min-width: 801px) {
    .CategoryNewLangingPage.danhov .categor-designer-logo {
      bottom: 0;
      top: unset;
      right: -60px; } }
  .CategoryNewLangingPage.danhov .categor-designer-logo img {
    width: 40%; }
    @media (min-width: 801px) {
      .CategoryNewLangingPage.danhov .categor-designer-logo img {
        width: 60%; } }

.CategoryNewLangingPage.gabriel .categor-designer-logo {
  position: absolute;
  top: 17vw;
  bottom: unset;
  right: unset;
  left: -430px;
  text-align: right; }
  @media (min-width: 801px) {
    .CategoryNewLangingPage.gabriel .categor-designer-logo {
      bottom: 10px;
      top: unset;
      right: 10px;
      left: unset; } }
  .CategoryNewLangingPage.gabriel .categor-designer-logo img {
    width: 30%; }

.CategoryNewLangingPage.tacori .categor-designer-logo {
  position: absolute;
  top: 1rem;
  left: 2rem;
  text-align: right;
  display: none; }
  @media (min-width: 1681px) {
    .CategoryNewLangingPage.tacori .categor-designer-logo {
      top: 2rem; } }
  .CategoryNewLangingPage.tacori .categor-designer-logo img {
    width: 90%; }

@media (min-width: 801px) {
  .CategoryNewLangingPage.tacori .CategoryDesc p {
    font-size: 24px; } }

.afterCategory--heading {
  background-color: #ffece7;
  text-align: center;
  padding: 1rem 0; }
  @media (min-width: 551px) {
    .afterCategory--heading {
      padding: 2rem 0; } }
  @media only screen and (max-width: 550px) {
    .afterCategory--heading {
      margin-bottom: 30px; } }
  .afterCategory--heading p {
    color: #666;
    display: inline-block;
    margin: 0;
    line-height: 1.2; }
    @media (min-width: 551px) {
      .afterCategory--heading p {
        line-height: 1.8; } }
    @media (min-width: 801px) {
      .afterCategory--heading p {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(102, 102, 102)' viewBox='0 0 32 28'%3E%3Cpath d='M27.496,17.014c-0.354,0-0.59,0-0.825,0c-8.184,0-16.368,0-24.55-0.001c-0.224,0-0.452,0.015-0.673-0.014c-0.617-0.081-1.07-0.614-1.064-1.223c0.006-0.608,0.471-1.128,1.089-1.201c0.201-0.023,0.407-0.01,0.611-0.01c8.184,0,16.367,0,24.551,0c0.242,0,0.482,0,0.833,0c-0.171-0.201-0.271-0.337-0.39-0.455c-1.213-1.212-2.437-2.413-3.637-3.636c-0.22-0.223-0.432-0.512-0.507-0.806c-0.14-0.542,0.063-1.014,0.567-1.3c0.523-0.297,1.034-0.23,1.459,0.189c2.134,2.108,4.266,4.219,6.381,6.346c0.563,0.565,0.555,1.218-0.016,1.791c-2.102,2.111-4.215,4.212-6.339,6.303c-0.536,0.526-1.266,0.511-1.749,0.02c-0.472-0.481-0.474-1.23,0.046-1.757c1.23-1.25,2.483-2.48,3.726-3.72C27.148,17.399,27.275,17.251,27.496,17.014z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 30px;
        padding-right: 40px; } }
    @media (min-width: 1441px) {
      .afterCategory--heading p {
        font-size: 24px; } }

.designers-wrap {
  margin: 1rem 0; }
  @media (min-width: 801px) {
    .designers-wrap {
      margin: 4rem 0 3rem; } }
  .designers-wrap h2 {
    color: #3e3e3e; }
  .designers-wrap .designers {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media (min-width: 801px) {
      .designers-wrap .designers {
        padding: 20px 0 50px; } }
    .designers-wrap .designers .subCategory-box {
      max-width: 150px; }
      @media (min-width: 551px) {
        .designers-wrap .designers .subCategory-box {
          max-width: 100%; } }
      .designers-wrap .designers .subCategory-box a {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-decoration: none;
        text-transform: uppercase; }
        @media (min-width: 1681px) {
          .designers-wrap .designers .subCategory-box a {
            padding: 0 1rem; } }
        .designers-wrap .designers .subCategory-box a img {
          width: auto; }
        .designers-wrap .designers .subCategory-box a h4 {
          color: #666666; }

.FullTwoColumnWrap {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .FullTwoColumnWrap {
      flex-direction: row; } }
  .FullTwoColumnWrap.pink-bg, .FullTwoColumnWrap.withPinkishGrayBg {
    background-color: #ffece7; }
  .FullTwoColumnWrap.gray-bg {
    background: #E6E6E4; }
  .FullTwoColumnWrap.silver-bg {
    background: #efeef3; }
  .FullTwoColumnWrap.blue-bg, .FullTwoColumnWrap.withBlueBg {
    background: #d7e6f0; }
  .FullTwoColumnWrap.white-bg, .FullTwoColumnWrap.withWhiteBg {
    background: #ffffff; }
  .FullTwoColumnWrap.with-column-reverse {
    flex-direction: column;
    margin: 0 0 30px 0; }
    @media (min-width: 992px) {
      .FullTwoColumnWrap.with-column-reverse {
        flex-direction: row-reverse;
        margin: 0; } }
    .FullTwoColumnWrap.with-column-reverse .ColumnWrap.ContentWrap {
      justify-content: center; }
  .FullTwoColumnWrap.with-margin {
    margin: 0 0 2rem 0; }
    @media (min-width: 992px) {
      .FullTwoColumnWrap.with-margin {
        margin: 4rem 0; } }
  @media (min-width: 1261px) {
    .FullTwoColumnWrap.with-shrink-image .ColumnWrap.ImageWrap {
      flex: 0.6; } }
  @media (min-width: 1261px) {
    .FullTwoColumnWrap.with-shrink-image .ColumnWrap.ContentWrap {
      justify-content: flex-start; } }
  @media (min-width: 1261px) {
    .FullTwoColumnWrap.with-shrink-image .ColumnWrap.ContentWrap .ContentInfo {
      max-width: 960px; } }
  .FullTwoColumnWrap.SpecialColumnWrap {
    background-color: #fff;
    margin: 0 0 4.5rem; }
    .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ImageWrap {
      flex: 2; }
    .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap {
      flex: 4;
      position: relative;
      text-align: center; }
      @media (min-width: 801px) {
        .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap {
          text-align: left; } }
      .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo {
        background: #fff;
        position: absolute;
        max-width: 1200px;
        width: 100%;
        left: -100px;
        padding: 5%; }
        @media (min-width: 801px) {
          .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo {
            padding: 2rem; } }
        .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo .ContentInfoBox {
          border: 1px solid #e6e6e4;
          padding: 2rem 7rem; }
        .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo h2, .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo p {
          max-width: 100%;
          text-align: center; }
          @media (min-width: 801px) {
            .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo h2, .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo p {
              text-align: left; } }
        .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo hr {
          margin: 1.4rem auto; }
          @media (min-width: 801px) {
            .FullTwoColumnWrap.SpecialColumnWrap .ColumnWrap.ContentWrap .ContentInfo hr {
              margin-left: 0; } }
  .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap.ImageWrap {
    flex-direction: column;
    position: relative; }
    @media only screen and (max-width: 800px) {
      .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap.ImageWrap {
        padding: 0; } }
  .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap {
    position: absolute;
    bottom: 0;
    padding: 5rem 5rem 4rem; }
    @media only screen and (max-width: 1450px) {
      .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap {
        padding: 5rem 3rem 4rem; } }
    @media only screen and (max-width: 800px) {
      .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap {
        position: relative;
        text-align: center;
        margin-top: -100px;
        background: #dedee2;
        padding: 2rem 3rem 4rem; } }
    .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap h3 {
      color: #000000;
      font-size: 22px;
      text-transform: uppercase; }
      @media only screen and (max-width: 1450px) {
        .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap h3 {
          font-size: 25px;
          text-transform: uppercase; } }
      @media only screen and (max-width: 800px) {
        .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap h3 {
          font-size: 30px;
          text-transform: uppercase; } }
    .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent {
      align-items: center;
      display: flex;
      column-gap: 2rem; }
      @media only screen and (max-width: 800px) {
        .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent {
          display: block;
          align-items: flex-start;
          flex-direction: column; } }
      .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent p {
        color: #000000;
        flex: 2;
        margin: 0; }
        @media only screen and (max-width: 1450px) {
          .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent p {
            font-size: 16px; } }
      .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent .button {
        background-color: transparent;
        border-color: #000000;
        border-radius: 0;
        color: #000000;
        flex: 1;
        font-size: 18px;
        line-height: 2rem;
        margin: 0; }
        @media only screen and (max-width: 1450px) {
          .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent .button {
            padding: 10px 15px;
            font-size: 14px;
            letter-spacing: 0; } }
        @media only screen and (max-width: 800px) {
          .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap .ColumnContent .button {
            padding: 10px 25px;
            font-size: 16px;
            letter-spacing: 1px;
            margin-top: 20px 0 0 0; } }
  .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap {
    background: linear-gradient(to bottom, rgba(5, 20, 32, 0.5) 0, rgba(5, 20, 32, 0.79) 18%, rgba(5, 20, 32, 0.8) 30%, rgba(5, 20, 32, 0.8) 100%); }
    @media (min-width: 551px) {
      .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap {
        background: -moz-linear-gradient(top, rgba(5, 20, 32, 0) 0%, rgba(5, 20, 32, 0.3) 18%, rgba(5, 20, 32, 0.5) 30%, rgba(5, 20, 32, 0.8) 100%);
        background: -webkit-linear-gradient(top, rgba(5, 20, 32, 0) 0%, rgba(5, 20, 32, 0.3) 18%, rgba(5, 20, 32, 0.5) 30%, rgba(5, 20, 32, 0.8) 100%);
        background: linear-gradient(to bottom, rgba(5, 20, 32, 0) 0%, rgba(5, 20, 32, 0.3) 18%, rgba(5, 20, 32, 0.5) 30%, rgba(5, 20, 32, 0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00051420', endColorstr='#cc051420',GradientType=0 ); } }
    .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap h3 {
      color: #ffffff;
      text-transform: uppercase; }
    .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap .ColumnContent p {
      color: #ffffff;
      font-size: 16px; }
    .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap .ColumnContent .button {
      border-color: #ffffff;
      color: #ffffff; }
      .FullTwoColumnWrap.ImageWithCotentColumn.ImageWithCotentEngagment .ColumnWrap .ColumnContent-wrap .ColumnContent .button:hover {
        background-color: #ffffff;
        border-color: #666666;
        color: #666666; }
  .FullTwoColumnWrap .ColumnWrap {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    padding: 0; }
    .FullTwoColumnWrap .ColumnWrap.ImageWrap {
      align-items: flex-start; }
      .FullTwoColumnWrap .ColumnWrap.ImageWrap img {
        width: 100%;
        height: auto;
        object-fit: cover; }
    .FullTwoColumnWrap .ColumnWrap.ContentWrap {
      min-height: unset;
      text-align: center;
      padding: 2rem 1rem 0; }
      @media (min-width: 801px) {
        .FullTwoColumnWrap .ColumnWrap.ContentWrap {
          text-align: left; } }
      @media (min-width: 992px) {
        .FullTwoColumnWrap .ColumnWrap.ContentWrap {
          min-height: 400px;
          padding: 0; } }
    .FullTwoColumnWrap .ColumnWrap .ContentInfo {
      display: flex;
      flex-direction: column;
      flex: 2;
      justify-content: center;
      padding: 0;
      max-width: 842px;
      width: 100%;
      align-items: center;
      padding: 0px;
      text-align: center; }
      @media (min-width: 801px) {
        .FullTwoColumnWrap .ColumnWrap .ContentInfo {
          padding: 5%;
          text-align: left;
          align-items: flex-start; } }
      .FullTwoColumnWrap .ColumnWrap .ContentInfo h2, .FullTwoColumnWrap .ColumnWrap .ContentInfo h3 {
        color: #666;
        font-size: 30px;
        line-height: 2.4rem;
        margin: 0 0 1rem;
        text-transform: uppercase; }
        @media (min-width: 801px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo h2, .FullTwoColumnWrap .ColumnWrap .ContentInfo h3 {
            font-size: 36px;
            line-height: 3rem; } }
        @media (min-width: 1441px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo h2, .FullTwoColumnWrap .ColumnWrap .ContentInfo h3 {
            font-size: 45px;
            line-height: 4rem; } }
      .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
        color: #666;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8rem;
        margin-bottom: 20px; }
        @media (min-width: 801px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
            font-size: 18px; } }
        @media (min-width: 1681px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
            font-size: 24px;
            line-height: 2.4rem; } }
      .FullTwoColumnWrap .ColumnWrap .ContentInfo a.button {
        background-color: transparent;
        border-color: #505050;
        border-radius: 0;
        color: #666666;
        font-size: 1rem;
        line-height: 1.4rem;
        margin-top: 20px 0 0 0; }
        @media (min-width: 1441px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo a.button {
            font-size: 18px;
            line-height: 2rem; } }
        @media (min-width: 992px) {
          .FullTwoColumnWrap .ColumnWrap .ContentInfo a.button {
            margin-top: 0; } }
        .FullTwoColumnWrap .ColumnWrap .ContentInfo a.button:hover {
          color: #FFFFFF;
          background-color: #3c6bb4;
          border-color: #3c6bb4; }
    .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo {
      justify-content: center;
      align-items: center;
      max-width: 600px;
      width: 100%;
      padding: 0px;
      text-align: left; }
      @media (min-width: 801px) {
        .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo {
          padding: 5%;
          text-align: center; } }
      .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo h2, .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo p {
        text-align: center; }
      .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo h2 {
        margin: 20px 0; }
      .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo hr {
        margin-left: auto;
        margin-right: auto; }
      .FullTwoColumnWrap .ColumnWrap.center-content .ContentInfo p {
        color: #3e3e3e;
        font-family: abril-text;
        font-size: 21px;
        font-weight: 300;
        line-height: 36px;
        max-width: 430px;
        margin-bottom: 20px; }

.FashionJewelry .FullTwoColumnWrap.ImageWithCotentColumn .ColumnWrap .ColumnContent-wrap {
  padding: 0 5rem 4rem;
  position: unset; }

.FullTwoColumnWrapWithPadding {
  display: flex;
  flex-direction: row;
  padding: 4.6rem 0;
  margin: 0 0 3rem; }
  .FullTwoColumnWrapWithPadding.pink-bg, .FullTwoColumnWrapWithPadding.withPinkishGrayBg {
    background-color: #ffece7; }
  .FullTwoColumnWrapWithPadding.gray-bg {
    background: #E6E6E4; }
  .FullTwoColumnWrapWithPadding.blue-bg, .FullTwoColumnWrapWithPadding.withBlueBg {
    background: #d7e6f0; }
  .FullTwoColumnWrapWithPadding.white-bg, .FullTwoColumnWrapWithPadding.withWhiteBg {
    background: #ffffff; }
  .FullTwoColumnWrapWithPadding .ColumnWrap {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0; }
    .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap {
      align-items: flex-end;
      position: relative; }
      .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap {
        position: inherit;
        right: inherit;
        top: inherit;
        background: #fff;
        max-width: 515px;
        padding: 20px; }
        @media (min-width: 551px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap {
            position: absolute;
            top: 44%; } }
        @media (min-width: 801px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap {
            right: 0; } }
        @media (min-width: 1261px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap {
            right: -80px; } }
        .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap .ImageContent {
          border: 1px solid #ddd;
          padding: 25px 40px; }
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap .ImageContent p {
            margin: 0 0 10px;
            padding: 0;
            font-size: 19px;
            margin-bottom: 20px; }
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap .ImageContentWrap .ImageContent span {
            font-size: 14px;
            font-weight: 300;
            color: #575757; }
      .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap img {
        width: 100%;
        height: 100%; }
        @media (min-width: 801px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap.ImageWrap img {
            object-fit: cover; } }
    .FullTwoColumnWrapWithPadding .ColumnWrap.ContentWrap {
      padding: 0 0 0 2rem; }
      @media (min-width: 801px) {
        .FullTwoColumnWrapWithPadding .ColumnWrap.ContentWrap {
          padding: 0 56px 0 134px; } }
    .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo {
      display: flex;
      flex-direction: column;
      flex: 2;
      justify-content: center;
      padding: 0;
      max-width: 600px;
      width: 100%;
      align-items: center;
      padding: 5%; }
      @media (min-width: 801px) {
        .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo {
          padding: 0px;
          align-items: flex-start; } }
      .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo h2 {
        margin: 0;
        text-align: center;
        display: block;
        width: 100%; }
        @media (min-width: 801px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo h2 {
            text-align: left; } }
      .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo hr {
        margin: 1.4rem auto; }
        @media (min-width: 801px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo hr {
            margin: 1.4rem 0; } }
      .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo p {
        font-weight: 300;
        text-align: center;
        margin-bottom: 20px; }
        @media (min-width: 801px) {
          .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo p {
            text-align: left; } }

.et-science .FullTwoColumnWrapWithPadding {
  background-color: #f1e8e8; }
  .et-science .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo {
    padding: 0px; }
    @media (min-width: 801px) {
      .et-science .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo {
        padding: 5%; } }
    .et-science .FullTwoColumnWrapWithPadding .ColumnWrap .ContentInfo p {
      color: #575757;
      font-family: niveau-grotesk;
      font-size: 21px;
      font-weight: 300;
      line-height: 36px;
      padding-right: 50px;
      text-align: left; }

#ShopNewProductsWrap .shop-new {
  margin: 3rem auto 0; }
  #ShopNewProductsWrap .shop-new .heading-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 550px) {
      #ShopNewProductsWrap .shop-new .heading-link-wrap {
        justify-content: center;
        flex-direction: column; } }
    #ShopNewProductsWrap .shop-new .heading-link-wrap h2 {
      color: #666;
      font-size: 30px;
      line-height: 3rem;
      margin: 0 0 2rem;
      text-transform: uppercase;
      text-align: center;
      padding: 0; }
      @media (min-width: 801px) {
        #ShopNewProductsWrap .shop-new .heading-link-wrap h2 {
          font-size: 45px;
          line-height: 4rem;
          text-align: left;
          padding: 0 15px; } }
    #ShopNewProductsWrap .shop-new .heading-link-wrap a {
      display: block;
      padding: 0 120px 20px 0;
      font-size: 18px;
      text-transform: uppercase;
      color: #666; }
      @media only screen and (max-width: 550px) {
        #ShopNewProductsWrap .shop-new .heading-link-wrap a {
          padding: 0; } }
  #ShopNewProductsWrap .shop-new section {
    margin: 0; }
    @media (min-width: 801px) {
      #ShopNewProductsWrap .shop-new section {
        margin: 0 auto 3rem; } }

.shop-popular-products-wrap {
  margin: 2rem 0 2rem; }
  @media (min-width: 801px) {
    .shop-popular-products-wrap {
      margin: 4rem 0 2rem; } }
  .shop-popular-products-wrap h3 {
    font-size: 30px;
    line-height: 3rem;
    text-align: center; }
    @media (min-width: 801px) {
      .shop-popular-products-wrap h3 {
        color: #666;
        font-size: 45px;
        line-height: 4rem;
        margin: 0 0 2rem;
        text-transform: uppercase; } }

.designer-descover-wrap {
  padding: 0;
  margin: 70px auto 2rem !important; }
  @media (min-width: 801px) {
    .designer-descover-wrap {
      margin: 50px 0 5rem !important; } }

.shopby-style-wrap .container {
  width: 100%; }
  @media (min-width: 1261px) {
    .shopby-style-wrap .container {
      width: 90%; } }

.shopby-style-wrap .shopby-style-header {
  margin: 4rem 0;
  text-align: center; }

.shopby-style-wrap .shopby-style-content {
  margin: 2rem 0; }
  @media (min-width: 992px) {
    .shopby-style-wrap .shopby-style-content {
      margin: 4rem 0;
      position: relative; } }
  .shopby-style-wrap .shopby-style-content h3 {
    color: #666;
    font-size: 30px;
    line-height: 3rem;
    margin: 0 0 2rem;
    padding: 0;
    text-transform: uppercase;
    text-align: left; }
    @media (min-width: 801px) {
      .shopby-style-wrap .shopby-style-content h3 {
        font-size: 45px;
        line-height: 4rem;
        padding: 0 15px;
        text-align: center; } }
  .shopby-style-wrap .shopby-style-content .heading-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 550px) {
      .shopby-style-wrap .shopby-style-content .heading-link-wrap {
        justify-content: center;
        flex-direction: column; } }
    .shopby-style-wrap .shopby-style-content .heading-link-wrap h3 {
      color: #666;
      font-size: 30px;
      line-height: 3rem;
      margin: 0 0 2rem;
      padding: 0;
      text-transform: uppercase;
      text-align: center; }
      @media (min-width: 801px) {
        .shopby-style-wrap .shopby-style-content .heading-link-wrap h3 {
          font-size: 45px;
          line-height: 4rem;
          padding: 0 15px;
          text-align: left; } }
    .shopby-style-wrap .shopby-style-content .heading-link-wrap a {
      display: block;
      padding: 0 120px 20px 0;
      font-size: 18px;
      text-transform: uppercase;
      color: #666; }
      @media only screen and (max-width: 550px) {
        .shopby-style-wrap .shopby-style-content .heading-link-wrap a {
          padding: 0; } }
  .shopby-style-wrap .shopby-style-content .shopby-style .slick-list {
    margin: 0 -1rem; }
  .shopby-style-wrap .shopby-style-content .shopby-style .subCategory-box {
    max-width: 100%;
    padding: 0 1rem; }
    @media (min-width: 551px) {
      .shopby-style-wrap .shopby-style-content .shopby-style .subCategory-box {
        max-width: 25%; } }
    .shopby-style-wrap .shopby-style-content .shopby-style .subCategory-box a {
      display: block;
      text-decoration: none; }
      .shopby-style-wrap .shopby-style-content .shopby-style .subCategory-box a h4 {
        font-size: 26px;
        text-transform: uppercase;
        text-align: center; }
        @media (min-width: 551px) {
          .shopby-style-wrap .shopby-style-content .shopby-style .subCategory-box a h4 {
            text-align: left; } }

.category-reviews-wrap {
  margin: 0 0 3rem; }
  .category-reviews-wrap h3 {
    color: #666;
    font-size: 30px;
    line-height: 3rem;
    margin: 0 0 2rem;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 801px) {
      .category-reviews-wrap h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .category-reviews-wrap.engagement-ring-reviews .category-reviews .customer-review {
    margin-bottom: 30px; }
    @media (min-width: 801px) {
      .category-reviews-wrap.engagement-ring-reviews .category-reviews .customer-review {
        margin-bottom: 0; } }
  .category-reviews-wrap .category-reviews {
    display: flex;
    column-gap: 0rem;
    flex-wrap: wrap;
    align-items: flex-start; }
    @media (min-width: 551px) {
      .category-reviews-wrap .category-reviews {
        column-gap: 2rem; } }
    @media (min-width: 801px) {
      .category-reviews-wrap .category-reviews {
        flex-wrap: inherit; } }
    .category-reviews-wrap .category-reviews .customer-review {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 30px; }
      @media (min-width: 551px) {
        .category-reviews-wrap .category-reviews .customer-review {
          width: 45%;
          margin-bottom: 0; } }
      @media (min-width: 801px) {
        .category-reviews-wrap .category-reviews .customer-review {
          width: 33.33333%; } }
      .category-reviews-wrap .category-reviews .customer-review img {
        margin: 0 0 1.5rem; }
      .category-reviews-wrap .category-reviews .customer-review .review-content p {
        text-align: left; }

.tacori-tiles-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0rem 0 2rem;
  row-gap: 30px; }
  @media (min-width: 801px) {
    .tacori-tiles-wrap {
      margin: 4rem 0 2rem; } }
  .tacori-tiles-wrap .tacori-card {
    display: inline-flex;
    width: 100%;
    padding: 0 15px; }
    @media (min-width: 551px) {
      .tacori-tiles-wrap .tacori-card {
        width: 50%; } }
    @media (min-width: 801px) {
      .tacori-tiles-wrap .tacori-card {
        width: 33.3333%; } }
    .tacori-tiles-wrap .tacori-card a {
      display: block; }
  .tacori-tiles-wrap .inner-container {
    padding: 0 .6rem; }
  .tacori-tiles-wrap .row {
    margin: 0 -5px; }
  .tacori-tiles-wrap div[class*="col-"] {
    padding: 0 5px; }
  .tacori-tiles-wrap .tacori-tile-box {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    min-height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media (min-width: 801px) {
      .tacori-tiles-wrap .tacori-tile-box {
        min-height: 100%; } }
    .tacori-tiles-wrap .tacori-tile-box img {
      display: none; }
      @media (min-width: 801px) {
        .tacori-tiles-wrap .tacori-tile-box img {
          display: block; } }
    .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title, .tacori-tiles-wrap .tacori-tile-box .tile-overlay {
      position: absolute;
      width: 100%;
      transition: all .5s ease-in-out;
      text-align: center; }
      .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tacori-tile-box-title, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tacori-tile-box-title {
        display: none; }
        @media (min-width: 801px) {
          .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tacori-tile-box-title, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tacori-tile-box-title {
            bottom: 0;
            display: block; }
            .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tacori-tile-box-title h4, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tacori-tile-box-title h4 {
              background-color: rgba(215, 230, 240, 0.75);
              color: #263d8a;
              font-size: 30px;
              font-weight: 500;
              margin: 0;
              line-height: 3rem;
              padding: .5rem 0;
              border-top: 4px solid #fff; } }
      .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay {
        background-color: rgba(215, 230, 240, 0.75);
        visibility: visible;
        opacity: 1;
        height: auto;
        bottom: 0;
        top: auto;
        border-top: 3px solid rgba(255, 255, 255, 0.8);
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        padding: 20px; }
        @media (min-width: 801px) {
          .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay {
            background-color: rgba(215, 230, 240, 0.75);
            top: 0;
            left: 0;
            height: 100%;
            visibility: hidden;
            opacity: 0; } }
        .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay h4, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay h4 {
          color: #263d8a;
          font-size: 18px;
          font-weight: 500;
          margin: 0; }
          @media (min-width: 801px) {
            .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay h4, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay h4 {
              font-size: 28px;
              margin: 0 0 2rem; } }
        .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay p, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay p {
          font-weight: 300;
          margin: 0 auto 1rem;
          max-width: 440px;
          font-size: 15px;
          line-height: 1.4rem; }
          @media (min-width: 801px) {
            .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay p, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay p {
              font-size: 22px;
              line-height: 2rem; } }
        .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay a.button, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay a.button {
          background-color: #fff;
          color: #000c7c;
          margin: 0;
          font-size: 15px;
          padding: .482rem 1.565rem;
          border-color: #000c7c;
          border-radius: 0; }
          @media (min-width: 801px) {
            .tacori-tiles-wrap .tacori-tile-box .tacori-tile-box-title.tile-overlay a.button, .tacori-tiles-wrap .tacori-tile-box .tile-overlay.tile-overlay a.button {
              font-size: 25px; } }
    .tacori-tiles-wrap .tacori-tile-box:hover .tacori-tile-box-title {
      transition: all .5s ease-in-out;
      bottom: -100px; }
    .tacori-tiles-wrap .tacori-tile-box:hover .tile-overlay {
      visibility: visible;
      opacity: 1;
      transition: all .5s ease-in-out; }

.interactive-4cs-wrap {
  padding: 6rem 0; }

.FeaturedDiamondCatWrap .inner-container, .FeaturedDiamondCatWrap .container {
  padding: 0 15px; }
  @media (min-width: 801px) {
    .FeaturedDiamondCatWrap .inner-container, .FeaturedDiamondCatWrap .container {
      padding-top: 3rem;
      padding-bottom: 3rem; } }

.FeaturedDiamondCatWrap div[class*="col-"]:first-child .FeaturedDiamondCatBox {
  margin: 0 0 30px 0; }
  @media (min-width: 992px) {
    .FeaturedDiamondCatWrap div[class*="col-"]:first-child .FeaturedDiamondCatBox {
      margin: 0; } }

.FeaturedDiamondCatWrap .FeaturedDiamondCatBox {
  text-align: center; }
  .FeaturedDiamondCatWrap .FeaturedDiamondCatBox img {
    display: block;
    width: 100%;
    margin: 0 0 2rem; }
  .FeaturedDiamondCatWrap .FeaturedDiamondCatBox h3 {
    color: #666;
    font-size: 30px;
    margin: 0 0 1.5rem;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      .FeaturedDiamondCatWrap .FeaturedDiamondCatBox h3 {
        font-size: 40px; } }
  .FeaturedDiamondCatWrap .FeaturedDiamondCatBox p {
    font-size: 18px;
    margin: 0 auto;
    max-width: 625px;
    width: 100%; }
  .FeaturedDiamondCatWrap .FeaturedDiamondCatBox a {
    color: #666666;
    display: inline-block;
    font-size: 1rem;
    margin: 1rem auto 0;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 16px; }

.OurDiamonds .FeaturedDiamondCatWrap .FeaturedDiamondCatBox h3 {
  font-size: 24px; }
  @media (min-width: 801px) {
    .OurDiamonds .FeaturedDiamondCatWrap .FeaturedDiamondCatBox h3 {
      font-size: 30px; } }

.et-ProcessWrap {
  background-color: #f7fbfc; }
  .et-ProcessWrap .et-Process-heading {
    padding-top: 5rem;
    padding-bottom: 50px;
    text-align: center;
    font-size: 34px;
    font-family: abril-text; }
  .et-ProcessWrap .et-bullet-container {
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 801px) {
      .et-ProcessWrap .et-bullet-container {
        width: 60%; } }
    .et-ProcessWrap .et-bullet-container .et-bullet-list {
      list-style-type: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap; }
        .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item .et-list-item-wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 90%;
          min-width: 250px;
          margin-bottom: 0;
          padding: 0 50px; }
          @media (min-width: 801px) {
            .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item .et-list-item-wrap {
              width: 50%; } }
          .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item .et-list-item-wrap p {
            color: #575757;
            font-family: niveau-grotesk;
            font-size: 21px;
            font-weight: 100;
            line-height: 36px; }
            .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item .et-list-item-wrap p span {
              color: #000;
              display: block;
              font-weight: 700;
              font-family: abril-text;
              font-size: 28px; }
        .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item img {
          width: 50%;
          min-width: 250px;
          max-height: 400px;
          max-width: 400px; }
        @media (min-width: 801px) {
          .et-ProcessWrap .et-bullet-container .et-bullet-list .et-bullet-list-item:nth-of-type(2n+1) img {
            order: -1; } }

.et-offer-info {
  margin: 50px auto;
  text-align: center; }
  .et-offer-info .standard-container {
    padding: 0 5rem; }
  .et-offer-info img {
    display: block;
    margin: 25px auto; }
  .et-offer-info p {
    color: #575757;
    font-family: niveau-grotesk;
    font-size: 21px;
    line-height: 36px;
    font-weight: 100; }

.page-sidebar {
  padding: 0;
  width: 100%;
  float: none; }
  @media (min-width: 801px) {
    .page-sidebar {
      border-bottom: 1px solid #E5E5E5; } }

.CategorySubtitleWrap {
  display: inline-block;
  vertical-align: middle; }
  .CategorySubtitleWrap .category--subtitle {
    color: #666666;
    font-size: 19px; }
  .CategorySubtitleWrap #CatDescIcon {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }

.actionBar-section {
  float: right; }
  .actionBar-section .form-field {
    margin: 0;
    border-radius: 0;
    border: 0; }
    .actionBar-section .form-field .form-label {
      color: #000;
      font-size: 15px;
      font-weight: 500; }
  .actionBar-section .form-select {
    color: #000;
    background-position: center right 0.4rem;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    height: 38px;
    line-height: 1.5rem;
    min-width: 170px;
    padding: 0.5rem 2.2rem 0.5rem 1rem; }

.MoissaniteVsDiamondWrap .container, .MoissaniteVsDiamondWrap .inner-container {
  padding: 0 20px; }
  @media (min-width: 801px) {
    .MoissaniteVsDiamondWrap .container, .MoissaniteVsDiamondWrap .inner-container {
      padding: 0 6rem; } }
  @media (min-width: 1261px) {
    .MoissaniteVsDiamondWrap .container, .MoissaniteVsDiamondWrap .inner-container {
      padding: 0 10rem; } }
  .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond {
    padding: 3rem 0;
    background: #fff;
    position: relative; }
    @media (min-width: 1261px) {
      .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond {
        margin-top: -5%;
        padding: 8rem 6rem 6rem; } }
    .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond::before, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond::before {
      content: "";
      display: block;
      background: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/img/moissanitediamond_bg.png);
      width: 304px;
      height: 133px;
      margin: 0 auto; }
      @media (min-width: 1261px) {
        .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond::before, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond::before {
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -152px;
          top: -48px; } }
    .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent {
      display: block;
      margin-bottom: 10%; }
      @media (min-width: 801px) {
        .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent {
          display: flex; } }
      .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent h2, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent h2 {
        text-align: center;
        color: #414141; }
      .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent h3, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent h3 {
        font-family: abril-text;
        font-weight: 300;
        font-size: 20px;
        margin-top: 0; }
      .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail {
        text-align: center; }
        @media (min-width: 801px) {
          .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail {
            padding-left: 10%;
            text-align: left; } }
        .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail p, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .MoissaniteVsDiamondContent .MoissaniteVsDiamondDetail p {
          font-weight: 300;
          margin-bottom: 20px; }
    .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay:hover, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay:hover {
      background: none; }
    .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay .twentytwenty-after-label::before, .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay .twentytwenty-before-label::before, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay .twentytwenty-after-label::before, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-overlay .twentytwenty-before-label::before {
      content: ""; }
    .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle {
      background: #3F6BB3;
      border: 3px solid #D8E6F1; }
      .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle::before, .MoissaniteVsDiamondWrap .container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle::after, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle::before, .MoissaniteVsDiamondWrap .inner-container .MoissaniteVsDiamond .img-comp-container .twentytwenty-handle::after {
        background: #3F6BB3;
        width: 1px; }

.KnowAboutMoissanite {
  padding: 0 15px 8%; }
  .KnowAboutMoissanite .KnowAboutMoissanite_Heading {
    color: #3e3e3e;
    font-family: abril-text;
    font-size: 33px;
    line-height: 40px;
    letter-spacing: -.5px;
    text-align: center; }
    .KnowAboutMoissanite .KnowAboutMoissanite_Heading::after {
      width: 77px;
      content: "";
      background: #9DADCF;
      display: block;
      height: 2px;
      margin: 3% auto 4%; }
  .KnowAboutMoissanite .row {
    margin: 0; }
    @media (min-width: 801px) {
      .KnowAboutMoissanite .row {
        margin: 0 -15px; } }
    .KnowAboutMoissanite .row div[class*="col-"] {
      padding: 0;
      float: none;
      width: 100%; }
      @media (min-width: 801px) {
        .KnowAboutMoissanite .row div[class*="col-"] {
          padding: 0 15px;
          float: left;
          width: 33.3333%; } }
  .KnowAboutMoissanite .KnowAboutMoissaniteBox {
    background: #D7E6F0;
    padding: 2rem;
    min-height: 365px; }
    .KnowAboutMoissanite .KnowAboutMoissaniteBox .KnowAboutMoissaniteBoxImg {
      margin-bottom: 20px; }
      .KnowAboutMoissanite .KnowAboutMoissaniteBox .KnowAboutMoissaniteBoxImg img {
        width: 70px; }
    .KnowAboutMoissanite .KnowAboutMoissaniteBox .KnowAboutMoissaniteBoxTxt h3 {
      font-family: abril-text;
      font-size: 25px;
      letter-spacing: 0; }
      @media (min-width: 801px) {
        .KnowAboutMoissanite .KnowAboutMoissaniteBox .KnowAboutMoissaniteBoxTxt h3 {
          font-size: 35px; } }
    .KnowAboutMoissanite .KnowAboutMoissaniteBox .KnowAboutMoissaniteBoxTxt p {
      font-weight: 300;
      min-height: 120px; }

.FAQMoissaniteWrap {
  background: #E1ECF4; }
  .FAQMoissaniteWrap .FAQMoissanite {
    padding: 0 0 4rem; }
    .FAQMoissaniteWrap .FAQMoissanite .FAQMoissanite_Heading {
      color: #3e3e3e;
      font-family: abril-text;
      font-size: 33px;
      line-height: 40px;
      letter-spacing: -.5px;
      text-align: center;
      padding: 5rem 0;
      margin: 2rem 0 0; }
    .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner {
      border: 1px solid #E6E6E4;
      background: #fff; }
      .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Question {
        background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/plus_sign.svg);
        background-repeat: no-repeat;
        background-position: 1.4rem center;
        background-size: 12px;
        border-bottom: 1px solid #E6E6E4;
        font-family: abril-text;
        font-size: 15px;
        padding: 10px 10px 10px 50px;
        letter-spacing: 0;
        cursor: pointer; }
        @media (min-width: 801px) {
          .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Question {
            background-position: 4rem center;
            background-size: 22px;
            padding: 2.8rem 7rem;
            font-size: 25px; } }
      .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Question.current {
        background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/minus_sign.svg);
        border: 0;
        cursor: pointer; }
      .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Answer {
        padding: 0 1rem 3rem 3rem;
        border-bottom: 1px solid #E6E6E4; }
        @media (min-width: 801px) {
          .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Answer {
            padding: 0 8rem 3rem 8rem; } }
        .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Answer p {
          font-weight: 300;
          font-size: 15px;
          line-height: 1.5rem; }
          @media (min-width: 801px) {
            .FAQMoissaniteWrap .FAQMoissanite .FAQMoissaniteInner .Answer p {
              font-size: 17px;
              line-height: 1.7rem; } }

.MoissaniteStoryWrap .MoissaniteStory {
  max-width: 770px;
  margin: 4rem auto; }
  .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryHeading {
    color: #3e3e3e;
    font-family: abril-text;
    font-size: 33px;
    line-height: 40px;
    letter-spacing: -.5px;
    margin-bottom: 50px;
    margin-top: 20px;
    text-align: center; }
    .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryHeading :after {
      width: 77px;
      content: "";
      background: #9DADCF;
      display: block;
      height: 2px;
      margin: 3% auto 4%; }
  .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap {
    padding: 30px;
    background-color: #F2E8E7;
    margin-bottom: 8rem; }
    .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox {
      display: flex;
      margin: 0 0 3rem;
      flex-direction: column;
      text-align: center; }
      @media (min-width: 801px) {
        .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox {
          flex-direction: row; } }
      .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryImg, .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryTxt {
        display: flex;
        align-items: center;
        justify-content: center; }
      .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryImg {
        position: relative;
        left: inherit;
        flex: 1; }
        @media (min-width: 801px) {
          .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryImg {
            left: -68px;
            flex: 1.6; } }
      .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryTxt {
        flex: 2.2; }
        .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox .MoissaniteStoryTxt p {
          font-weight: 300; }
      .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox:nth-child(2n+1) {
        flex-direction: column-reverse; }
        @media (min-width: 801px) {
          .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox:nth-child(2n+1) {
            flex-direction: row; } }
        .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox:nth-child(2n+1) .MoissaniteStoryImg {
          right: inherit;
          left: inherit; }
          @media (min-width: 801px) {
            .MoissaniteStoryWrap .MoissaniteStory .MoissaniteStoryContentWrap .MoissaniteStoryContentBox:nth-child(2n+1) .MoissaniteStoryImg {
              left: 68px;
              flex: 1.6; } }
  .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardHeading {
    color: #3e3e3e;
    font-family: abril-text;
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 6%;
    letter-spacing: -.5px;
    text-align: center; }
    .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardHeading:after {
      width: 77px;
      content: "";
      background: #9DADCF;
      display: block;
      height: 2px;
      margin: 3% auto 4%; }
  .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox {
    display: block; }
    @media (min-width: 801px) {
      .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox {
        display: flex; } }
    .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox .CharlesColvardImg, .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox .CharlesColvardTxt {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center; }
    .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox .CharlesColvardTxt {
      padding-right: 60px;
      padding-left: 50px; }
      .MoissaniteStoryWrap .MoissaniteStory .CharlesColvardWrap .CharlesColvardContentBox .CharlesColvardTxt p {
        font-weight: 300; }

.MoissaniteAppointmentWrap {
  background: #E6E6E4;
  border-bottom: 1px solid #E6E6E4; }
  .MoissaniteAppointmentWrap .MoissaniteAppointment {
    max-width: 820px;
    margin: 5% auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center; }
    @media (min-width: 801px) {
      .MoissaniteAppointmentWrap .MoissaniteAppointment {
        flex-direction: row; } }
    .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentTxt, .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentImg {
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: center;
      justify-content: center; }
    .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentTxt {
      align-items: left; }
      .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentTxt .MoissaniteAppointmentHeading {
        font-family: abril-text;
        font-size: 28px;
        line-height: 1.6rem;
        margin-bottom: 20px; }
      .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentTxt a {
        background: #41609F;
        color: #fff;
        display: inline-block;
        padding: 10px 25px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 0.5px; }
    .MoissaniteAppointmentWrap .MoissaniteAppointment .MoissaniteAppointmentImg img {
      max-width: 70%; }

.LearnMoreDiamondWrap .LearnMoreDiamond {
  padding: 4rem 0; }
  .LearnMoreDiamondWrap .LearnMoreDiamond .LearnMoreDiamondHeading {
    color: #3e3e3e;
    font-family: abril-text;
    font-size: 33px;
    line-height: 40px;
    letter-spacing: -.5px;
    text-align: center; }
    .LearnMoreDiamondWrap .LearnMoreDiamond .LearnMoreDiamondHeading:after {
      width: 77px;
      content: "";
      background: #9DADCF;
      display: block;
      height: 2px;
      margin: 3% auto 4%; }
  .LearnMoreDiamondWrap .LearnMoreDiamond .LearnMoreDiamonBox img {
    display: block;
    margin-bottom: 10px; }
  .LearnMoreDiamondWrap .LearnMoreDiamond .LearnMoreDiamonBox .LearnMoreDiamonContent p {
    color: #575757;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: abril-text; }
  .LearnMoreDiamondWrap .LearnMoreDiamond .LearnMoreDiamonBox .LearnMoreDiamonContent a {
    color: #41609F;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px; }

.MakeAppointmentWrap {
  background: #F2F7FB;
  text-align: center; }
  .MakeAppointmentWrap .MakeAppointment {
    padding: 4rem 0; }
    .MakeAppointmentWrap .MakeAppointment .MakeAppointmentHeading {
      font-size: 32px;
      margin-bottom: 20px;
      display: block;
      line-height: 2rem; }
    .MakeAppointmentWrap .MakeAppointment .MakeAppointmentBtn {
      background-color: #3f609f;
      color: #fff;
      border-radius: 0; }

.StepDesignWrap.NewCategoryType {
  padding: 0px; }
  .StepDesignWrap.NewCategoryType .container {
    max-width: 100rem;
    padding: 0; }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType .container {
        max-width: 91.71429rem;
        padding: 0 1.5rem; } }
    @media (min-width: 1261px) {
      .StepDesignWrap.NewCategoryType .container {
        max-width: 1630px;
        padding: 0 15px; } }
  .StepDesignWrap.NewCategoryType .pointer_main {
    background-color: #fbfbfb;
    border: 1px solid #e8e8e8;
    padding: 0;
    margin: 1.5rem 0;
    height: auto;
    min-height: 74px;
    display: block; }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType .pointer_main {
        min-height: 94px; } }
    @media (min-width: 1261px) {
      .StepDesignWrap.NewCategoryType .pointer_main {
        align-items: center;
        display: flex;
        justify-content: space-between;
        border: 1px solid #e1e1e1; } }
    .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape {
      display: flex;
      align-items: center;
      justify-content: center;
      height: auto;
      padding: 0 20px;
      min-height: 30px;
      position: relative;
      width: 100%;
      max-width: 100%;
      border-bottom: 1px solid #e1e1e1; }
      @media (min-width: 801px) {
        .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape {
          min-height: 50px; } }
      @media (min-width: 1261px) {
        .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape {
          max-width: 25%;
          min-height: 100px;
          border-right: 1px solid #e1e1e1;
          border-bottom: 0; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-txt {
        color: #666666;
        font-size: 15px;
        font-weight: 100; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-txt span {
          color: #3c6bb4;
          font-weight: 300; }
        @media (min-width: 801px) {
          .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-txt {
            font-size: 22px; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-img {
        padding-left: 1rem;
        width: 60px;
        height: 60px;
        display: none; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-img svg {
          width: 100%;
          height: 100%; }
        @media (min-width: 801px) {
          .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading span.pointer-img {
            display: block; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.is-active {
        background-color: #f0f1f3; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.is-active br {
          display: none; }
          @media (min-width: 1261px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.is-active br {
              display: inline; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading-desktop {
        display: none; }
        @media (min-width: 801px) {
          .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading-desktop {
            display: flex; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading-mobile {
        display: flex; }
        @media (min-width: 801px) {
          .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading-mobile {
            display: none; } }
    .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap {
      display: flex;
      max-width: 100%;
      width: 100%;
      margin-left: 0%;
      flex-direction: row;
      height: 45px;
      align-items: center;
      justify-content: space-between; }
      @media (min-width: 551px) {
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap {
          height: 70px; } }
      @media (min-width: 1261px) {
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap {
          height: 100px;
          max-width: 75%; } }
      .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step {
        border-right: 1px solid #e1e1e1;
        display: flex;
        flex-direction: row;
        height: 100%;
        align-items: center;
        justify-content: center;
        position: relative;
        max-width: 33.33333333333334%;
        padding-right: 0;
        padding-left: 0;
        width: 100%; }
        @media (min-width: 1441px) {
          .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step {
            padding-left: 10px; } }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step.is-active {
          background-color: #f0f1f3; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .text-num {
          color: #666;
          font-size: 24px;
          font-weight: 100;
          padding-right: 0.6rem; }
          @media (min-width: 801px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .text-num {
              padding-right: 1.6rem; } }
          @media (min-width: 1261px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .text-num {
              font-size: 30px;
              padding-right: 1.6rem; } }
          @media (min-width: 1441px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .text-num {
              font-size: 43px;
              padding-right: 2.6rem; } }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt {
          color: #3c6bb4;
          min-height: unset;
          flex-direction: column;
          font-size: 13px;
          font-weight: 300;
          line-height: 1rem; }
          @media (min-width: 551px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt {
              font-size: 15px;
              line-height: 1.2rem; } }
          @media (min-width: 801px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt {
              min-height: 100%;
              font-size: 18px;
              line-height: 1.5rem; } }
          @media (min-width: 1261px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt {
              font-size: 18px;
              line-height: 1.6rem;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: row; } }
          @media (min-width: 1441px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt {
              font-size: 22px;
              line-height: 1.6rem; } }
          .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt span {
            color: #575757;
            font-weight: 100; }
            @media (min-width: 801px) {
              .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt span {
                display: inline-block;
                padding-right: 0.4rem; } }
          .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt.pointer-txt-desktop {
            display: none; }
            @media (min-width: 801px) {
              .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt.pointer-txt-desktop {
                align-items: flex-start;
                justify-content: center;
                display: flex; } }
            @media (min-width: 1261px) {
              .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt.pointer-txt-desktop {
                align-items: center; } }
          .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt.pointer-txt-mobile {
            display: flex; }
            @media (min-width: 801px) {
              .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-txt.pointer-txt-mobile {
                display: none; } }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-img {
          width: 40px;
          height: 40px;
          margin-left: 0.5rem;
          display: none; }
          .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-img svg {
            stroke: none;
            width: 100%;
            height: 100%; }
          @media (min-width: 801px) {
            .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step .pointer-img {
              display: block; } }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step.metal-step .pointer-img {
          width: 33px;
          height: 33px; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step.gemstone-step .pointer-img {
          width: 46px;
          height: 46px; }
        .StepDesignWrap.NewCategoryType .pointer_main .pointer-step-wrap .pointer-step.final-step {
          border-right: 0; }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 15px solid #fff;
    right: -25px;
    z-index: 1; }
    @media (min-width: 551px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:before {
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 20px solid #fff;
        right: -20px; } }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:before {
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #fff;
        right: -30px; } }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='100' stroke='rgb(191, 197, 202)' fill='rgb(191, 197, 202)' viewBox='0 0 150 500'%3E%3Cg%3E%3Cpolygon points='2,0 0,0 147.969,250.016 0,500 2,500 150,250.016'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    display: block;
    border: 0;
    width: 15px;
    height: 52px;
    right: -25px;
    z-index: 9; }
    @media (min-width: 551px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:after {
        width: 24px;
        height: 70px;
        right: -23px; } }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .StepHeading.pointer_shape:after {
        width: 35px;
        height: 100px;
        right: -36px; } }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 15px solid #fff;
    right: -15px;
    left: unset;
    display: block;
    z-index: 1; }
    @media (min-width: 551px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:before {
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 20px solid #fff;
        right: -20px; } }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:before {
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #fff;
        right: -30px; } }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:after, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='100' stroke='rgb(191, 197, 202)' fill='rgb(191, 197, 202)' viewBox='0 0 150 500'%3E%3Cg%3E%3Cpolygon points='2,0 0,0 147.969,250.016 0,500 2,500 150,250.016'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    display: block;
    border: 0;
    width: 15px;
    height: 52px;
    right: -16px;
    z-index: 9; }
    @media (min-width: 551px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:after, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:after {
        width: 24px;
        height: 70px;
        right: -23px; } }
    @media (min-width: 801px) {
      .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1:after, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2:after {
        width: 35px;
        height: 100px;
        right: -36px; } }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1.is-active, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2.is-active {
    background-color: #F9FAFA; }
    .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1.is-active:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2.is-active:before {
      border-left: 15px solid #F9FAFA; }
      @media (min-width: 551px) {
        .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1.is-active:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2.is-active:before {
          border-left: 20px solid #F9FAFA; } }
      @media (min-width: 801px) {
        .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_1.is-active:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_2.is-active:before {
          border-left: 30px solid #F9FAFA; } }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_3:before, .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_3:after {
    display: none; }
  .StepDesignWrap.NewCategoryType.forProductPage .pointer_main .pointer-step-wrap .pointer-step.step_3.is-active {
    background-color: #F9FAFA; }

@media (min-width: 1261px) {
  .innerpages-story .our-story-wrapper .ColumnWrap {
    align-items: flex-start; } }

@media (min-width: 1261px) {
  .innerpages-story .our-story-wrapper .ColumnWrap.ImageWrap {
    flex: 0.6; } }

@media (min-width: 1261px) {
  .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap {
    flex: 1; } }

.innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo {
  padding: 0 15px; }
  @media (min-width: 992px) {
    .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo {
      padding: 0 35px; } }
  @media (min-width: 1261px) {
    .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo {
      max-width: 960px; } }
  .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentTop h2.heading-inner {
    text-align: center; }
    @media (min-width: 992px) {
      .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentTop h2.heading-inner {
        text-align: left; } }
  .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentTop p {
    font-size: 22px;
    line-height: 2.6rem; }
  .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentTop .align-bottom {
    margin-bottom: 13rem; }
  .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom {
    text-align: left; }
    .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom h2.heading-inner {
      text-align: center; }
      @media (min-width: 992px) {
        .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom h2.heading-inner {
          text-align: left; } }
    .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom .showroom-details .make-appointment-btns {
      display: flex; }
      @media (min-width: 801px) {
        .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom .showroom-details .make-appointment-btns {
          display: inline-block;
          text-align: center; } }
    .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom .showroom-details li a {
      font-size: 15px;
      display: block;
      text-align: left; }
      @media (min-width: 551px) {
        .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom .showroom-details li a {
          font-size: 18px; } }
      @media (min-width: 1261px) {
        .innerpages-story .our-story-wrapper .ColumnWrap.ContentWrap .ContentInfo .ContentBottom .showroom-details li a {
          font-size: 20px; } }

.moreinfo-content {
  margin: 2rem 0;
  text-align: center; }
  .moreinfo-content h3 {
    color: #666666;
    font-size: 30px;
    margin: 0 0 2rem;
    text-transform: uppercase; }
  .moreinfo-content p {
    color: #666;
    font-size: 18px;
    max-width: 1300px;
    margin: 0 auto 1.5rem auto; }
    .moreinfo-content p a {
      color: #666666; }
  .moreinfo-content a {
    color: #666666;
    text-transform: uppercase; }

.promotional-banner--main {
  max-width: 1418px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem; }
  @media only screen and (max-width: 450px) {
    .promotional-banner--main {
      max-width: 340px;
      margin-bottom: 50px;
      padding: 0; } }
  .promotional-banner--main .promotional-banner {
    background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/promotional-banner.png);
    background-size: contain;
    padding: 30px;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 450px) {
      .promotional-banner--main .promotional-banner {
        background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/promotional-banner-mbl.png);
        background-size: cover;
        height: 100%;
        padding-top: 40px;
        padding-bottom: 130px; } }
    .promotional-banner--main .promotional-banner .inner-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 20px; }
      @media only screen and (max-width: 450px) {
        .promotional-banner--main .promotional-banner .inner-wrapper {
          flex-direction: column;
          row-gap: 30px; } }
      .promotional-banner--main .promotional-banner .inner-wrapper .heading-box h5 {
        font-size: 20px;
        color: #666666;
        margin: 0;
        font-weight: 400;
        text-transform: capitalize;
        text-align: center; }
      .promotional-banner--main .promotional-banner .inner-wrapper .heading-box h3 {
        font-size: 50px;
        color: #666666;
        margin: 15px 0;
        font-weight: 700;
        text-transform: uppercase; }
        @media only screen and (max-width: 450px) {
          .promotional-banner--main .promotional-banner .inner-wrapper .heading-box h3 {
            text-align: center;
            margin: 5px 0;
            font-weight: 500; } }
      .promotional-banner--main .promotional-banner .inner-wrapper .heading-box h4 {
        font-size: 22px;
        color: #666666;
        margin: 0;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center; }
      .promotional-banner--main .promotional-banner .inner-wrapper .info-box p {
        max-width: 340px;
        font-size: 16px;
        color: #666666;
        margin: 0; }
        @media only screen and (max-width: 450px) {
          .promotional-banner--main .promotional-banner .inner-wrapper .info-box p {
            text-align: center; } }

.category-bottom-faq {
  max-width: 1600px;
  width: 100%;
  margin: 70px auto;
  padding: 0 1.5rem; }
  .category-bottom-faq .downtown-la-faq-box {
    border-bottom: 1px solid #dadada;
    padding-bottom: 14px; }
    .category-bottom-faq .downtown-la-faq-box h4 {
      text-transform: uppercase;
      font-size: 24px;
      color: #666666;
      position: relative;
      cursor: pointer; }
      .category-bottom-faq .downtown-la-faq-box h4::after {
        content: "";
        background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/arrow-faq.png);
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 6px;
        background-repeat: no-repeat;
        background-size: contain; }
    .category-bottom-faq .downtown-la-faq-box p {
      font-size: 18px;
      color: #666666; }
    .category-bottom-faq .downtown-la-faq-box.is-open h4::after {
      transform: rotate(180deg); }

.card-details .card-title {
  min-height: 60px; }

.tacori--category .with-column-reverse.designer-descover-wrap {
  margin: 0 0 6rem; }

.align--left {
  font-size: 45px;
  text-align: left !important; }
  @media only screen and (max-width: 550px) {
    .align--left {
      font-size: 30px;
      text-align: center; } }

.FullTwoColumnWrap .ColumnWrap.ContentWrap .tacori-designer-content h3 {
  margin-bottom: 30px; }

.FullTwoColumnWrap .ColumnWrap.ContentWrap .tacori-designer-content p {
  margin-bottom: 40px; }

.align-flex-start {
  align-items: flex-start !important; }

.ColumnContent.same--alinged {
  min-height: 90px; }

.slickTopArrows .heading-wrap {
  padding: 0 15px;
  position: relative; }
  .slickTopArrows .heading-wrap h2 {
    color: #666;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .slickTopArrows .heading-wrap h2 {
        font-size: 45px;
        text-align: left; } }
  .slickTopArrows .heading-wrap a {
    color: #666;
    display: none;
    position: absolute;
    right: 120px;
    top: 4px;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .slickTopArrows .heading-wrap a {
        display: block; } }

.slickTopArrows .productCarousel button.slick-arrow, .slickTopArrows .shopby-style button.slick-arrow {
  display: none; }
  @media (min-width: 801px) {
    .slickTopArrows .productCarousel button.slick-arrow, .slickTopArrows .shopby-style button.slick-arrow {
      display: block; } }
  .slickTopArrows .productCarousel button.slick-arrow.slick-next, .slickTopArrows .productCarousel button.slick-arrow.slick-prev, .slickTopArrows .shopby-style button.slick-arrow.slick-next, .slickTopArrows .shopby-style button.slick-arrow.slick-prev {
    height: 40px;
    padding: 0;
    width: 30px; }
    @media (min-width: 801px) {
      .slickTopArrows .productCarousel button.slick-arrow.slick-next, .slickTopArrows .productCarousel button.slick-arrow.slick-prev, .slickTopArrows .shopby-style button.slick-arrow.slick-next, .slickTopArrows .shopby-style button.slick-arrow.slick-prev {
        top: -25px; } }
    .slickTopArrows .productCarousel button.slick-arrow.slick-next:before, .slickTopArrows .productCarousel button.slick-arrow.slick-prev:before, .slickTopArrows .shopby-style button.slick-arrow.slick-next:before, .slickTopArrows .shopby-style button.slick-arrow.slick-prev:before {
      background-size: 20px;
      background-position: center;
      height: 100%;
      width: 100%; }
  @media (min-width: 801px) {
    .slickTopArrows .productCarousel button.slick-arrow.slick-next, .slickTopArrows .shopby-style button.slick-arrow.slick-next {
      right: 15px; } }
  .slickTopArrows .productCarousel button.slick-arrow.slick-next:before, .slickTopArrows .shopby-style button.slick-arrow.slick-next:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M17.054,12.641c-2.685-2.683-5.264-5.258-7.845-7.834C8.431,4.027,7.647,3.25,6.873,2.466C6.407,1.995,6.378,1.488,6.775,1.094c0.394-0.393,0.909-0.366,1.375,0.1c3.556,3.549,7.108,7.102,10.657,10.657c0.505,0.506,0.499,0.964-0.011,1.475c-3.549,3.556-7.102,7.107-10.656,10.657c-0.466,0.465-0.981,0.495-1.374,0.107c-0.403-0.398-0.364-0.916,0.124-1.406c3.236-3.24,6.476-6.479,9.717-9.713C16.724,12.852,16.877,12.77,17.054,12.641z' /%3E%3C/svg%3E"); }
  @media (min-width: 801px) {
    .slickTopArrows .productCarousel button.slick-arrow.slick-prev, .slickTopArrows .shopby-style button.slick-arrow.slick-prev {
      left: unset;
      right: 50px; } }
  .slickTopArrows .productCarousel button.slick-arrow.slick-prev:before, .slickTopArrows .shopby-style button.slick-arrow.slick-prev:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M8.621,12.538c2.685,2.683,5.263,5.258,7.844,7.834c0.778,0.779,1.562,1.557,2.336,2.341c0.466,0.471,0.495,0.978,0.098,1.372c-0.394,0.393-0.909,0.366-1.375-0.1c-3.556-3.549-7.108-7.102-10.657-10.657c-0.504-0.506-0.499-0.964,0.011-1.475c3.549-3.556,7.102-7.107,10.656-10.658c0.466-0.465,0.981-0.495,1.374-0.107c0.403,0.398,0.364,0.916-0.124,1.407c-3.236,3.24-6.475,6.479-9.716,9.713C8.95,12.327,8.797,12.409,8.621,12.538z' /%3E%3C/svg%3E"); }

.getExtraFavourWrap {
  margin: 0; }
  .getExtraFavourWrap .extraFavourInfo {
    margin: 0 0 3rem;
    text-align: center; }
    .getExtraFavourWrap .extraFavourInfo h3 {
      color: #666;
      font-size: 30px;
      line-height: 2.4rem;
      margin: 0 0 2rem;
      text-transform: uppercase; }
  .getExtraFavourWrap .getExtraFavour {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4rem;
    max-width: 620px;
    margin: 0 auto 5rem;
    flex-wrap: wrap; }
    .getExtraFavourWrap .getExtraFavour .box {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 5;
      text-align: center; }
      .getExtraFavourWrap .getExtraFavour .box .box-icons {
        background-color: #3F6BB4;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 0 0 1rem;
        padding: 1rem; }
        .getExtraFavourWrap .getExtraFavour .box .box-icons .icon {
          width: 100%;
          height: 100%; }
          .getExtraFavourWrap .getExtraFavour .box .box-icons .icon svg {
            fill: #fff;
            width: 100%;
            height: 100%;
            stroke: #fff; }
      .getExtraFavourWrap .getExtraFavour .box .box-text {
        font-family: niveau-grotesk,Arial,Helvetica,sans-serif;
        font-weight: 300;
        line-height: 1.4rem; }

.tacori--category .page-after-heading-wrap {
  background: transparent;
  padding: 0;
  margin: 0; }
  .tacori--category .page-after-heading-wrap .after-heading-wrap {
    padding: 0 15px;
    background-color: transparent;
    box-shadow: none;
    margin: 0 0 2rem; }
    @media (min-width: 801px) {
      .tacori--category .page-after-heading-wrap .after-heading-wrap {
        margin: 0; } }
    .tacori--category .page-after-heading-wrap .after-heading-wrap a {
      display: block; }

.promo-categries {
  display: none !important; }

.body_category .page .promo-categries {
  border-top: 1px solid #e5e5e5;
  float: none;
  width: 100%;
  padding-left: .35rem;
  padding-right: .35rem;
  overflow: hidden;
  display: inline-block !important; }
  @media (min-width: 551px) {
    .body_category .page .promo-categries {
      float: left;
      width: 50%; } }
  @media (min-width: 801px) {
    .body_category .page .promo-categries {
      width: 33.33333%;
      padding-left: .75rem;
      padding-right: .75rem; } }
  @media (min-width: 1261px) {
    .body_category .page .promo-categries {
      width: 25%; } }
  .body_category .page .promo-categries .promo-card {
    margin: 3rem 0; }
    .body_category .page .promo-categries .promo-card .promo-card-figure__link {
      display: block;
      position: relative; }
      .body_category .page .promo-categries .promo-card .promo-card-figure__link .promo-card-for {
        color: #fff;
        bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        left: 0;
        text-align: center;
        text-decoration: underline;
        text-shadow: 1px 1px 3px #000;
        text-transform: uppercase;
        width: 100%; }

.card-figure-hover {
  overflow: hidden; }
  .card-figure-hover .card-img-container {
    overflow: hidden; }
  .card-figure-hover .product-additional {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    width: auto;
    max-height: 100%;
    transition: all ease .3s; }
  .card-figure-hover .card-image {
    display: inline-block;
    vertical-align: top; }
  .card-figure-hover:hover .product-additional {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease; }

.card-img-container::after {
  padding-bottom: 100%; }

.card .card-body .card-details .card-title {
  font-size: 17px;
  line-height: 1.6rem;
  padding: 0 .8rem;
  margin: 0 0 1rem; }
  .card .card-body .card-details .card-title a {
    color: #000; }

.card .card-body .card-actions .card-price .price-section span {
  font-weight: 300; }
  .card .card-body .card-actions .card-price .price-section span[data-product-price-without-tax] {
    color: #3f609f;
    font-size: 24px; }
    @media (min-width: 801px) {
      .card .card-body .card-actions .card-price .price-section span[data-product-price-without-tax] {
        font-size: 30px; } }
  .card .card-body .card-actions .card-price .price-section span[data-product-rrp-price-without-tax] {
    color: #757575;
    font-size: 24px; }
    @media (min-width: 801px) {
      .card .card-body .card-actions .card-price .price-section span[data-product-rrp-price-without-tax] {
        font-size: 24px; } }

.card .card-body .card-actions .card-figcaption-button:hover {
  background-color: #1f407f;
  color: #fff; }

.productCarousel .card .card-body .card-details, .productGrid .card .card-body .card-details {
  text-align: center; }
  .productCarousel .card .card-body .card-details .card-desc, .productGrid .card .card-body .card-details .card-desc {
    display: none; }

.productCarousel .card .card-body .card-actions, .productGrid .card .card-body .card-actions {
  text-align: center; }
  .productCarousel .card .card-body .card-actions .button, .productGrid .card .card-body .card-actions .button {
    display: none; }
  .productCarousel .card .card-body .card-actions .card-price, .productGrid .card .card-body .card-actions .card-price {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    column-gap: 1rem; }
    .productCarousel .card .card-body .card-actions .card-price div, .productGrid .card .card-body .card-actions .card-price div {
      line-height: 1.8rem; }

.productCarousel {
  margin: 0 auto 3rem; }
  .productCarousel .productCarousel-slide .card {
    margin-bottom: 3rem; }

.ShopCollection .card .card-body .card-details .card-title {
  color: #575757;
  line-height: 1.6rem;
  padding: 0 8px;
  font-family: niveau-grotesk;
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 1rem; }

.ShopCollection .card .card-body .card-actions a {
  color: #3f609f;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase; }

.productList {
  margin: 0 -.75rem; }
  .productList .product {
    padding: 0 .75rem; }
    .productList .product .card {
      display: flex;
      margin: 0;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .productList .product .card .card-figure, .productList .product .card .card-body {
        display: table-cell;
        vertical-align: middle; }
      .productList .product .card .card-figure {
        overflow: hidden;
        padding-left: .76471rem;
        padding-right: .76471rem;
        position: relative;
        flex: 1; }
        @media (min-width: 1261px) {
          .productList .product .card .card-figure {
            min-height: 306px; } }
      .productList .product .card .card-body {
        padding-left: 1.23529rem;
        padding-right: .76471rem;
        text-align: left;
        display: flex;
        flex: 3; }
        .productList .product .card .card-body .card-details, .productList .product .card .card-body .card-actions {
          display: table-cell;
          vertical-align: middle; }
        .productList .product .card .card-body .card-details {
          padding-right: 4rem;
          display: flex;
          flex-direction: column;
          flex: 3; }
          .productList .product .card .card-body .card-details .card-title {
            font-size: 20px;
            line-height: 2.1rem;
            padding: 0; }
        .productList .product .card .card-body .card-actions {
          flex: 1.5;
          display: flex;
          flex-direction: column; }
          .productList .product .card .card-body .card-actions .card-price {
            text-align: center; }
          .productList .product .card .card-body .card-actions .button {
            width: 100%; }

.page-sidebar nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  margin: 0 auto; }

#facetedSearch {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 801px) {
    #facetedSearch {
      width: auto; } }
  #facetedSearch #FacetedSortBtns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0px 10px 10px;
    position: relative; }
    #facetedSearch #FacetedSortBtns #facetedSearchBtn, #facetedSearch #FacetedSortBtns #SortBtn {
      background-color: #ffece7;
      border: 1px solid #ffece7;
      color: #666;
      display: flex;
      font-size: 13px;
      width: 80px;
      margin-right: 10px;
      align-items: center;
      justify-content: center;
      height: 30px;
      text-align: center;
      cursor: pointer; }
      @media (min-width: 801px) {
        #facetedSearch #FacetedSortBtns #facetedSearchBtn, #facetedSearch #FacetedSortBtns #SortBtn {
          display: none; } }
      #facetedSearch #FacetedSortBtns #facetedSearchBtn span.icon, #facetedSearch #FacetedSortBtns #SortBtn span.icon {
        margin-left: 5px;
        width: 24px;
        height: 24px; }
        #facetedSearch #FacetedSortBtns #facetedSearchBtn span.icon svg, #facetedSearch #FacetedSortBtns #SortBtn span.icon svg {
          stroke: none;
          fill: #666; }
    #facetedSearch #FacetedSortBtns #CatDescIconForMobile {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      text-align: center;
      cursor: pointer;
      position: absolute;
      left: 0;
      top: 0; }
      @media (min-width: 801px) {
        #facetedSearch #FacetedSortBtns #CatDescIconForMobile {
          display: none; } }

.sidebarBlock-heading {
  color: #3f609f;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  text-transform: uppercase; }

@media (min-width: 801px) {
  .accordion--navList {
    display: flex;
    margin: 0; } }

.accordion--navList .accordion-block {
  margin: 0; }
  @media (min-width: 801px) {
    .accordion--navList .accordion-block {
      margin: 0 2rem 0 0; } }
  .accordion--navList .accordion-block.block-price {
    display: none; }
  .accordion--navList .accordion-block .accordion-navigation {
    margin-top: -1px;
    position: relative;
    cursor: pointer;
    text-decoration: none; }
    .accordion--navList .accordion-block .accordion-navigation .accordion-title {
      color: #000;
      font-size: 14px;
      font-weight: 700;
      line-height: 30px;
      padding: 10px 30px 10px 10px;
      margin: 0;
      text-transform: uppercase; }
    .accordion--navList .accordion-block .accordion-navigation .accordion-navigation-actions {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px; }
      .accordion--navList .accordion-block .accordion-navigation .accordion-navigation-actions .accordion-indicator {
        display: none;
        fill: #000;
        width: 10px;
        height: 10px; }
        .accordion--navList .accordion-block .accordion-navigation .accordion-navigation-actions .accordion-indicator.toggleLink-text--on {
          transform: rotate(180deg); }
    .accordion--navList .accordion-block .accordion-navigation .accordion-block {
      margin: 0; }
    .accordion--navList .accordion-block .accordion-navigation.is-open .toggleLink-text--off {
      display: none; }
    .accordion--navList .accordion-block .accordion-navigation.is-open .toggleLink-text--on {
      display: inline-block; }
    .accordion--navList .accordion-block .accordion-navigation:not(.is-open) .toggleLink-text--off {
      display: inline-block; }
    .accordion--navList .accordion-block .accordion-navigation:not(.is-open) .toggleLink-text--on {
      display: none; }
    .accordion--navList .accordion-block .accordion-navigation.is-active .toggleLink-text--off {
      display: none; }
    .accordion--navList .accordion-block .accordion-navigation.is-active .toggleLink-text--on {
      display: inline-block; }
    .accordion--navList .accordion-block .accordion-navigation:not(.is-active) .toggleLink-text--off {
      display: inline-block; }
    .accordion--navList .accordion-block .accordion-navigation:not(.is-active) .toggleLink-text--on {
      display: none; }
  .accordion--navList .accordion-block .facetedSearch-clearLink {
    display: none; }
  .accordion--navList .accordion-block .accordion-content {
    padding: 0; }
    .accordion--navList .accordion-block .accordion-content .accordian-range, .accordion--navList .accordion-block .accordion-content .navList {
      background-color: #fff;
      width: 100%; }
      @media (min-width: 801px) {
        .accordion--navList .accordion-block .accordion-content .accordian-range, .accordion--navList .accordion-block .accordion-content .navList {
          border: 2px solid #e6e6e4;
          border-top-color: #fff;
          min-width: 490px;
          position: absolute;
          z-index: 50; } }
      .accordion--navList .accordion-block .accordion-content .accordian-range#facetedSearch-navList--shop-by-price, .accordion--navList .accordion-block .accordion-content .navList#facetedSearch-navList--shop-by-price {
        width: 80%; }
      @media (min-width: 801px) {
        .accordion--navList .accordion-block .accordion-content .accordian-range .navList-item, .accordion--navList .accordion-block .accordion-content .navList .navList-item {
          float: left;
          width: 50%; } }
      .accordion--navList .accordion-block .accordion-content .accordian-range .navList-item .navList-action--checkbox, .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action--checkbox {
        font-size: 14px;
        margin-bottom: 0;
        padding-left: 35px;
        text-transform: uppercase; }
        .accordion--navList .accordion-block .accordion-content .accordian-range .navList-item .navList-action--checkbox::before, .accordion--navList .accordion-block .accordion-content .accordian-range .navList-item .navList-action--checkbox::after, .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action--checkbox::before, .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action--checkbox::after {
          margin-left: 10px;
          border-radius: 0; }
      .accordion--navList .accordion-block .accordion-content .accordian-range .navList-item .spancheckbox, .accordion--navList .accordion-block .accordion-content .navList .navList-item .spancheckbox {
        padding: .35294rem 10px .35294rem 35px;
        margin: 0; }

#facetedSearch .navList-item > a > span[class*="metal-type"],
#facetedSearch .navList-item > a > span[class*="type-of-metal"],
#facetedSearch .navList-item > a > span[class*="metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="metal-style"] {
  width: 20px; }

#facetedSearch .navList-item > a > span[class*="silver-18k-metal-style"],
#facetedSearch .navList-item > a > span[class*="silver-18k-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="silver-18k-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="silver-18k-metal-style"] {
  background-position: -13px -133px; }

#facetedSearch .navList-item > a > span[class*="palladium-metal-type"],
#facetedSearch .navList-item > a > span[class*="palladium-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="palladium-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="palladium-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="palladium-metal-style"] {
  background-position: -13px 0px; }

#facetedSearch .navList-item > a > span[class*="platinum-metal-type"],
#facetedSearch .navList-item > a > span[class*="platinum-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="platinum-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="platinum-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="platinum-metal-style"] {
  background-position: -53px -267px; }

#facetedSearch .navList-item > a > span[class*="14k-grey-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-grey-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="14k-grey-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-grey-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-grey-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-grey-gold-metal-style"] {
  background-position: -13px -533px; }

#facetedSearch .navList-item > a > span[class*="14k-white-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-white-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="14k-white-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-white-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-white-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-white-gold-metal-style"] {
  background-position: -13px -133px; }

#facetedSearch .navList-item > a > span[class*="18k-white-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-white-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="18k-white-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-white-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-white-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-white-gold-metal-style"] {
  background-position: -13px -33px; }

#facetedSearch .navList-item > a > span[class*="14k-rose-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-rose-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-rose-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="14k-rose-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-rose-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-rose-gold-metal-style"] {
  background-position: -13px -164px; }

#facetedSearch .navList-item > a > span[class*="18k-rose-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-rose-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="18k-rose-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-rose-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-rose-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-rose-gold-metal-style"] {
  background-position: -13px -66px; }

#facetedSearch .navList-item > a > span[class*="14k-yellow-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-yellow-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="14k-yellow-metal-type"],
#facetedSearch .navList-item > a > span[class*="14k-yellow-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-yellow-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="14k-yellow-gold-metal-style"] {
  background-position: -13px -497px; }

#facetedSearch .navList-item > a > span[class*="18k-yellow-gold-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-yellow-gold-type-of-metal"],
#facetedSearch .navList-item > a > span[class*="18k-yellow-metal-type"],
#facetedSearch .navList-item > a > span[class*="18k-yellow-gold-metal-style"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-yellow-gold-metal-type"],
#facetedSearch .navList-item > .spancheckbox > span[class*="18k-yellow-gold-metal-style"] {
  background-position: -13px -397px; }

#facetedSearch .navList-item > a > span[class*="gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="gemstone-shape"] {
  background-size: 420px;
  width: 30px; }

#facetedSearch .navList-item > a > span[class*="asscher-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="asscher-gemstone-shape"] {
  background-position: 45px -10px; }

#facetedSearch .navList-item > a > span[class*="cushion-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="cushion-gemstone-shape"] {
  background-position: 44px -229px; }

#facetedSearch .navList-item > a > span[class*="emerald-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="emerald-gemstone-shape"] {
  background-position: 44px -54px; }

#facetedSearch .navList-item > a > span[class*="marquise-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="marquise-gemstone-shape"] {
  background-position: 48px -113px;
  background-size: 480px; }

#facetedSearch .navList-item > a > span[class*="oval-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="oval-gemstone-shape"] {
  background-position: 48px -163px;
  background-size: 480px; }

#facetedSearch .navList-item > a > span[class*="pear-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="pear-gemstone-shape"] {
  background-position: 48px -214px;
  background-size: 480px; }

#facetedSearch .navList-item > a > span[class*="princess-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="princess-gemstone-shape"] {
  background-position: 44px -272px; }

#facetedSearch .navList-item > a > span[class*="round-gemstone-shape"],
#facetedSearch .navList-item > .spancheckbox > span[class*="round-gemstone-shape"] {
  background-position: 44px -315px; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span.icon-radiant-gemstone-shape-engagement-rings {
  background-size: 390px;
  background-position: -285px -237px; }

#facetedSearch .navList-item > a > span.icon-halo-ring-style-engagement-rings,
#facetedSearch .navList-item > .spancheckbox > span.icon-halo-ring-style-engagement-rings {
  background-position: -47px -2px; }

#facetedSearch .navList-item > a > span.icon-micro-prong-ring-style-engagement-rings,
#facetedSearch .navList-item > .spancheckbox > span.icon-micro-prong-ring-style-engagement-rings {
  background-position: -47px -36px; }

#facetedSearch .navList-item > a > span.icon-pav-set-ring-style-engagement-rings,
#facetedSearch .navList-item > .spancheckbox > span.icon-pav-set-ring-style-engagement-rings {
  background-position: -47px -69px; }

#facetedSearch .navList-item > a > span.icon-solitaire-ring-style-engagement-rings,
#facetedSearch .navList-item > .spancheckbox > span.icon-solitaire-ring-style-engagement-rings {
  background-position: -47px -107px; }

#facetedSearch .navList-item > a > span.icon-engraved-ring-style-engagement-rings,
#facetedSearch .navList-item > .spancheckbox > span.icon-engraved-ring-style-engagement-rings {
  background-position: -47px -142px; }

#facetedSearch .navList-item > a > span.icon-brushed-ring-finish-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-brushed-ring-finish-wedding-bands {
  background-position: -199px -4px;
  background-size: 380px; }

#facetedSearch .navList-item > a > span.icon-diamond-ring-finish-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-diamond-ring-finish-wedding-bands {
  background-position: -199px -228px;
  background-size: 380px; }

#facetedSearch .navList-item > a > span.icon-high-polished-ring-finish-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-high-polished-ring-finish-wedding-bands {
  background-position: -199px -94px;
  background-size: 380px; }

#facetedSearch .navList-item > a > span.icon-hammered-ring-finish-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-hammered-ring-finish-wedding-bands {
  background-position: -199px -138px;
  background-size: 380px; }

#facetedSearch .navList-item > a > span.icon-engraved-etched-ring-finish-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-engraved-etched-ring-finish-wedding-bands {
  background-position: -199px -182px;
  background-size: 380px; }

#facetedSearch .navList-item > a > span.icon-micro-prong-ring-style-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-micro-prong-ring-style-wedding-bands {
  background-position: -114px -2px;
  background-size: 340px; }

#facetedSearch .navList-item > a > span.icon-pav-set-ring-style-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-pav-set-ring-style-wedding-bands {
  background-position: -114px -44px;
  background-size: 340px; }

#facetedSearch .navList-item > a > span.icon-shared-prong-ring-style-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-shared-prong-ring-style-wedding-bands {
  background-position: -114px -82px;
  background-size: 340px; }

#facetedSearch .navList-item > a > span.icon-polished-ring-style-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-polished-ring-style-wedding-bands {
  background-position: -117px -247px;
  background-size: 340px; }

#facetedSearch .navList-item > a > span.icon-engraved-ring-style-wedding-bands,
#facetedSearch .navList-item > .spancheckbox > span.icon-engraved-ring-style-wedding-bands {
  background-position: -114px -124px;
  background-size: 340px; }

#facetedSearch .navList-item > a > span[class*="-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="-color"] {
  width: 20px; }

#facetedSearch .navList-item > a > span[class*="blue-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="blue-color"] {
  background-position: -220px -1px; }

#facetedSearch .navList-item > a > span[class*="brown-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="brown-color"] {
  background-position: -220px -36px; }

#facetedSearch .navList-item > a > span[class*="green-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="green-color"] {
  background-position: -220px -72px; }

#facetedSearch .navList-item > a > span[class*="purple-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="purple-color"] {
  background-position: -220px -107px; }

#facetedSearch .navList-item > a > span[class*="white-color"],
#facetedSearch .navList-item > .spancheckbox > span[class*="white-color"] {
  background-position: -220px -142px; }

#facetedSearch #facetedSearch-content--Style .navList-item > a > span[class*="ring-style"],
#facetedSearch #facetedSearch-content--Style .navList-item > .spancheckbox > span[class*="ring-style"] {
  background-position: -45px -220px; }

#facetedSearch #facetedSearch-content--Style .navList-item > a > span[class*="earrings-style"],
#facetedSearch #facetedSearch-content--Style .navList-item > .spancheckbox > span[class*="earrings-style"] {
  background-position: -45px -180px; }

#facetedSearch #facetedSearch-content--Style .navList-item > a > span[class*="necklace-style"],
#facetedSearch #facetedSearch-content--Style .navList-item > .spancheckbox > span[class*="necklace-style"] {
  background-position: -102px -177px; }

@media (min-width: 801px) {
  #facetedResultBtn, #facetedSearchBtn, .FacetsSearchPopupHeader, #SortBtn, #CatDescIconForMobile {
    display: none; } }

.actionBar[data-sort-by] {
  display: none; }
  @media (min-width: 801px) {
    .actionBar[data-sort-by] {
      display: block; } }

.view-mode-selector {
  display: none; }
  @media (min-width: 801px) {
    .view-mode-selector {
      float: right;
      justify-content: space-between;
      height: 50px;
      min-width: 80px;
      padding-left: 10px;
      display: inline-flex;
      align-items: center; }
      .view-mode-selector .grid-list-btns .grid-list--chevron {
        cursor: pointer;
        height: 30px;
        width: 30px;
        fill: #3f609f; } }

.facetedSearch-refineFilters {
  display: block; }
  .facetedSearch-refineFilters .inlineList--labels {
    display: inline-block;
    vertical-align: middle; }
    .facetedSearch-refineFilters .inlineList--labels a {
      font-size: 13px;
      line-height: 1.2rem; }
      @media (min-width: 801px) {
        .facetedSearch-refineFilters .inlineList--labels a {
          font-size: 17px;
          line-height: 1.5rem; } }
  .facetedSearch-refineFilters .inlineList--labels + a {
    background: #e5e5e5;
    border-radius: 4px;
    padding: .17647rem .52941rem .17647rem .70588rem;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .76471rem;
    margin-left: .76471rem;
    font-size: 13px;
    line-height: 1.2rem; }
    @media (min-width: 801px) {
      .facetedSearch-refineFilters .inlineList--labels + a {
        font-size: 17px;
        line-height: 1.5rem; } }

@media only screen and (min-width: 801px) {
  #FacetsSearchPopup {
    display: block !important; }
  #facetedSearch .accordion-content.is-open {
    display: none; }
  #facetedSearch .accordion-content.is-active {
    display: block; }
  #facetedSearch .navList-item .spancheckbox {
    display: none; }
  #facetedSearch .toggleLink .toggleLink-text--on {
    display: none; }
  #facetedSearch .toggleLink.is-open .toggleLink-text--on {
    display: none; }
  #facetedSearch .toggleLink.is-open.is-active .toggleLink-text--on {
    display: inline-block;
    transform: rotate(180deg); }
  #facetedSearch .toggleLink.is-open.is-active .toggleLink-text--off {
    display: none; } }

@media only screen and (max-width: 800px) {
  .FacetsSearchEnabled #FacetsSearchPopup, .FacetsSearchEnabled .facetedSearch-navList {
    display: block !important; }
  #CustomSortPopup, #FacetsSearchPopup {
    display: none;
    position: fixed;
    top: 20px;
    width: 90%;
    background: #fff;
    left: 50%;
    margin-left: -45%;
    z-index: 9999; }
    #CustomSortPopup .CustomSortPopupHeader, #CustomSortPopup .FacetsSearchPopupHeader, #FacetsSearchPopup .CustomSortPopupHeader, #FacetsSearchPopup .FacetsSearchPopupHeader {
      display: block;
      position: relative;
      background: #fff;
      top: 0;
      width: 100%;
      left: 0;
      z-index: 999999;
      border-bottom: 1px solid #E5E5E5;
      height: 50px; }
      #CustomSortPopup .CustomSortPopupHeader .CustomSortPopupHeading, #CustomSortPopup .CustomSortPopupHeader .FacetsSearchPopupHeading, #CustomSortPopup .FacetsSearchPopupHeader .CustomSortPopupHeading, #CustomSortPopup .FacetsSearchPopupHeader .FacetsSearchPopupHeading, #FacetsSearchPopup .CustomSortPopupHeader .CustomSortPopupHeading, #FacetsSearchPopup .CustomSortPopupHeader .FacetsSearchPopupHeading, #FacetsSearchPopup .FacetsSearchPopupHeader .CustomSortPopupHeading, #FacetsSearchPopup .FacetsSearchPopupHeader .FacetsSearchPopupHeading {
        font-size: 18px;
        text-transform: uppercase;
        line-height: 2.5rem;
        display: inline-block;
        padding: 2px 10px; }
      #CustomSortPopup .CustomSortPopupHeader .CustomSortPopupClose, #CustomSortPopup .CustomSortPopupHeader .FacetsSearchPopupClose, #CustomSortPopup .FacetsSearchPopupHeader .CustomSortPopupClose, #CustomSortPopup .FacetsSearchPopupHeader .FacetsSearchPopupClose, #FacetsSearchPopup .CustomSortPopupHeader .CustomSortPopupClose, #FacetsSearchPopup .CustomSortPopupHeader .FacetsSearchPopupClose, #FacetsSearchPopup .FacetsSearchPopupHeader .CustomSortPopupClose, #FacetsSearchPopup .FacetsSearchPopupHeader .FacetsSearchPopupClose {
        position: absolute;
        top: 10px;
        right: 10px;
        font-family: Karla,Arial,Helvetica,sans-serif;
        font-size: 20px;
        z-index: 9999;
        width: 28px;
        height: 28px;
        background: #3B548A;
        line-height: 1.5rem;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        cursor: pointer; }
      #CustomSortPopup .CustomSortPopupHeader #facetedResultBtn, #CustomSortPopup .FacetsSearchPopupHeader #facetedResultBtn, #FacetsSearchPopup .CustomSortPopupHeader #facetedResultBtn, #FacetsSearchPopup .FacetsSearchPopupHeader #facetedResultBtn {
        text-align: center; }
    #CustomSortPopup #CustomSort-box, #CustomSortPopup #facetedSearch-navList, #FacetsSearchPopup #CustomSort-box, #FacetsSearchPopup #facetedSearch-navList {
      background: #fff;
      padding: 0;
      height: calc(100vh - 90px);
      overflow-y: scroll; }
    #CustomSortPopup #facetedSearch-navList #facetedResultBtn, #FacetsSearchPopup #facetedSearch-navList #facetedResultBtn {
      text-align: center; }
  #CustomSort-box ul {
    margin: 0;
    list-style: none; }
    #CustomSort-box ul li {
      border-bottom: 1px solid #ddd; }
      #CustomSort-box ul li a {
        color: #3f609f;
        text-transform: uppercase;
        padding: 10px;
        font-size: 14px;
        text-decoration: none;
        display: block; }
  .CustomSortPopupOverlay, .FacetsSearchPopupoverlay {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1; } }

#facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item span[class*="icon-"] {
  background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/content/img/faceted_filter_icon2.svg);
  background-position: -508px -480px;
  display: none;
  vertical-align: middle;
  height: 35px;
  background-size: 300px; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"] {
  display: inline-block;
  width: 20px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="14k-rose"] {
    background-position: -13px -164px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="18k-rose"] {
    background-position: -13px -465px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="14k-white"] {
    background-position: -13px -133px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="18k-white"], #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="14k-grey-gold"] {
    background-position: -13px -33px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="14k-yellow"] {
    background-position: -13px -497px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="18k-yellow"] {
    background-position: -13px -397px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="tungsten"] {
    background-position: -53px -267px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="metal"] .accordion-content .navList .navList-item span[class*="icon-"][class*="platinum"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' %3E%3Cg%3E %3Cpath fill='%23DDDDDD' d='M178.528,100.782c0-43.641-35.377-79.019-79.018-79.019c-43.651,0-79.023,35.378-79.023,79.019 c0,43.646,35.372,79.018,79.023,79.018C143.151,179.8,178.528,144.428,178.528,100.782'%3E%3C/path%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' x1='9.04' y1='148.833' x2='147.562' y2='10.311'%3E%3C/line%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' x1='35.219' y1='175.007' x2='173.743' y2='36.488'%3E%3C/line%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' x1='51.458' y1='191.254' x2='189.982' y2='52.727'%3E%3C/line%3E %3C/g%3E%3C/svg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"] {
  display: inline-block;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-brushed"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%236985B5'%3E%3Cg%3E%3Cpath d='M15.677,6.513c0.869,0,1.743-0.054,2.607,0.013c1.187,0.091,2.367,0.265,3.548,0.421c1.256,0.167,2.482,0.474,3.688,0.86c1.377,0.442,2.703,0.996,3.853,1.901c0.607,0.479,1.118,1.041,1.366,1.792c0.143,0.428,0.193,0.87,0.133,1.328c-0.039,0.299-0.013,0.606-0.016,0.91c-0.02,2.101-0.021,4.202-0.066,6.302c-0.02,0.896-0.513,1.589-1.158,2.17c-0.936,0.842-2.054,1.361-3.219,1.79c-1.353,0.497-2.751,0.824-4.17,1.055c-0.75,0.122-1.506,0.206-2.262,0.274c-0.781,0.07-1.566,0.114-2.35,0.145c-0.778,0.031-1.558,0.067-2.334,0.036c-1.143-0.047-2.289-0.111-3.425-0.239c-1.883-0.211-3.742-0.565-5.545-1.166c-1.285-0.426-2.526-0.947-3.612-1.776c-0.654-0.5-1.217-1.08-1.471-1.891c-0.079-0.253-0.141-0.525-0.14-0.788c0.002-1.436,0.024-2.871,0.043-4.306c0.013-1.083,0.043-2.167,0.043-3.25c0-0.929,0.43-1.643,1.071-2.257c0.875-0.839,1.942-1.358,3.057-1.784c1.646-0.629,3.354-1.03,5.101-1.241c1.175-0.143,2.357-0.23,3.539-0.312c0.571-0.04,1.147-0.007,1.721-0.007C15.677,6.499,15.677,6.505,15.677,6.513z M14.127,21.781c-0.683,0-1.377,0.031-2.067-0.008c-0.896-0.05-1.791-0.141-2.683-0.242c-1.285-0.146-2.536-0.449-3.755-0.879c-1.011-0.356-1.96-0.827-2.773-1.542c-0.235-0.207-0.474-0.409-0.672-0.58c0,0.296-0.022,0.675,0.008,1.05c0.021,0.264,0.074,0.537,0.181,0.775c0.206,0.458,0.575,0.795,0.967,1.097c0.973,0.75,2.088,1.217,3.239,1.606c1.364,0.462,2.764,0.796,4.19,0.976c1.409,0.177,2.825,0.316,4.243,0.396c0.988,0.056,1.984,0.01,2.974-0.039c0.995-0.049,1.989-0.142,2.98-0.244c1.571-0.162,3.11-0.491,4.61-0.987c1.169-0.388,2.296-0.866,3.261-1.662c0.794-0.655,1.15-1.694,0.873-2.555c-0.229,0.289-0.45,0.605-0.71,0.886c-0.979,1.054-2.226,1.659-3.589,2.017c-0.81,0.213-1.645,0.337-2.474,0.46c-0.372,0.055-0.759,0.009-1.214,0.009c0.146-0.039,0.222-0.065,0.299-0.08c1.261-0.233,2.506-0.527,3.706-0.987c1.221-0.467,2.367-1.063,3.23-2.078c0.299-0.351,0.631-0.738,0.747-1.164c0.129-0.476,0.029-1.013,0.029-1.481c-1.257,2.105-3.26,2.746-5.598,2.699c0.009-0.032,0.027-0.044,0.048-0.05c0.841-0.256,1.7-0.465,2.521-0.777c1.086-0.414,1.994-1.095,2.621-2.099c0.324-0.52,0.57-1.064,0.423-1.723c-0.112,0.093-0.216,0.182-0.323,0.266c-1.313,1.017-2.84,1.571-4.415,2.008c-1.291,0.358-2.603,0.627-3.938,0.746c-1.269,0.113-2.538,0.237-3.811,0.284c-1.539,0.058-3.078,0-4.611-0.178c-0.762-0.088-1.528-0.151-2.284-0.276c-1.303-0.217-2.593-0.499-3.85-0.915c-1.484-0.492-2.916-1.084-4.108-2.137c-0.041-0.036-0.088-0.063-0.132-0.094c-0.023,0.009-0.047,0.018-0.071,0.027c0.041,0.182,0.049,0.379,0.129,0.543c0.297,0.614,0.73,1.123,1.259,1.553c0.946,0.77,2.054,1.199,3.208,1.535c0.248,0.073,0.499,0.141,0.748,0.211c-0.008,0.02-0.016,0.04-0.023,0.06c-2.124-0.051-3.986-0.665-5.309-2.5c-0.034,0.691-0.039,1.371-0.029,2.05c0.001,0.097,0.048,0.206,0.107,0.285c0.603,0.798,1.437,1.279,2.33,1.671c1.149,0.504,2.354,0.827,3.576,1.099c1.65,0.367,3.316,0.625,4.993,0.832C13.507,21.681,13.824,21.735,14.127,21.781zM16.391,16.841c0-0.026,0.001-0.054,0.001-0.08c0.664,0,1.328,0.014,1.991-0.004c0.555-0.015,1.11-0.052,1.663-0.106c1.3-0.126,2.59-0.324,3.862-0.625c1.236-0.292,2.444-0.663,3.582-1.237c0.735-0.371,1.434-0.797,1.943-1.47c0.472-0.624,0.505-1.22,0.097-1.884c-0.335-0.544-0.822-0.933-1.352-1.27c-1.367-0.872-2.889-1.364-4.445-1.758c-1.729-0.438-3.492-0.683-5.267-0.805c-1.157-0.08-2.323-0.062-3.484-0.07c-1.27-0.01-2.536,0.063-3.792,0.253c-0.958,0.146-1.918,0.297-2.868,0.491C6.991,8.55,5.701,8.967,4.485,9.59c-0.667,0.342-1.298,0.739-1.775,1.332c-0.586,0.728-0.634,1.383-0.064,2.116c0.287,0.369,0.653,0.693,1.034,0.97c1.099,0.798,2.364,1.254,3.65,1.64c1.922,0.576,3.898,0.882,5.893,1.052C14.275,16.789,15.335,16.796,16.391,16.841z'/%3E%3Cpath d='M16.433,16.044c-0.853-0.026-1.706-0.03-2.557-0.084c-2.055-0.132-4.096-0.377-6.092-0.904c-1.108-0.292-2.2-0.643-3.162-1.292c-0.275-0.186-0.539-0.41-0.751-0.664c-0.638-0.761-0.583-1.618,0.117-2.332c0.473-0.484,1.059-0.792,1.672-1.051c1.158-0.487,2.37-0.792,3.607-0.984c0.95-0.147,1.909-0.243,2.864-0.354c1.625-0.19,3.258-0.164,4.888-0.134c0.98,0.019,1.963,0.086,2.938,0.194c2.014,0.224,4.012,0.543,5.919,1.268c0.699,0.266,1.37,0.582,1.951,1.066c0.409,0.341,0.71,0.753,0.793,1.285c0.073,0.471-0.1,0.885-0.393,1.248c-0.451,0.559-1.063,0.891-1.702,1.175c-1.097,0.487-2.252,0.781-3.428,0.985c-0.844,0.146-1.692,0.272-2.545,0.346c-1.369,0.119-2.742,0.188-4.114,0.278C16.437,16.074,16.435,16.06,16.433,16.044zM15.57,9.271c0-0.007-0.001-0.014-0.001-0.021c-0.203,0.019-0.406,0.055-0.608,0.055c-1.607-0.001-3.204,0.121-4.793,0.354c-1.262,0.186-2.507,0.444-3.708,0.886c-0.593,0.219-1.171,0.473-1.645,0.907c-0.418,0.384-0.445,0.712-0.018,1.076c0.344,0.293,0.737,0.547,1.144,0.745c1.192,0.579,2.476,0.872,3.771,1.113c0.197,0.037,0.404,0.065,0.601,0.045c0.835-0.084,1.667-0.232,2.503-0.275c1.143-0.06,2.29-0.063,3.434-0.058c0.803,0.003,1.606,0.039,2.406,0.101c0.829,0.064,1.653,0.178,2.48,0.27c0.315,0.035,0.633,0.108,0.945,0.093c0.338-0.016,0.673-0.11,1.008-0.177c1.019-0.204,2.031-0.438,2.975-0.88c0.427-0.199,0.839-0.451,1.206-0.744c0.393-0.313,0.384-0.661,0.03-1.007c-0.191-0.187-0.408-0.358-0.638-0.495c-1.017-0.605-2.143-0.918-3.28-1.187C21.767,9.691,20.12,9.5,18.468,9.375C17.504,9.303,16.536,9.304,15.57,9.271z'/%3E%3C/g%3E%3C/svg%3E"); }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-engraved"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M189.646,77.53c-0.193,17.695-39.9,31.608-88.69,31.074c-48.784-0.54-88.179-15.315-87.987-33.014 c0.196-17.693,39.905-31.604,88.69-31.069C150.449,45.055,189.839,59.835,189.646,77.53z'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M64.669,94.064c11.131-1.708,23.479-2.587,36.474-2.443c12.993,0.139,25.321,1.295,36.411,3.242'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M12.97,75.59l-0.514,47.099c-0.196,17.696,39.197,32.475,87.987,33.015c48.784,0.529,88.49-13.377,88.689-31.074l0.515-47.097'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M175.771,77.146c-0.125,11.485-33.565,20.429-74.688,19.975c-41.124-0.448-74.356-10.127-74.234-21.608 c0.129-11.484,33.571-20.426,74.692-19.975C142.663,55.986,175.897,65.662,175.771,77.146z'%3E%3C/path%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='27.375,94.798 39.715,123.593 27.375,140.046'%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linejoin='round' stroke-miterlimit='10' points='57.814,105.082 68.509,127.706 57.814,150.33'%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='88.252,109.196 100.593,131.82 88.252,154.443'%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='118.694,109.196 131.033,131.82 118.694,154.443'%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='149.132,105.082 161.473,125.649 149.132,150.33'%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='175.459,96.855 187.797,115.365 179.572,137.989'%3E%3C/polyline%3E %3C/g%3E%3C/svg%3E"); }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-hammered"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M190.121,76.201c-0.195,17.897-40.349,31.965-89.688,31.424c-49.335-0.54-89.175-15.488-88.979-33.384c0.196-17.894,40.354-31.963,89.689-31.422C150.483,43.359,190.315,58.306,190.121,76.201z'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M63.735,92.923c11.256-1.726,23.745-2.616,36.887-2.474c13.14,0.145,25.606,1.311,36.822,3.283'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M11.454,74.241l-0.521,47.631c-0.199,17.895,39.638,32.844,88.98,33.38c49.334,0.544,89.489-13.52,89.687-31.423l0.521-47.628'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M176.089,75.815c-0.126,11.614-33.942,20.659-75.528,20.2c-41.588-0.457-75.196-10.242-75.072-21.852c0.13-11.614,33.949-20.657,75.535-20.204C142.61,54.417,176.22,64.201,176.089,75.815z'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M17.933,101.445c0,1.04-0.845,1.891-1.885,1.891c-1.043,0-1.889-0.851-1.889-1.891c0-1.039,0.846-1.884,1.889-1.884C17.087,99.562,17.933,100.406,17.933,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M17.933,109.933c0,1.04-0.845,1.889-1.885,1.889c-1.043,0-1.889-0.849-1.889-1.889s0.846-1.886,1.889-1.886C17.087,108.047,17.933,108.893,17.933,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M17.933,118.418c0,1.041-0.845,1.89-1.885,1.89c-1.043,0-1.889-0.849-1.889-1.89c0-1.039,0.846-1.885,1.889-1.885C17.087,116.533,17.933,117.379,17.933,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M17.933,126.905c0,1.041-0.845,1.889-1.885,1.889c-1.043,0-1.889-0.848-1.889-1.889c0-1.04,0.846-1.886,1.889-1.886C17.087,125.02,17.933,125.865,17.933,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M24.187,105.606c0,1.04-0.845,1.889-1.889,1.889c-1.04,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C23.342,103.722,24.187,104.566,24.187,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M24.187,114.093c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C23.342,112.208,24.187,113.051,24.187,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M24.187,131.063c0,1.041-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C23.342,129.181,24.187,130.024,24.187,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M23.279,98.732c-0.89,0.54-2.052,0.258-2.592-0.631c-0.54-0.893-0.257-2.052,0.636-2.592c0.891-0.54,2.047-0.258,2.587,0.632C24.45,97.031,24.168,98.192,23.279,98.732'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M30.022,101.445c0,1.04-0.845,1.891-1.884,1.891c-1.045,0-1.89-0.851-1.89-1.891c0-1.039,0.845-1.884,1.89-1.884C29.177,99.562,30.022,100.406,30.022,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M30.022,109.933c0,1.04-0.845,1.889-1.884,1.889c-1.045,0-1.89-0.849-1.89-1.889s0.845-1.886,1.89-1.886C29.177,108.047,30.022,108.893,30.022,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M30.022,118.418c0,1.041-0.845,1.89-1.884,1.89c-1.045,0-1.89-0.849-1.89-1.89c0-1.039,0.845-1.885,1.89-1.885C29.177,116.533,30.022,117.379,30.022,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M30.022,126.905c0,1.041-0.845,1.889-1.884,1.889c-1.045,0-1.89-0.848-1.89-1.889c0-1.04,0.845-1.886,1.89-1.886C29.177,125.02,30.022,125.865,30.022,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M30.022,135.396c0,1.039-0.845,1.886-1.884,1.886c-1.045,0-1.89-0.847-1.89-1.886c0-1.041,0.845-1.894,1.89-1.894C29.177,133.502,30.022,134.354,30.022,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M36.275,105.606c0,1.04-0.844,1.889-1.889,1.889c-1.04,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C35.432,103.722,36.275,104.566,36.275,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M36.275,114.093c0,1.04-0.844,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C35.432,112.208,36.275,113.051,36.275,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M36.275,122.578c0,1.04-0.844,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C35.432,120.693,36.275,121.538,36.275,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M36.275,131.063c0,1.041-0.844,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C35.432,129.181,36.275,130.024,36.275,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M36.275,139.555c0,1.04-0.844,1.885-1.889,1.885c-1.04,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C35.432,137.662,36.275,138.516,36.275,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M35.368,98.732c-0.889,0.54-2.051,0.258-2.591-0.631c-0.541-0.893-0.258-2.052,0.636-2.592c0.892-0.54,2.047-0.258,2.588,0.632C36.54,97.031,36.258,98.192,35.368,98.732'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M42.112,101.445c0,1.04-0.845,1.891-1.885,1.891c-1.043,0-1.889-0.851-1.889-1.891c0-1.039,0.845-1.884,1.889-1.884C41.267,99.562,42.112,100.406,42.112,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M42.112,118.418c0,1.041-0.845,1.89-1.885,1.89c-1.043,0-1.889-0.849-1.889-1.89c0-1.039,0.845-1.885,1.889-1.885C41.267,116.533,42.112,117.379,42.112,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M42.112,126.905c0,1.041-0.845,1.889-1.885,1.889c-1.043,0-1.889-0.848-1.889-1.889c0-1.04,0.845-1.886,1.889-1.886C41.267,125.02,42.112,125.865,42.112,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M42.112,143.877c0,1.04-0.845,1.885-1.885,1.885c-1.043,0-1.889-0.845-1.889-1.885c0-1.039,0.845-1.885,1.889-1.885C41.267,141.992,42.112,142.838,42.112,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,105.606c0,1.04-0.845,1.889-1.888,1.889c-1.041,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C47.521,103.722,48.365,104.566,48.365,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,114.093c0,1.04-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C47.521,112.208,48.365,113.051,48.365,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,122.578c0,1.04-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C47.521,120.693,48.365,121.538,48.365,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,131.063c0,1.041-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C47.521,129.181,48.365,130.024,48.365,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,139.555c0,1.04-0.845,1.885-1.888,1.885c-1.041,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C47.521,137.662,48.365,138.516,48.365,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M48.365,148.037c0,1.04-0.845,1.886-1.888,1.886c-1.041,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C47.521,146.152,48.365,146.996,48.365,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M54.2,109.933c0,1.04-0.843,1.889-1.884,1.889c-1.044,0-1.889-0.849-1.889-1.889s0.845-1.886,1.889-1.886C53.357,108.047,54.2,108.893,54.2,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M54.2,118.418c0,1.041-0.843,1.89-1.884,1.89c-1.044,0-1.889-0.849-1.889-1.89c0-1.039,0.845-1.885,1.889-1.885C53.357,116.533,54.2,117.379,54.2,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M54.2,126.905c0,1.041-0.843,1.889-1.884,1.889c-1.044,0-1.889-0.848-1.889-1.889c0-1.04,0.845-1.886,1.889-1.886C53.357,125.02,54.2,125.865,54.2,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M54.2,135.396c0,1.039-0.843,1.886-1.884,1.886c-1.044,0-1.889-0.847-1.889-1.886c0-1.041,0.845-1.894,1.889-1.894C53.357,133.502,54.2,134.354,54.2,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M54.2,143.877c0,1.04-0.843,1.885-1.884,1.885c-1.044,0-1.889-0.845-1.889-1.885c0-1.039,0.845-1.885,1.889-1.885C53.357,141.992,54.2,142.838,54.2,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M60.455,105.606c0,1.04-0.845,1.889-1.889,1.889c-1.04,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C59.61,103.722,60.455,104.566,60.455,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M60.455,114.093c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C59.61,112.208,60.455,113.051,60.455,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M60.455,131.063c0,1.041-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C59.61,129.181,60.455,130.024,60.455,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M60.455,139.555c0,1.04-0.845,1.885-1.889,1.885c-1.04,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C59.61,137.662,60.455,138.516,60.455,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M60.455,148.037c0,1.04-0.845,1.886-1.889,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C59.61,146.152,60.455,146.996,60.455,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M66.291,109.933c0,1.04-0.845,1.889-1.885,1.889c-1.044,0-1.888-0.849-1.888-1.889s0.844-1.886,1.888-1.886C65.445,108.047,66.291,108.893,66.291,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M66.291,118.418c0,1.041-0.845,1.89-1.885,1.89c-1.044,0-1.888-0.849-1.888-1.89c0-1.039,0.844-1.885,1.888-1.885C65.445,116.533,66.291,117.379,66.291,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M66.291,126.905c0,1.041-0.845,1.889-1.885,1.889c-1.044,0-1.888-0.848-1.888-1.889c0-1.04,0.844-1.886,1.888-1.886C65.445,125.02,66.291,125.865,66.291,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M66.291,135.396c0,1.039-0.845,1.886-1.885,1.886c-1.044,0-1.888-0.847-1.888-1.886c0-1.041,0.844-1.894,1.888-1.894C65.445,133.502,66.291,134.354,66.291,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M66.291,143.877c0,1.04-0.845,1.885-1.885,1.885c-1.044,0-1.888-0.845-1.888-1.885c0-1.039,0.844-1.885,1.888-1.885C65.445,141.992,66.291,142.838,66.291,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M72.544,105.606c0,1.04-0.845,1.889-1.888,1.889c-1.041,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C71.699,103.722,72.544,104.566,72.544,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M72.544,114.093c0,1.04-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C71.699,112.208,72.544,113.051,72.544,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M72.544,122.578c0,1.04-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C71.699,120.693,72.544,121.538,72.544,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M72.544,131.063c0,1.041-0.845,1.89-1.888,1.89c-1.041,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C71.699,129.181,72.544,130.024,72.544,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M72.544,148.037c0,1.04-0.845,1.886-1.888,1.886c-1.041,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C71.699,146.152,72.544,146.996,72.544,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,109.933c0,1.04-0.846,1.889-1.885,1.889c-1.044,0-1.889-0.849-1.889-1.889s0.845-1.886,1.889-1.886C77.534,108.047,78.38,108.893,78.38,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,118.418c0,1.041-0.846,1.89-1.885,1.89c-1.044,0-1.889-0.849-1.889-1.89c0-1.039,0.845-1.885,1.889-1.885C77.534,116.533,78.38,117.379,78.38,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,126.905c0,1.041-0.846,1.889-1.885,1.889c-1.044,0-1.889-0.848-1.889-1.889c0-1.04,0.845-1.886,1.889-1.886C77.534,125.02,78.38,125.865,78.38,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,135.396c0,1.039-0.846,1.886-1.885,1.886c-1.044,0-1.889-0.847-1.889-1.886c0-1.041,0.845-1.894,1.889-1.894C77.534,133.502,78.38,134.354,78.38,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,143.877c0,1.04-0.846,1.885-1.885,1.885c-1.044,0-1.889-0.845-1.889-1.885c0-1.039,0.845-1.885,1.889-1.885C77.534,141.992,78.38,142.838,78.38,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M84.634,114.093c0,1.04-0.845,1.89-1.89,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C83.789,112.208,84.634,113.051,84.634,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M84.634,131.063c0,1.041-0.845,1.89-1.89,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C83.789,129.181,84.634,130.024,84.634,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M84.634,139.555c0,1.04-0.845,1.885-1.89,1.885c-1.04,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C83.789,137.662,84.634,138.516,84.634,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M84.634,148.037c0,1.04-0.845,1.886-1.89,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C83.789,146.152,84.634,146.996,84.634,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,109.933c0,1.04-0.845,1.889-1.884,1.889c-1.045,0-1.889-0.849-1.889-1.889s0.844-1.886,1.889-1.886C89.625,108.047,90.469,108.893,90.469,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,118.418c0,1.041-0.845,1.89-1.884,1.89c-1.045,0-1.889-0.849-1.889-1.89c0-1.039,0.844-1.885,1.889-1.885C89.625,116.533,90.469,117.379,90.469,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,126.905c0,1.041-0.845,1.889-1.884,1.889c-1.045,0-1.889-0.848-1.889-1.889c0-1.04,0.844-1.886,1.889-1.886C89.625,125.02,90.469,125.865,90.469,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,135.396c0,1.039-0.845,1.886-1.884,1.886c-1.045,0-1.889-0.847-1.889-1.886c0-1.041,0.844-1.894,1.889-1.894C89.625,133.502,90.469,134.354,90.469,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,143.877c0,1.04-0.845,1.885-1.884,1.885c-1.045,0-1.889-0.845-1.889-1.885c0-1.039,0.844-1.885,1.889-1.885C89.625,141.992,90.469,142.838,90.469,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M96.724,114.093c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C95.878,112.208,96.724,113.051,96.724,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M96.724,122.578c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C95.878,120.693,96.724,121.538,96.724,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M96.724,131.063c0,1.041-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C95.878,129.181,96.724,130.024,96.724,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M96.724,148.037c0,1.04-0.845,1.886-1.889,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C95.878,146.152,96.724,146.996,96.724,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,109.933c0,1.04-0.845,1.889-1.885,1.889c-1.044,0-1.889-0.849-1.889-1.889s0.845-1.886,1.889-1.886C101.714,108.047,102.559,108.893,102.559,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,118.418c0,1.041-0.845,1.89-1.885,1.89c-1.044,0-1.889-0.849-1.889-1.89c0-1.039,0.845-1.885,1.889-1.885C101.714,116.533,102.559,117.379,102.559,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,126.905c0,1.041-0.845,1.889-1.885,1.889c-1.044,0-1.889-0.848-1.889-1.889c0-1.04,0.845-1.886,1.889-1.886C101.714,125.02,102.559,125.865,102.559,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,135.396c0,1.039-0.845,1.886-1.885,1.886c-1.044,0-1.889-0.847-1.889-1.886c0-1.041,0.845-1.894,1.889-1.894C101.714,133.502,102.559,134.354,102.559,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,143.877c0,1.04-0.845,1.885-1.885,1.885c-1.044,0-1.889-0.845-1.889-1.885c0-1.039,0.845-1.885,1.889-1.885C101.714,141.992,102.559,142.838,102.559,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M108.812,114.093c0,1.04-0.844,1.89-1.888,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C107.968,112.208,108.812,113.051,108.812,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M108.812,131.063c0,1.041-0.844,1.89-1.888,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C107.968,129.181,108.812,130.024,108.812,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M108.812,139.555c0,1.04-0.844,1.885-1.888,1.885c-1.04,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C107.968,137.662,108.812,138.516,108.812,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M108.812,148.037c0,1.04-0.844,1.886-1.888,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C107.968,146.152,108.812,146.996,108.812,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,109.933c0,1.04-0.845,1.889-1.885,1.889c-1.043,0-1.89-0.849-1.89-1.889s0.847-1.886,1.89-1.886C113.804,108.047,114.648,108.893,114.648,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,118.418c0,1.041-0.845,1.89-1.885,1.89c-1.043,0-1.89-0.849-1.89-1.89c0-1.039,0.847-1.885,1.89-1.885C113.804,116.533,114.648,117.379,114.648,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,126.905c0,1.041-0.845,1.889-1.885,1.889c-1.043,0-1.89-0.848-1.89-1.889c0-1.04,0.847-1.886,1.89-1.886C113.804,125.02,114.648,125.865,114.648,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,135.396c0,1.039-0.845,1.886-1.885,1.886c-1.043,0-1.89-0.847-1.89-1.886c0-1.041,0.847-1.894,1.89-1.894C113.804,133.502,114.648,134.354,114.648,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,143.877c0,1.04-0.845,1.885-1.885,1.885c-1.043,0-1.89-0.845-1.89-1.885c0-1.039,0.847-1.885,1.89-1.885C113.804,141.992,114.648,142.838,114.648,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M120.902,114.093c0,1.04-0.844,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89c0-1.042,0.846-1.885,1.886-1.885C120.059,112.208,120.902,113.051,120.902,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M120.902,122.578c0,1.04-0.844,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89s0.846-1.885,1.886-1.885C120.059,120.693,120.902,121.538,120.902,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M120.902,131.063c0,1.041-0.844,1.89-1.889,1.89c-1.04,0-1.886-0.849-1.886-1.89c0-1.039,0.846-1.883,1.886-1.883C120.059,129.181,120.902,130.024,120.902,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M120.902,148.037c0,1.04-0.844,1.886-1.889,1.886c-1.04,0-1.886-0.846-1.886-1.886c0-1.041,0.846-1.885,1.886-1.885C120.059,146.152,120.902,146.996,120.902,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,109.933c0,1.04-0.847,1.889-1.886,1.889c-1.044,0-1.889-0.849-1.889-1.889s0.845-1.886,1.889-1.886C125.892,108.047,126.738,108.893,126.738,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,118.418c0,1.041-0.847,1.89-1.886,1.89c-1.044,0-1.889-0.849-1.889-1.89c0-1.039,0.845-1.885,1.889-1.885C125.892,116.533,126.738,117.379,126.738,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,126.905c0,1.041-0.847,1.889-1.886,1.889c-1.044,0-1.889-0.848-1.889-1.889c0-1.04,0.845-1.886,1.889-1.886C125.892,125.02,126.738,125.865,126.738,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,135.396c0,1.039-0.847,1.886-1.886,1.886c-1.044,0-1.889-0.847-1.889-1.886c0-1.041,0.845-1.894,1.889-1.894C125.892,133.502,126.738,134.354,126.738,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,143.877c0,1.04-0.847,1.885-1.886,1.885c-1.044,0-1.889-0.845-1.889-1.885c0-1.039,0.845-1.885,1.889-1.885C125.892,141.992,126.738,142.838,126.738,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M78.38,152.587c0,1.04-0.846,1.885-1.885,1.885c-1.044,0-1.889-0.845-1.889-1.885s0.845-1.886,1.889-1.886C77.534,150.701,78.38,151.547,78.38,152.587'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M90.469,152.587c0,1.04-0.845,1.885-1.884,1.885c-1.045,0-1.889-0.845-1.889-1.885s0.844-1.886,1.889-1.886C89.625,150.701,90.469,151.547,90.469,152.587'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M102.559,152.587c0,1.04-0.845,1.885-1.885,1.885c-1.044,0-1.889-0.845-1.889-1.885s0.845-1.886,1.889-1.886C101.714,150.701,102.559,151.547,102.559,152.587'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M114.648,152.587c0,1.04-0.845,1.885-1.885,1.885c-1.043,0-1.89-0.845-1.89-1.885s0.847-1.886,1.89-1.886C113.804,150.701,114.648,151.547,114.648,152.587'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M126.738,152.587c0,1.04-0.847,1.885-1.886,1.885c-1.044,0-1.889-0.845-1.889-1.885s0.845-1.886,1.889-1.886C125.892,150.701,126.738,151.547,126.738,152.587'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M132.992,114.093c0,1.04-0.847,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89c0-1.042,0.846-1.885,1.886-1.885C132.146,112.208,132.992,113.051,132.992,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M132.992,122.578c0,1.04-0.847,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89s0.846-1.885,1.886-1.885C132.146,120.693,132.992,121.538,132.992,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M132.992,131.063c0,1.041-0.847,1.89-1.889,1.89c-1.04,0-1.886-0.849-1.886-1.89c0-1.039,0.846-1.883,1.886-1.883C132.146,129.181,132.992,130.024,132.992,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M132.992,139.555c0,1.04-0.847,1.885-1.889,1.885c-1.04,0-1.886-0.845-1.886-1.885c0-1.039,0.846-1.893,1.886-1.893C132.146,137.662,132.992,138.516,132.992,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M132.992,148.037c0,1.04-0.847,1.886-1.889,1.886c-1.04,0-1.886-0.846-1.886-1.886c0-1.041,0.846-1.885,1.886-1.885C132.146,146.152,132.992,146.996,132.992,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M138.826,109.933c0,1.04-0.844,1.889-1.884,1.889c-1.044,0-1.888-0.849-1.888-1.889s0.844-1.886,1.888-1.886C137.982,108.047,138.826,108.893,138.826,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M138.826,126.905c0,1.041-0.844,1.889-1.884,1.889c-1.044,0-1.888-0.848-1.888-1.889c0-1.04,0.844-1.886,1.888-1.886C137.982,125.02,138.826,125.865,138.826,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M138.826,135.396c0,1.039-0.844,1.886-1.884,1.886c-1.044,0-1.888-0.847-1.888-1.886c0-1.041,0.844-1.894,1.888-1.894C137.982,133.502,138.826,134.354,138.826,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M138.826,143.877c0,1.04-0.844,1.885-1.884,1.885c-1.044,0-1.888-0.845-1.888-1.885c0-1.039,0.844-1.885,1.888-1.885C137.982,141.992,138.826,142.838,138.826,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M138.826,150.701c0,1.041-0.844,1.891-1.884,1.891c-1.044,0-1.888-0.85-1.888-1.891c0-1.039,0.844-1.885,1.888-1.885C137.982,148.816,138.826,149.662,138.826,150.701'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M145.081,105.606c0,1.04-0.845,1.889-1.889,1.889c-1.04,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C144.236,103.722,145.081,104.566,145.081,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M145.081,114.093c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C144.236,112.208,145.081,113.051,145.081,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M145.081,122.578c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C144.236,120.693,145.081,121.538,145.081,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M145.081,131.063c0,1.041-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C144.236,129.181,145.081,130.024,145.081,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M145.081,148.037c0,1.04-0.845,1.886-1.889,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C144.236,146.152,145.081,146.996,145.081,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M150.916,109.933c0,1.04-0.844,1.889-1.884,1.889c-1.044,0-1.89-0.849-1.89-1.889s0.846-1.886,1.89-1.886C150.072,108.047,150.916,108.893,150.916,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M150.916,118.418c0,1.041-0.844,1.89-1.884,1.89c-1.044,0-1.89-0.849-1.89-1.89c0-1.039,0.846-1.885,1.89-1.885C150.072,116.533,150.916,117.379,150.916,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M150.916,126.905c0,1.041-0.844,1.889-1.884,1.889c-1.044,0-1.89-0.848-1.89-1.889c0-1.04,0.846-1.886,1.89-1.886C150.072,125.02,150.916,125.865,150.916,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M150.916,135.396c0,1.039-0.844,1.886-1.884,1.886c-1.044,0-1.89-0.847-1.89-1.886c0-1.041,0.846-1.894,1.89-1.894C150.072,133.502,150.916,134.354,150.916,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M150.916,143.877c0,1.04-0.844,1.885-1.884,1.885c-1.044,0-1.89-0.845-1.89-1.885c0-1.039,0.846-1.885,1.89-1.885C150.072,141.992,150.916,142.838,150.916,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,105.606c0,1.04-0.845,1.889-1.889,1.889c-1.04,0-1.885-0.849-1.885-1.889s0.845-1.885,1.885-1.885C156.326,103.722,157.171,104.566,157.171,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,114.093c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C156.326,112.208,157.171,113.051,157.171,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,122.578c0,1.04-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C156.326,120.693,157.171,121.538,157.171,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,131.063c0,1.041-0.845,1.89-1.889,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C156.326,129.181,157.171,130.024,157.171,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,139.555c0,1.04-0.845,1.885-1.889,1.885c-1.04,0-1.885-0.845-1.885-1.885c0-1.039,0.845-1.893,1.885-1.893C156.326,137.662,157.171,138.516,157.171,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M157.171,148.037c0,1.04-0.845,1.886-1.889,1.886c-1.04,0-1.885-0.846-1.885-1.886c0-1.041,0.845-1.885,1.885-1.885C156.326,146.152,157.171,146.996,157.171,148.037'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M163.007,101.445c0,1.04-0.846,1.891-1.885,1.891c-1.044,0-1.89-0.851-1.89-1.891c0-1.039,0.846-1.884,1.89-1.884C162.161,99.562,163.007,100.406,163.007,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M163.007,109.933c0,1.04-0.846,1.889-1.885,1.889c-1.044,0-1.89-0.849-1.89-1.889s0.846-1.886,1.89-1.886C162.161,108.047,163.007,108.893,163.007,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M163.007,126.905c0,1.041-0.846,1.889-1.885,1.889c-1.044,0-1.89-0.848-1.89-1.889c0-1.04,0.846-1.886,1.89-1.886C162.161,125.02,163.007,125.865,163.007,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M163.007,135.396c0,1.039-0.846,1.886-1.885,1.886c-1.044,0-1.89-0.847-1.89-1.886c0-1.041,0.846-1.894,1.89-1.894C162.161,133.502,163.007,134.354,163.007,135.396'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M163.007,143.877c0,1.04-0.846,1.885-1.885,1.885c-1.044,0-1.89-0.845-1.89-1.885c0-1.039,0.846-1.885,1.89-1.885C162.161,141.992,163.007,142.838,163.007,143.877'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M169.261,105.606c0,1.04-0.846,1.889-1.889,1.889c-1.04,0-1.886-0.849-1.886-1.889s0.846-1.885,1.886-1.885C168.415,103.722,169.261,104.566,169.261,105.606'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M169.261,114.093c0,1.04-0.846,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89c0-1.042,0.846-1.885,1.886-1.885C168.415,112.208,169.261,113.051,169.261,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M169.261,122.578c0,1.04-0.846,1.89-1.889,1.89c-1.04,0-1.886-0.85-1.886-1.89s0.846-1.885,1.886-1.885C168.415,120.693,169.261,121.538,169.261,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M169.261,131.063c0,1.041-0.846,1.89-1.889,1.89c-1.04,0-1.886-0.849-1.886-1.89c0-1.039,0.846-1.883,1.886-1.883C168.415,129.181,169.261,130.024,169.261,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M169.261,139.555c0,1.04-0.846,1.885-1.889,1.885c-1.04,0-1.886-0.845-1.886-1.885c0-1.039,0.846-1.893,1.886-1.893C168.415,137.662,169.261,138.516,169.261,139.555'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M175.1,101.445c0,1.04-0.847,1.891-1.886,1.891c-1.047,0-1.892-0.851-1.892-1.891c0-1.039,0.845-1.884,1.892-1.884C174.253,99.562,175.1,100.406,175.1,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M175.1,109.933c0,1.04-0.847,1.889-1.886,1.889c-1.047,0-1.892-0.849-1.892-1.889s0.845-1.886,1.892-1.886C174.253,108.047,175.1,108.893,175.1,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M175.1,118.418c0,1.041-0.847,1.89-1.886,1.89c-1.047,0-1.892-0.849-1.892-1.89c0-1.039,0.845-1.885,1.892-1.885C174.253,116.533,175.1,117.379,175.1,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M175.1,126.905c0,1.041-0.847,1.889-1.886,1.889c-1.047,0-1.892-0.848-1.892-1.889c0-1.04,0.845-1.886,1.892-1.886C174.253,125.02,175.1,125.865,175.1,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M181.35,114.093c0,1.04-0.845,1.89-1.888,1.89c-1.04,0-1.885-0.85-1.885-1.89c0-1.042,0.845-1.885,1.885-1.885C180.505,112.208,181.35,113.051,181.35,114.093'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M181.35,122.578c0,1.04-0.845,1.89-1.888,1.89c-1.04,0-1.885-0.85-1.885-1.89s0.845-1.885,1.885-1.885C180.505,120.693,181.35,121.538,181.35,122.578'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M181.35,131.063c0,1.041-0.845,1.89-1.888,1.89c-1.04,0-1.885-0.849-1.885-1.89c0-1.039,0.845-1.883,1.885-1.883C180.505,129.181,181.35,130.024,181.35,131.063'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M180.444,98.732c-0.895,0.54-2.056,0.258-2.592-0.631c-0.545-0.893-0.261-2.052,0.634-2.592c0.894-0.54,2.047-0.258,2.588,0.632C181.613,97.031,181.33,98.192,180.444,98.732'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M187.188,101.445c0,1.04-0.845,1.891-1.886,1.891c-1.047,0-1.893-0.851-1.893-1.891c0-1.039,0.846-1.884,1.893-1.884C186.343,99.562,187.188,100.406,187.188,101.445'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M187.188,109.933c0,1.04-0.845,1.889-1.886,1.889c-1.047,0-1.893-0.849-1.893-1.889s0.846-1.886,1.893-1.886C186.343,108.047,187.188,108.893,187.188,109.933'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M187.188,118.418c0,1.041-0.845,1.89-1.886,1.89c-1.047,0-1.893-0.849-1.893-1.89c0-1.039,0.846-1.885,1.893-1.885C186.343,116.533,187.188,117.379,187.188,118.418'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M187.188,126.905c0,1.041-0.845,1.889-1.886,1.889c-1.047,0-1.893-0.848-1.893-1.889c0-1.04,0.846-1.886,1.893-1.886C186.343,125.02,187.188,125.865,187.188,126.905'%3E%3C/path%3E %3Cpath fill='%236985B5' d='M186.278,94.572c-0.89,0.54-2.052,0.259-2.593-0.631c-0.536-0.892-0.251-2.052,0.638-2.592c0.89-0.541,2.044-0.258,2.588,0.631C187.452,92.871,187.167,94.032,186.278,94.572'%3E%3C/path%3E %3C/g%3E%3C/svg%3E"); }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-polished"], #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-high-polished"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M189.519,75.398c-0.192,17.647-39.79,31.523-88.446,30.989c-48.652-0.539-87.939-15.273-87.748-32.92 c0.194-17.648,39.796-31.521,88.449-30.989C150.432,43.01,189.711,57.751,189.519,75.398z'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M64.883,91.887c11.101-1.702,23.416-2.58,36.375-2.435c12.958,0.138,25.252,1.291,36.313,3.232'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M13.325,73.465l-0.513,46.97c-0.196,17.65,39.089,32.39,87.748,32.922c48.651,0.532,88.251-13.336,88.447-30.992l0.512-46.966'%3E%3C/path%3E %3Cpath fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M175.683,75.016c-0.126,11.454-33.474,20.373-74.484,19.92C60.186,94.489,27.043,84.84,27.166,73.387 c0.128-11.454,33.479-20.372,74.489-19.92C142.665,53.913,175.811,63.562,175.683,75.016z'%3E%3C/path%3E %3Cline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='72.703' y1='151.414' x2='95.975' y2='106.272'%3E%3C/line%3E %3Cline fill='none' stroke='%236985B5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='101.423' y1='151.414' x2='124.693' y2='106.272'%3E%3C/line%3E %3C/g%3E%3C/svg%3E"); }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="finish"] .accordion-content .navList .navList-item span[class*="icon-"][class*="icon-satin"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%236985B5'%3E%3Cg%3E%3Cpath d='M15.673,6.779c1.059,0.052,2.12,0.075,3.176,0.163c2.431,0.204,4.823,0.61,7.124,1.458c1.089,0.402,2.131,0.894,3.034,1.64c0.629,0.52,1.15,1.127,1.309,1.957c0.063,0.332,0.062,0.68,0.06,1.02c-0.005,1.012-0.025,2.024-0.038,3.037c-0.015,1.278-0.019,2.556-0.045,3.833c-0.018,0.755-0.365,1.378-0.879,1.909c-0.813,0.84-1.827,1.359-2.894,1.789c-1.39,0.561-2.835,0.93-4.312,1.159c-0.962,0.15-1.931,0.267-2.898,0.37c-0.582,0.062-1.169,0.082-1.755,0.09c-0.921,0.015-1.843,0.034-2.764-0.008c-0.987-0.043-1.974-0.138-2.957-0.239c-1.669-0.172-3.307-0.505-4.909-1.007c-1.319-0.413-2.593-0.929-3.71-1.764c-0.698-0.523-1.295-1.136-1.514-2.015c-0.067-0.272-0.068-0.563-0.072-0.847c-0.009-0.621-0.002-1.243,0.002-1.865c0.012-1.445,0.02-2.891,0.045-4.336c0.008-0.505,0.003-1.022,0.107-1.511c0.176-0.832,0.746-1.417,1.402-1.917C4.224,8.905,5.414,8.42,6.645,8.03c1.247-0.395,2.523-0.661,3.817-0.851c1.339-0.196,2.685-0.312,4.037-0.345c0.391-0.01,0.781-0.002,1.172-0.002C15.672,6.814,15.672,6.797,15.673,6.779z M16.741,24.213c2.232-0.041,4.435-0.235,6.617-0.73c-0.47-1.317-0.922-2.608-1.168-3.958c0.755,1.198,1.304,2.494,1.828,3.801c0.989-0.256,1.938-0.568,2.842-1.004c0.713-0.344,1.39-0.743,1.919-1.35c0.26-0.298,0.471-0.628,0.479-1.039c0.019-0.957,0.027-1.913,0.041-2.869c0.005-0.405,0.02-0.81,0.023-1.215c0.004-0.401,0-0.803,0-1.234c-1.11,0.996-2.438,1.538-3.807,2.006c0.095,0.357,0.188,0.691,0.271,1.026c0.084,0.336,0.162,0.673,0.235,1.011c0.075,0.337,0.148,0.674,0.207,1.014c0.057,0.332,0.094,0.666,0.139,0.999c-0.146-0.206-0.259-0.415-0.338-0.636c-0.369-1.016-0.729-2.034-1.091-3.051c-0.033-0.094-0.039-0.188-0.188-0.146c-1.158,0.327-2.335,0.566-3.531,0.703c-0.851,0.097-1.704,0.167-2.557,0.249c-0.114,0.011-0.229,0.022-0.356,0.036c0.097,0.358,0.19,0.691,0.275,1.025c0.081,0.33,0.157,0.66,0.229,0.992c0.073,0.337,0.148,0.675,0.206,1.016c0.056,0.33,0.092,0.664,0.137,0.997c-0.67-1.286-1.118-2.646-1.529-4.015c-1.907,0.08-3.791-0.03-5.696-0.232c0.351,1.238,0.676,2.451,0.795,3.709c-0.044-0.039-0.072-0.083-0.095-0.131c-0.534-1.084-0.935-2.222-1.313-3.367c-0.075-0.229-0.173-0.339-0.426-0.372c-1.268-0.166-2.513-0.442-3.735-0.821c-0.489-0.152-0.971-0.324-1.477-0.494c0.033,0.281,0.064,0.549,0.094,0.817c0.029,0.262,0.057,0.525,0.084,0.788c0.028,0.27,0.06,0.538,0.081,0.809c0.02,0.262,0.032,0.525,0.038,0.79c0.007,0.262,0.001,0.524,0.001,0.787c-0.049-0.03-0.064-0.062-0.074-0.094c-0.424-1.329-0.688-2.694-0.914-4.066c-0.022-0.133-0.078-0.188-0.187-0.241c-0.679-0.33-1.322-0.718-1.894-1.216c-0.063-0.055-0.128-0.11-0.238-0.204c0,0.268,0.002,0.469,0,0.671c-0.014,1.488-0.024,2.975-0.044,4.462c-0.005,0.377,0.099,0.712,0.304,1.022c0.33,0.5,0.788,0.865,1.285,1.183c1.076,0.686,2.261,1.125,3.48,1.476c0.428,0.123,0.862,0.229,1.309,0.346c-0.17-0.682-0.346-1.322-0.486-1.971s-0.244-1.305-0.364-1.958c0.018-0.005,0.035-0.009,0.053-0.015c0.035,0.067,0.07,0.133,0.102,0.2c0.532,1.123,0.948,2.291,1.308,3.479c0.09,0.298,0.208,0.459,0.538,0.497c0.85,0.097,1.692,0.247,2.542,0.339c0.727,0.079,1.459,0.113,2.19,0.149c0.382,0.021,0.765,0.004,1.165,0.004c-0.317-1.331-0.603-2.668-0.687-4.04C15.964,21.444,16.356,22.813,16.741,24.213z M16.378,16.872c1.448-0.023,2.887-0.113,4.322-0.288c1.319-0.161,2.622-0.398,3.9-0.762c1.175-0.334,2.314-0.752,3.343-1.428c0.459-0.301,0.875-0.649,1.166-1.124c0.307-0.5,0.319-1.01,0.041-1.525c-0.229-0.426-0.569-0.754-0.95-1.044c-0.949-0.721-2.032-1.173-3.15-1.545c-1.313-0.437-2.66-0.748-4.032-0.927c-1.001-0.132-2.005-0.265-3.01-0.324c-1.086-0.064-2.176-0.063-3.264-0.051c-0.829,0.01-1.662,0.042-2.484,0.136c-1.104,0.127-2.206,0.292-3.298,0.499C7.65,8.736,6.374,9.122,5.164,9.698c-0.742,0.353-1.44,0.769-1.987,1.399c-0.576,0.665-0.619,1.41-0.093,2.09c0.19,0.246,0.414,0.475,0.653,0.674c0.713,0.595,1.54,0.997,2.398,1.333c2.226,0.874,4.555,1.284,6.921,1.501C14.16,16.795,15.271,16.815,16.378,16.872z'/%3E%3Cpath d='M16.435,16.109c-1.267-0.071-2.537-0.108-3.8-0.219c-1.905-0.167-3.79-0.47-5.613-1.078c-0.821-0.274-1.62-0.599-2.307-1.143c-0.394-0.312-0.717-0.683-0.824-1.196c-0.125-0.599,0.111-1.08,0.516-1.492c0.519-0.528,1.171-0.844,1.849-1.106c1.197-0.463,2.444-0.731,3.708-0.932c1.475-0.233,2.958-0.372,4.451-0.385c1.185-0.011,2.371,0.009,3.555,0.057c0.855,0.034,1.712,0.107,2.561,0.213c1.843,0.231,3.664,0.568,5.391,1.293c0.638,0.268,1.252,0.585,1.734,1.099c0.774,0.823,0.714,1.797-0.149,2.538c-0.603,0.517-1.313,0.833-2.051,1.093c-1.169,0.413-2.378,0.66-3.602,0.842c-1.372,0.205-2.753,0.318-4.141,0.351c-0.425,0.009-0.851,0.001-1.276,0.001C16.436,16.065,16.435,16.088,16.435,16.109z M15.561,9.515c0,0.017-0.001,0.034-0.001,0.05c-0.3,0-0.601-0.011-0.9,0.002c-0.864,0.039-1.73,0.053-2.589,0.141c-0.981,0.1-1.961,0.241-2.932,0.417c-1.052,0.192-2.094,0.453-3.053,0.946c-0.36,0.185-0.7,0.43-1.005,0.697c-0.276,0.243-0.26,0.505-0.032,0.797c0.068,0.086,0.142,0.178,0.232,0.238c0.306,0.203,0.608,0.421,0.936,0.583c1.023,0.501,2.121,0.781,3.231,1.009c0.299,0.062,0.602,0.161,0.9,0.152c0.449-0.012,0.896-0.12,1.345-0.158c0.902-0.077,1.806-0.166,2.71-0.192c1.423-0.042,2.849-0.031,4.268,0.114c0.74,0.076,1.48,0.161,2.22,0.247c0.289,0.034,0.586,0.149,0.863,0.11c1.225-0.173,2.436-0.423,3.596-0.867c0.547-0.209,1.086-0.442,1.519-0.856c0.407-0.392,0.402-0.684-0.004-1.079c-0.04-0.039-0.083-0.075-0.126-0.111c-0.601-0.487-1.306-0.767-2.026-1.005c-1.813-0.6-3.687-0.887-5.579-1.047C17.946,9.604,16.752,9.576,15.561,9.515z'/%3E%3C/g%3E%3C/svg%3E"); }

#facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"] {
  display: inline-block;
  width: 40px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="wedding-bands"][class*="micro-prong"] {
    background-position: -114px -2px;
    background-size: 340px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="wedding-bands"][class*="pav-set"] {
    background-position: -114px -44px;
    background-size: 340px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="wedding-bands"][class*="shared-prong"] {
    background-position: -114px -82px;
    background-size: 340px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="halo"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="halo"] {
    background-position: -47px -2px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="micro-prong"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="micro-prong"] {
    background-position: -47px -36px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="pav-set"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="pav-set"] {
    background-position: -47px -69px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="solitaire"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="solitaire"] {
    background-position: -47px -107px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="engraved"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="engraved"] {
    background-position: -47px -142px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="engagement-rings"][class*="channel-set"], #facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span[class*="icon-"][class*="search"][class*="channel-set"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Cpath fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' d='M30.107,19.232H1.985c-0.617,0-1.116-0.5-1.116-1.116v-3.475c0-0.616,0.499-1.117,1.116-1.117h28.124c0.613,0,1.114,0.5,1.114,1.117v3.475C31.224,18.734,30.723,19.232,30.107,19.232'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='8.96' cy='16.341' r='1.745'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='23.004' cy='16.381' r='1.746'/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.054,24.447 9.061,20.403 9.066,12.344 16.054,8.313 23.034,12.335 23.041,20.413 '/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.054,24.447 9.061,20.403 9.066,12.344 16.054,8.313 23.034,12.335 23.041,20.413 '/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.052,12.237 12.489,14.295 12.455,18.436 16.085,20.526 19.649,18.465 19.631,14.293 '/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.052,12.237 12.489,14.295 12.455,18.436 16.085,20.526 19.649,18.465 19.631,14.293 '/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.085' y1='20.526' x2='16.054' y2='24.449'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.085' y1='20.526' x2='16.054' y2='24.449'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.651' y1='18.465' x2='23.041' y2='20.413'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.651' y1='18.465' x2='23.041' y2='20.413'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='9.066' y1='12.344' x2='12.489' y2='14.295'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='9.066' y1='12.344' x2='12.489' y2='14.295'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.052' y1='12.237' x2='16.054' y2='8.313'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.052' y1='12.237' x2='16.054' y2='8.313'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='9.051' y1='20.406' x2='12.459' y2='18.439'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='9.051' y1='20.406' x2='12.459' y2='18.439'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.631' y1='14.3' x2='23.024' y2='12.34'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.631' y1='14.3' x2='23.024' y2='12.34'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='3.916' cy='16.34' r='1.745'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='28.306' cy='16.385' r='1.746'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center left; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"] {
  background-size: 420px;
  background-position: -308px -260px;
  display: inline-block;
  width: 30px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="cushion"] {
    background-position: 44px -229px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="emerald"] {
    background-position: 44px -54px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="oval"] {
    background-position: 48px -163px;
    background-size: 480px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="pear"] {
    background-position: 48px -214px;
    background-size: 480px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="princess"] {
    background-position: 44px -272px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="round"] {
    background-position: 44px -315px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="asscher"] {
    background-position: 45px -10px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="marquise"] {
    background-position: 48px -113px;
    background-size: 480px; }
  #facetedSearch-navList .accordion--navList .accordion-block[class*="shape"] .accordion-content .navList .navList-item span[class*="icon-"][class*="radiant"] {
    background-size: 390px;
    background-position: -285px -237px; }

#facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item span.icon-three-stone-ring-style-engagement-rings {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' stroke-width='10'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' stroke='%236985B5'  stroke-miterlimit='20' d='M473.963,287.277H27.129c-9.788,0-17.732-7.938-17.732-17.73v-40.096c0-9.792,7.944-17.731,17.732-17.731h446.833c9.787,0,17.732,7.939,17.732,17.731v40.096C491.695,279.339,483.75,287.277,473.963,287.277'%3E%3C/path%3E%3Cpath fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M473.963,287.277H27.129c-9.788,0-17.732-7.938-17.732-17.73v-40.096c0-9.792,7.944-17.731,17.732-17.731h446.833c9.787,0,17.732,7.939,17.732,17.731v40.096C491.695,279.339,483.75,287.277,473.963,287.277z'%3E%3C/path%3E%3C/g%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='250.064,377.693 138.947,313.416 139.055,185.408 250.064,121.313 360.972,185.227 361.071,313.598  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='250.064,377.693 138.947,313.416 139.055,185.408 250.064,121.313 360.972,185.227 361.071,313.598  '%3E%3C/polygon%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='250.046,183.685 193.419,216.378 192.895,282.179 250.579,315.373 307.193,282.672 306.911,216.343  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='250.046,183.685 193.419,216.378 192.895,282.179 250.579,315.373 307.193,282.672 306.911,216.343  '%3E%3C/polygon%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='250.573' y1='315.363' x2='250.059' y2='377.693'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='250.573' y1='315.363' x2='250.059' y2='377.693'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='307.197' y1='282.672' x2='361.075' y2='313.598'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='307.197' y1='282.672' x2='361.075' y2='313.598'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='139.051' y1='185.399' x2='193.423' y2='216.378'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='139.051' y1='185.399' x2='193.423' y2='216.378'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='250.046' y1='183.685' x2='250.064' y2='121.313'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='250.046' y1='183.685' x2='250.064' y2='121.313'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='138.83' y1='313.485' x2='192.946' y2='282.247'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='138.83' y1='313.485' x2='192.946' y2='282.247'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='306.907' y1='216.447' x2='360.828' y2='185.313'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='306.907' y1='216.447' x2='360.828' y2='185.313'%3E%3C/line%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='83.544,313.59 27.986,281.45 28.042,217.451 83.544,185.417 138.999,217.365 139.046,281.555  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='83.544,313.59 27.986,281.45 28.042,217.451 83.544,185.417 138.999,217.365 139.046,281.555  '%3E%3C/polygon%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='83.536,216.595 55.22,232.949 54.96,265.832 83.8,282.438 112.111,266.092 111.968,232.932  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='83.536,216.595 55.22,232.949 54.96,265.832 83.8,282.438 112.111,266.092 111.968,232.932  '%3E%3C/polygon%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='83.8' y1='282.438' x2='83.541' y2='313.598'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='83.8' y1='282.438' x2='83.541' y2='313.598'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='112.111' y1='266.092' x2='139.051' y2='281.555'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='112.111' y1='266.092' x2='139.051' y2='281.555'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='28.038' y1='217.451' x2='55.224' y2='232.949'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='28.038' y1='217.451' x2='55.224' y2='232.949'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='83.536' y1='216.595' x2='83.544' y2='185.408'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='83.536' y1='216.595' x2='83.544' y2='185.408'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='27.93' y1='281.495' x2='54.986' y2='265.867'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='27.93' y1='281.495' x2='54.986' y2='265.867'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='111.964' y1='232.975' x2='138.925' y2='217.408'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='111.964' y1='232.975' x2='138.925' y2='217.408'%3E%3C/line%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='417.66,313.615 362.104,281.478 362.159,217.478 417.66,185.434 473.115,217.391 473.162,281.572  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='417.66,313.615 362.104,281.478 362.159,217.478 417.66,185.434 473.115,217.391 473.162,281.572  '%3E%3C/polygon%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' points='417.652,216.62 389.337,232.966 389.076,265.858 417.916,282.455 446.228,266.108 446.084,232.949  '%3E%3C/polygon%3E%3Cpolygon fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' points='417.652,216.62 389.337,232.966 389.076,265.858 417.916,282.455 446.228,266.108 446.084,232.949  '%3E%3C/polygon%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='417.916' y1='282.455' x2='417.656' y2='313.624'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='417.916' y1='282.455' x2='417.656' y2='313.624'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='446.228' y1='266.108' x2='473.166' y2='281.572'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='446.228' y1='266.108' x2='473.166' y2='281.572'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='362.153' y1='217.478' x2='389.341' y2='232.966'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='362.153' y1='217.478' x2='389.341' y2='232.966'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='417.652' y1='216.62' x2='417.66' y2='185.434'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='417.652' y1='216.62' x2='417.66' y2='185.434'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='362.046' y1='281.521' x2='389.102' y2='265.892'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='362.046' y1='281.521' x2='389.102' y2='265.892'%3E%3C/line%3E%3Cline fill='%23FFFFFF' stroke='%236985B5' stroke-miterlimit='20' x1='446.08' y1='233.001' x2='473.042' y2='217.434'%3E%3C/line%3E%3Cline fill='none' stroke='%236985B5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' x1='446.08' y1='233.001' x2='473.042' y2='217.434'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
  background-size: 38px;
  background-repeat: no-repeat;
  background-position: center left; }

#facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item span.icon-shared-prong-ring-style-engagement-rings {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Crect x='21.809' y='14.919' transform='matrix(0.7072 0.707 -0.707 0.7072 18.1732 -11.5648)' fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='2.481' height='2.48'/%3E%3Crect x='7.784' y='14.917' transform='matrix(0.7072 0.707 -0.707 0.7072 14.0665 -1.6498)' fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='2.481' height='2.482'/%3E%3Cpath fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M30.122,19.061H1.884c-0.618,0-1.12-0.502-1.12-1.121V14.45c0-0.618,0.502-1.121,1.12-1.121h28.238c0.618,0,1.12,0.502,1.12,1.121v3.489C31.242,18.559,30.74,19.061,30.122,19.061z'/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.01,24.295 8.988,20.232 8.995,12.144 16.01,8.094 23.02,12.133 23.025,20.245 	'/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.01,24.295 8.988,20.232 8.995,12.144 16.01,8.094 23.02,12.133 23.025,20.245 	'/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.009,12.035 12.431,14.102 12.397,18.258 16.042,20.355 19.62,18.29 19.604,14.1 	'/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.009,12.035 12.431,14.102 12.397,18.258 16.042,20.355 19.62,18.29 19.604,14.1 	'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.042' y1='20.355' x2='16.01' y2='24.296'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.042' y1='20.355' x2='16.01' y2='24.296'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.621' y1='18.29' x2='23.025' y2='20.245'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.621' y1='18.29' x2='23.025' y2='20.245'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='8.995' y1='12.144' x2='12.431' y2='14.102'/%3E%3Crect x='27.296' y='14.993' transform='matrix(0.7072 0.707 -0.707 0.7072 19.6827 -15.3609)' fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='2.183' height='2.182'/%3E%3Crect x='2.714' y='15.002' transform='matrix(0.7073 0.7069 -0.7069 0.7073 12.5319 2.0027)' fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='2.267' height='2.267'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='8.995' y1='12.144' x2='12.431' y2='14.102'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.009' y1='12.035' x2='16.01' y2='8.093'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.009' y1='12.035' x2='16.01' y2='8.093'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='8.981' y1='20.238' x2='12.401' y2='18.264'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='8.981' y1='20.238' x2='12.401' y2='18.264'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.604' y1='14.105' x2='23.01' y2='12.138'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.604' y1='14.105' x2='23.01' y2='12.138'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 38px;
  background-repeat: no-repeat;
  background-position: center left; }

#facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item span.icon-channel-set-ring-style-engagement-rings {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Cpath fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' d='M30.107,19.232H1.985c-0.617,0-1.116-0.5-1.116-1.116v-3.475c0-0.616,0.499-1.117,1.116-1.117h28.124c0.613,0,1.114,0.5,1.114,1.117v3.475C31.224,18.734,30.723,19.232,30.107,19.232'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='8.96' cy='16.341' r='1.745'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='23.004' cy='16.381' r='1.746'/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.054,24.447 9.061,20.403 9.066,12.344 16.054,8.313 23.034,12.335 23.041,20.413 	'/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.054,24.447 9.061,20.403 9.066,12.344 16.054,8.313 23.034,12.335 23.041,20.413 	'/%3E%3Cpolygon fill='%23FFFFFF' stroke='%236985B6' stroke-miterlimit='10' points='16.052,12.237 12.489,14.295 12.455,18.436 16.085,20.526 19.649,18.465 19.631,14.293 	'/%3E%3Cpolygon fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='16.052,12.237 12.489,14.295 12.455,18.436 16.085,20.526 19.649,18.465 19.631,14.293 	'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.085' y1='20.526' x2='16.054' y2='24.449'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.085' y1='20.526' x2='16.054' y2='24.449'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.651' y1='18.465' x2='23.041' y2='20.413'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.651' y1='18.465' x2='23.041' y2='20.413'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='9.066' y1='12.344' x2='12.489' y2='14.295'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='9.066' y1='12.344' x2='12.489' y2='14.295'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='16.052' y1='12.237' x2='16.054' y2='8.313'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='16.052' y1='12.237' x2='16.054' y2='8.313'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='9.051' y1='20.406' x2='12.459' y2='18.439'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='9.051' y1='20.406' x2='12.459' y2='18.439'/%3E%3Cline fill='none' stroke='%236985B6' stroke-miterlimit='10' x1='19.631' y1='14.3' x2='23.024' y2='12.34'/%3E%3Cline fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='19.631' y1='14.3' x2='23.024' y2='12.34'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='3.916' cy='16.34' r='1.745'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='28.306' cy='16.385' r='1.746'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: center left; }

#facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item span.icon-bezel-ring-style-wedding-bands {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' %3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%236985B6' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M27.608,12.411H4.718c-2.106,0-3.815,1.708-3.815,3.815s1.708,3.815,3.815,3.815h22.89c2.107,0,3.815-1.708,3.815-3.815S29.716,12.411,27.608,12.411z'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='15.546' cy='16.209' r='2.191'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='8.546' cy='16.209' r='2.191'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='22.547' cy='16.209' r='2.191'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='28.809' cy='16.209' r='2.191'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='3.191' cy='16.209' r='2.191'/%3E%3Ccircle fill='none' stroke='%236985B6' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='3.191' cy='16.209' r='2.191'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: center left; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span.icon-engraved-ring-style-wedding-bands {
  background-position: -113px -121px;
  background-size: 336px; }

#facetedSearch-navList .accordion--navList .accordion-block[class*="style"] .accordion-content .navList .navList-item span.icon-high-polished-ring-style-wedding-bands {
  background-position: -115px -244px;
  background-size: 336px; }

.header-product #search_query_adv {
  min-width: auto; }

.body_product .breadcrumbs-product .breadcrumbs {
  margin: 10px auto;
  text-align: left; }
  .body_product .breadcrumbs-product .breadcrumbs .breadcrumb, .body_product .breadcrumbs-product .breadcrumbs .breadcrumb-label {
    color: #818386;
    font-size: 12px;
    text-transform: uppercase; }

.body_product .StepDesignWrap.NewCategoryType {
  margin-bottom: 20px; }
  @media (min-width: 551px) {
    .body_product .StepDesignWrap.NewCategoryType {
      margin-bottom: 45px; } }

.form-option-wrapper {
  overflow: hidden; }

.body_product .StepDesignWrap.NewCategoryType .pointer_main {
  margin: 0;
  min-height: unset;
  border-top: 0; }
  @media (min-width: 551px) {
    .body_product .StepDesignWrap.NewCategoryType .pointer_main {
      border: 1px solid #e1e1e1; } }
  .body_product .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading {
    display: none; }
    @media (min-width: 1261px) {
      .body_product .StepDesignWrap.NewCategoryType .pointer_main .pointer_shape.StepHeading {
        display: flex; } }

#ProMainViewGallery > li {
  display: none; }

#ProMainViewGallery > li:first-child {
  display: block;
  height: auto;
  width: 100%;
  border: 1px solid transparent;
  padding-left: .35294rem;
  padding-right: .35294rem;
  text-align: center;
  float: none; }

#ProductDetail {
  margin-top: 20px; }

.productView {
  padding-top: 0;
  margin-bottom: 5rem; }
  .productView .productView-images {
    position: relative;
    width: 100%;
    float: none;
    padding-top: 0; }
    @media (min-width: 992px) {
      .productView .productView-images {
        width: 44%;
        float: left; } }
    .productView .productView-images .AddToWishlistWrap {
      position: absolute;
      width: 45px;
      height: 45px;
      z-index: 1;
      line-height: 23px;
      right: 2.5rem;
      top: 1.7rem; }
      .productView .productView-images .AddToWishlistWrap .form {
        margin: 0;
        height: auto; }
        .productView .productView-images .AddToWishlistWrap .form input[type="submit"] {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -28 512.001 512' fill='%23b2b2b2'%3E%3Cpath d='m471.382812 44.578125c-26.503906-28.746094-62.871093-44.578125-102.410156-44.578125-29.554687 0-56.621094 9.34375-80.449218 27.769531-12.023438 9.300781-22.917969 20.679688-32.523438 33.960938-9.601562-13.277344-20.5-24.660157-32.527344-33.960938-23.824218-18.425781-50.890625-27.769531-80.445312-27.769531-39.539063 0-75.910156 15.832031-102.414063 44.578125-26.1875 28.410156-40.613281 67.222656-40.613281 109.292969 0 43.300781 16.136719 82.9375 50.78125 124.742187 30.992188 37.394531 75.535156 75.355469 127.117188 119.3125 17.613281 15.011719 37.578124 32.027344 58.308593 50.152344 5.476563 4.796875 12.503907 7.4375 19.792969 7.4375 7.285156 0 14.316406-2.640625 19.785156-7.429687 20.730469-18.128907 40.707032-35.152344 58.328125-50.171876 51.574219-43.949218 96.117188-81.90625 127.109375-119.304687 34.644532-41.800781 50.777344-81.4375 50.777344-124.742187 0-42.066407-14.425781-80.878907-40.617188-109.289063zm0 0' /%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center top;
          width: 45px;
          height: 45px;
          min-width: auto;
          padding: 26px 0 0;
          border: 0;
          margin: 0;
          font-size: 10px; }
          .productView .productView-images .AddToWishlistWrap .form input[type="submit"]:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 -28 512.001 512' fill='%23b2b2b2'%3E%3Cpath d='m256 455.515625c-7.289062 0-14.316406-2.640625-19.792969-7.4375-20.683593-18.085937-40.625-35.082031-58.21875-50.074219l-.089843-.078125c-51.582032-43.957031-96.125-81.917969-127.117188-119.3125-34.644531-41.804687-50.78125-81.441406-50.78125-124.742187 0-42.070313 14.425781-80.882813 40.617188-109.292969 26.503906-28.746094 62.871093-44.578125 102.414062-44.578125 29.554688 0 56.621094 9.34375 80.445312 27.769531 12.023438 9.300781 22.921876 20.683594 32.523438 33.960938 9.605469-13.277344 20.5-24.660157 32.527344-33.960938 23.824218-18.425781 50.890625-27.769531 80.445312-27.769531 39.539063 0 75.910156 15.832031 102.414063 44.578125 26.191406 28.410156 40.613281 67.222656 40.613281 109.292969 0 43.300781-16.132812 82.9375-50.777344 124.738281-30.992187 37.398437-75.53125 75.355469-127.105468 119.308594-17.625 15.015625-37.597657 32.039062-58.328126 50.167969-5.472656 4.789062-12.503906 7.429687-19.789062 7.429687zm-112.96875-425.523437c-31.066406 0-59.605469 12.398437-80.367188 34.914062-21.070312 22.855469-32.675781 54.449219-32.675781 88.964844 0 36.417968 13.535157 68.988281 43.882813 105.605468 29.332031 35.394532 72.960937 72.574219 123.476562 115.625l.09375.078126c17.660156 15.050781 37.679688 32.113281 58.515625 50.332031 20.960938-18.253907 41.011719-35.34375 58.707031-50.417969 50.511719-43.050781 94.136719-80.222656 123.46875-115.617188 30.34375-36.617187 43.878907-69.1875 43.878907-105.605468 0-34.515625-11.605469-66.109375-32.675781-88.964844-20.757813-22.515625-49.300782-34.914062-80.363282-34.914062-22.757812 0-43.652344 7.234374-62.101562 21.5-16.441406 12.71875-27.894532 28.796874-34.609375 40.046874-3.453125 5.785157-9.53125 9.238282-16.261719 9.238282s-12.808594-3.453125-16.261719-9.238282c-6.710937-11.25-18.164062-27.328124-34.609375-40.046874-18.449218-14.265626-39.34375-21.5-62.097656-21.5zm0 0' /%3E%3C/svg%3E"); }
    .productView .productView-images .product-images-wrapper {
      margin: 0 0 3rem; }
      .productView .productView-images .product-images-wrapper:before, .productView .productView-images .product-images-wrapper:after {
        content: "";
        display: table;
        width: 100%;
        clear: both; }
      .productView .productView-images .product-images-wrapper .productView-image {
        border: 10px solid #eee; }
        .productView .productView-images .product-images-wrapper .productView-image .productView-img-container {
          max-width: 650px; }
          .productView .productView-images .product-images-wrapper .productView-image .productView-img-container:after {
            padding-bottom: 100%; }
      .productView .productView-images .product-images-wrapper .productView-thumbnails {
        display: flex;
        align-items: center;
        justify-content: center; }
        .productView .productView-images .product-images-wrapper .productView-thumbnails .productView-thumbnail {
          border: 0 none;
          margin: 0;
          padding: 0;
          max-width: 134px;
          width: 100%; }
          .productView .productView-images .product-images-wrapper .productView-thumbnails .productView-thumbnail a.productView-thumbnail-link {
            border-width: 0px;
            box-sizing: border-box;
            display: block;
            height: 100%;
            max-width: 100%;
            padding: 0 5px; }
            .productView .productView-images .product-images-wrapper .productView-thumbnails .productView-thumbnail a.productView-thumbnail-link img {
              border: 1px solid #e5e5e5;
              padding: 5px;
              width: 100%; }
              @media (min-width: 801px) {
                .productView .productView-images .product-images-wrapper .productView-thumbnails .productView-thumbnail a.productView-thumbnail-link img {
                  padding: 10px; } }
            .productView .productView-images .product-images-wrapper .productView-thumbnails .productView-thumbnail a.productView-thumbnail-link.is-active img {
              border-color: #3F609F; }
        .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-list {
          margin: 0 auto; }
          @media (min-width: 801px) {
            .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-list {
              margin-left: 5.857rem;
              margin-right: 5.857rem; } }
        .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .productView-thumbnail {
          max-width: 100%; }
        .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow {
          padding: 0;
          width: 15px;
          height: 30px;
          top: 50%;
          margin-top: -5px; }
          .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow:before {
            background-size: 13px;
            height: 100%;
            width: 100%; }
          .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow.slick-next {
            right: 0; }
            @media (min-width: 801px) {
              .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow.slick-next {
                right: 1rem; } }
          .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow.slick-prev {
            left: 0; }
            @media (min-width: 801px) {
              .productView .productView-images .product-images-wrapper .productView-thumbnails.productView-thumbnails-slider .slick-arrow.slick-prev {
                left: 1rem; } }
  .productView .product-order-shipping-contect {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%; }
    .productView .product-order-shipping-contect.for-desktop {
      display: none; }
      @media (min-width: 992px) {
        .productView .product-order-shipping-contect.for-desktop {
          display: flex; } }
    .productView .product-order-shipping-contect.for-mobile {
      display: flex;
      padding: 0 1rem; }
      @media (min-width: 992px) {
        .productView .product-order-shipping-contect.for-mobile {
          display: none; } }
    .productView .product-order-shipping-contect .product-order-shipping-wrap, .productView .product-order-shipping-contect .product-order-contact-wrap {
      width: 100%;
      display: flex; }
    .productView .product-order-shipping-contect .product-order-shipping-wrap {
      background-color: #fbfbfb;
      flex-wrap: wrap;
      border: 1px solid #e8e8e8;
      padding: 10px;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
      margin: 0 0 20px; }
      @media (min-width: 992px) {
        .productView .product-order-shipping-contect .product-order-shipping-wrap {
          align-items: center;
          flex-direction: row;
          flex-wrap: wrap;
          margin: 0 0 40px;
          padding: 20px 10px; } }
      .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-img {
        display: flex;
        justify-content: center;
        flex: 1;
        padding: 0; }
        .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-img img {
          height: 60px; }
      .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content {
        flex: 6; }
        .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p {
          color: #000;
          font-size: 20px;
          font-weight: 500;
          line-height: 2rem;
          margin: 0; }
          @media (min-width: 992px) {
            .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p {
              font-size: 22px; } }
          .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p.order-by-content {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.8rem; }
            .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p.order-by-content span {
              color: #3e5f9f;
              font-weight: 400; }
            .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p.order-by-content a {
              background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 96.25 96.25' fill='%23818386'%3E%3Cg%3E%3Cpath d='M48.125,0C21.547,0,0,21.546,0,48.125S21.547,96.25,48.125,96.25c26.579,0,48.125-21.546,48.125-48.125S74.704,0,48.125,0zM55.191,80.261c0,0.829-0.67,1.5-1.5,1.5H42.558c-0.829,0-1.5-0.671-1.5-1.5V37.829c0-0.829,0.671-1.5,1.5-1.5h11.135c0.828,0,1.5,0.671,1.5,1.5v42.432H55.191z M48.125,31.988c-4.825,0-8.75-3.925-8.75-8.75c0-4.825,3.925-8.75,8.75-8.75s8.75,3.925,8.75,8.75C56.875,28.063,52.95,31.988,48.125,31.988z'/%3E%3C/g%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-size: 18px;
              background-position: center right;
              color: #3e5f9f;
              font-size: 18px;
              text-decoration: none;
              padding-right: 22px; }
              .productView .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p.order-by-content a:before {
                content: "|";
                padding: 0 0.7rem; }
      .productView .product-order-shipping-contect .product-order-shipping-wrap .order-by-FasterLink a {
        color: #3e5f9f;
        font-size: 16px;
        text-decoration: none; }
        .productView .product-order-shipping-contect .product-order-shipping-wrap .order-by-FasterLink a .info_icon {
          width: 18px;
          display: inline-block;
          vertical-align: top;
          margin: -2px 0 0 6px; }
    .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box {
      flex: 3;
      text-align: center;
      border-right: 0; }
      @media (min-width: 992px) {
        .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box {
          border-right: 1px solid #e5e5e5; } }
      .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box:last-child {
        border-right: 0; }
      .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a {
        display: block;
        padding: 0.6rem 0;
        text-decoration: none; }
        .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span {
          display: block;
          font-size: 13px;
          line-height: 1.2rem; }
          @media (min-width: 992px) {
            .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span {
              font-size: 20px;
              line-height: 1.8rem; } }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.schedule-box-title {
            color: #3c6bb4;
            font-weight: 500; }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.schedule-box-desc {
            color: #000;
            font-weight: 300; }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.icon {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 45px;
            height: 45px;
            margin: 0 auto 10px; }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.icon-ContactPhn {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 200 200'%3E%3Cg%3E'%3Cpath fill='%233c6bb4' d='M54.375,159.936c0,7.49-0.186,14.629,0.064,21.752c0.17,4.859,4.225,8.35,9.138,8.355c21.899,0.023,43.799,0.025,65.699,0c5.439-0.006,9.268-3.994,9.27-9.564c0.006-29.279,0-58.559-0.002-87.838c0-18.78,0.002-37.56,0.004-56.339c0-0.705,0-1.41,0-2.272c-28.123,0-56.044,0-84.219,0c0,0.715,0,1.353,0,1.992c-0.002,4.26,0.005,8.52-0.013,12.78c-0.007,1.788-1.192,3.071-2.796,3.097c-1.622,0.027-2.946-1.183-2.949-2.973c-0.023-10.5-0.2-21.005,0.099-31.497c0.219-7.701,7.079-13.383,15.521-13.402c14.341-0.033,28.681-0.01,43.021-0.01c7.26,0,14.52-0.046,21.779,0.016c7.82,0.066,13.787,4.823,15.1,12.256c0.453,2.567,0.246,5.26,0.248,7.896c0.01,52.079,0.006,104.158,0.002,156.238c-0.002,9.072-6.219,15.471-15.316,15.498c-21.717,0.064-43.437,0.066-65.154,0c-9.101-0.027-15.298-6.451-15.297-15.508c0.005-35.398-0.006-70.799-0.011-106.198c0-2.04-0.001-4.08,0-6.12c0.003-2.748,0.971-4.084,2.931-4.049c1.903,0.034,2.832,1.331,2.834,3.966c0.002,7.92,0.002,15.84,0.002,23.761c0,19.919,0,39.839,0,59.759c0,0.764,0,1.529,0,2.516c0.893,0,1.591,0,2.291,0c23.759,0,47.519,0,71.277,0c0.42,0,0.842-0.012,1.262,0.004c1.938,0.066,3.164,1.182,3.215,2.914c0.047,1.676-1.215,2.898-3.166,2.961c-1.738,0.053-3.479,0.016-5.218,0.016c-22.379-0.002-44.758-0.004-67.136-0.006C56.089,159.936,55.325,159.936,54.375,159.936z M138.546,27.936c0-3.029,0.033-5.951-0.006-8.873c-0.07-5.18-3.971-9.081-9.145-9.148c-3.059-0.041-6.12-0.008-9.18-0.009c-18.782,0-37.563-0.008-56.346,0.005c-4.881,0.004-8.695,2.886-9.27,7.552c-0.418,3.405-0.082,6.903-0.082,10.473C82.47,27.936,110.396,27.936,138.546,27.936z'/%3E'%3Cpath fill='%233c6bb4' d='M96.487,183.875c-4.99,0.01-8.924-3.852-8.971-8.803c-0.049-4.98,4.021-9.059,8.99-9.014c4.927,0.045,8.889,4.033,8.881,8.943C105.382,179.953,101.456,183.867,96.487,183.875zM99.495,175.047c0.031-1.689-1.348-3.1-3.034-3.105c-1.62-0.004-2.97,1.287-3.042,2.908c-0.072,1.686,1.27,3.16,2.935,3.225C97.993,178.137,99.463,176.721,99.495,175.047z'/%3E'%3Cpath fill='%233c6bb4' d='M93.503,21.849c-1.913,0-3.827,0.019-5.74-0.005c-2.029-0.025-3.17-1.053-3.195-2.823c-0.025-1.779,1.121-2.91,3.091-2.925c3.887-0.03,7.774-0.031,11.661,0c1.824,0.015,3.018,1.169,3.049,2.821c0.03,1.719-1.199,2.896-3.125,2.925C97.331,21.872,95.417,21.849,93.503,21.849z'/%3E'%3Cpath fill='%233c6bb4' d='M111.411,21.868c-1.667-0.02-2.938-1.339-2.884-2.993c0.052-1.591,1.286-2.79,2.89-2.807c1.682-0.018,2.974,1.245,2.969,2.902C114.382,20.633,113.093,21.887,111.411,21.868z'/%3E'%3C/g%3E%3C/svg%3E"); }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.icon-SendMessage {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 200 200'%3E%3Cpath fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M163.114,85.897V29.261c0-3.472-2.871-6.292-6.409-6.292h-27.489'/%3E%3Cpath fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M50.247,22.969H19.031c-3.445,0-6.242,2.741-6.242,6.118v110.122c0,3.377,2.796,6.119,6.242,6.119H89.7'/%3E%3Cline fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' x1='112.875' y1='22.969' x2='65.816' y2='22.969'/%3E%3Cpath fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M58.237,33.458L58.237,33.458c-3.86,0-6.992-2.742-6.992-6.121V15.102c0-3.375,3.131-6.117,6.992-6.117s6.991,2.742,6.991,6.117v12.235C65.228,30.716,62.097,33.458,58.237,33.458z'/%3E%3Cline fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' x1='12.79' y1='50.937' x2='163.114' y2='50.937'/%3E%3Cpath fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M187.587,143.579c0,26.063-21.134,47.195-47.196,47.195c-26.063,0-47.195-21.132-47.195-47.195c0-26.064,21.131-47.194,47.195-47.194C166.453,96.385,187.587,117.515,187.587,143.579z'/%3E%3Cpath fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M121.162,33.458L121.162,33.458c-3.858,0-6.99-2.742-6.99-6.121V15.102c0-3.375,3.132-6.117,6.99-6.117c3.861,0,6.992,2.742,6.992,6.117v12.235C128.154,30.716,125.023,33.458,121.162,33.458z'/%3E%3Cline fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' x1='104.087' y1='68.763' x2='28.924' y2='68.763'/%3E%3Cline fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' x1='104.087' y1='90.892' x2='28.924' y2='90.892'/%3E%3Cpolyline fill='none' stroke='%233c6bb4' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' points='110.491,149.028 129.251,170.919 166.776,114.632 '/%3E%3C/svg%3E"); }
          .productView .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.icon-LiveChat {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 200 200'%3E%3Cg%3E%3Cpath fill='%233c6bb4' d='M190.166,168.562c-0.136,0-15.099-5.503-19.72-19.29c14.961-8.872,23.638-21.679,23.638-35.31c0-21.541-21.17-40.008-51.642-45.178c-3.486-23.657-32.92-41.987-68.091-41.987c-37.679,0-68.268,20.915-68.268,46.608c0,13.708,8.597,26.438,23.637,35.25c-4.622,13.707-19.583,19.25-19.74,19.309c-0.818,0.294-1.344,1.091-1.292,1.959c0.051,0.88,0.685,1.617,1.547,1.801c2.735,0.593,5.525,0.888,8.323,0.882c14.276,0,27.73-7.364,37.208-14.374c0.626,0.136,1.253,0.235,1.958,0.333c3.349,23.696,32.783,42.026,67.934,42.026c6.235,0.002,12.457-0.575,18.586-1.725c9.537,6.991,22.991,14.335,37.209,14.335c2.811,0.006,5.613-0.29,8.36-0.881c0.856-0.182,1.488-0.909,1.548-1.783C191.437,169.69,190.953,168.89,190.166,168.562z M55.688,114.276c-0.542-0.106-1.104,0.021-1.547,0.353c-9.341,6.952-22.854,14.57-36.797,14.08c5.679-3.367,13.708-9.791,16.509-20.425c0.243-0.868-0.137-1.789-0.92-2.233C18.304,97.905,10,86.018,10,73.406c0-23.5,28.905-42.692,64.429-42.692c32.646,0,60.042,16.274,63.959,37.463h-0.393c-1.821-0.235-3.622-0.392-5.464-0.529h-1.096c-1.894-0.118-3.793-0.176-5.699-0.176c-37.698,0-68.365,20.896-68.365,46.589v0.626L55.688,114.276z M145.868,155.205c-0.333-0.25-0.737-0.388-1.154-0.392h-0.392c-6.146,1.221-12.397,1.832-18.664,1.821c-33.898,0-62.137-17.625-64.311-39.95c-0.095-0.918-0.141-1.839-0.137-2.761c0-23.5,28.905-42.672,64.448-42.672c1.313,0,2.626,0,3.918,0c3.58,0.147,7.149,0.494,10.692,1.038c28.885,4.583,49.897,22.051,49.897,41.672c0,12.593-8.381,24.499-23.01,32.686c-0.774,0.442-1.153,1.352-0.92,2.212c2.634,8.693,8.558,16.016,16.509,20.407C168.723,169.657,155.21,162.157,145.868,155.205z'/%3E%3Cpath fill='%233c6bb4' d='M95.893,101.331c-5.895,0-10.673,4.779-10.673,10.674c0,5.894,4.778,10.673,10.673,10.673s10.672-4.779,10.672-10.673C106.564,106.11,101.787,101.331,95.893,101.331L95.893,101.331z M95.893,118.741c-3.731,0-6.756-3.024-6.756-6.756s3.025-6.757,6.756-6.757s6.756,3.025,6.756,6.757c0,0.006,0,0.013,0,0.02c0,3.72-3.016,6.736-6.736,6.736C95.905,118.741,95.899,118.741,95.893,118.741L95.893,118.741z'/%3E%3Cpath fill='%233c6bb4' d='M125.658,101.331c-5.893-0.01-10.681,4.76-10.692,10.654c-0.01,5.894,4.76,10.681,10.654,10.692c5.895,0.011,10.682-4.759,10.692-10.654c0-0.006,0-0.013,0-0.019C136.313,106.117,131.547,101.342,125.658,101.331zM125.658,118.741c-3.73,0.011-6.764-3.006-6.774-6.736c-0.011-3.732,3.005-6.765,6.736-6.776c3.731-0.011,6.766,3.006,6.776,6.736c0,0.014,0,0.026,0,0.04C132.396,115.725,129.38,118.741,125.658,118.741L125.658,118.741L125.658,118.741z'/%3E%3Cpath fill='%233c6bb4' d='M155.406,101.331c-5.895,0-10.672,4.779-10.672,10.674c0,5.894,4.777,10.673,10.672,10.673s10.672-4.779,10.672-10.673l0,0C166.078,106.11,161.301,101.331,155.406,101.331z M155.406,118.741c-3.731,0-6.756-3.024-6.756-6.756s3.024-6.757,6.756-6.757s6.756,3.025,6.756,6.757c0,0.006,0,0.013,0,0.02c0,3.72-3.016,6.736-6.735,6.736C155.419,118.741,155.413,118.741,155.406,118.741L155.406,118.741z'/%3E%3C/g%3E%3C/svg%3E"); }
    .productView .product-order-shipping-contect.mobile-view {
      display: none; }
  .productView .productView-details-wrap {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 20px 0, rgba(0, 0, 0, 0.05) 0 1px 4px 0, rgba(0, 0, 0, 0.05) 0 2px 8px 0;
    padding: 20px 15px;
    margin: 0 1rem 3.8rem; }
    @media (min-width: 992px) {
      .productView .productView-details-wrap {
        float: left;
        width: 54%;
        margin: 0 0 0 1%;
        padding: 3rem; } }
    @media (min-width: 1681px) {
      .productView .productView-details-wrap {
        width: 54%;
        margin-left: 1%;
        padding: 3rem; } }
    .productView .productView-details-wrap .productView-details {
      float: none;
      width: 100%;
      padding: 0; }

.ProductMobileSharingWrap {
  display: flex;
  text-align: left;
  margin-bottom: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 0.6rem; }
  .ProductMobileSharingWrap:before, .ProductMobileSharingWrap:after {
    content: "";
    display: table;
    width: 100%;
    clear: both; }
  .ProductMobileSharingWrap .SharingItem {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none; }
    .ProductMobileSharingWrap .SharingItem span {
      font-size: 11px;
      padding-left: 24px;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      line-height: 1.4rem;
      margin-right: 1px;
      color: #999;
      text-transform: uppercase; }
    .ProductMobileSharingWrap .SharingItem.HintIt span {
      background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/mobile_icon_hint_it.svg);
      background-size: 22px;
      background-position: 0 0px; }
    .ProductMobileSharingWrap .SharingItem.Pinterest span {
      background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/mobile_icon_pin_it.svg);
      background-size: 13px;
      background-position: 5px 2px; }
    .ProductMobileSharingWrap .SharingItem.ShareIt span {
      background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/mobile_icon_share_it.svg);
      background-size: 15px;
      background-position: 3px 3px; }
  .ProductMobileSharingWrap .AddToWishlistWrap {
    display: inline-block;
    vertical-align: middle; }
    .ProductMobileSharingWrap .AddToWishlistWrap .form {
      margin: 0; }
      .ProductMobileSharingWrap .AddToWishlistWrap .form input[type="submit"] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23f74850' %3E%3Cpath d='M16,5.7c0.6-1,1.3-1.7,2.3-2.3c1.3-0.8,2.7-1.2,4.2-1.2C26.8,1.9,30,5,30.8,8.8c0.6,2.9-0.2,5.6-2,7.9c-1.2,1.6-2.7,2.9-4.3,4.1c-1.6,1.3-3.3,2.5-4.8,4c-1.5,1.4-2.7,3-3.4,4.9c0,0.1-0.1,0.2-0.3,0.2c-0.1,0-0.2-0.1-0.3-0.2c-0.9-2.4-2.6-4.3-4.5-6c-1.6-1.4-3.4-2.7-5-4c-1.5-1.2-2.8-2.6-3.8-4.2c-1-1.7-1.6-3.6-1.3-5.6c0.4-3.5,2.1-6,5.4-7.3c3.2-1.2,7.4-0.3,9.4,3C15.9,5.6,16,5.6,16,5.7z'/%3E%3C/svg%3E");
        background-color: transparent;
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 16px;
        border: 0;
        color: #999;
        font-size: 11px;
        padding-left: 19px;
        display: inline-block;
        height: auto;
        line-height: 1.4rem;
        margin-left: 5px;
        max-width: unset;
        min-width: unset;
        text-transform: uppercase;
        vertical-align: middle;
        width: auto; }

.diamond-page .product-order-shipping-contect.mobile-view {
  display: flex;
  align-items: flex-start; }
  .diamond-page .product-order-shipping-contect.mobile-view .product-order-shipping-wrap {
    border: 0px;
    margin: 0 0 1rem; }
    .diamond-page .product-order-shipping-contect.mobile-view .product-order-shipping-wrap .product-order-content .order-by-FasterLink {
      display: none; }

#faster-ship-dropdown {
  width: 100%;
  max-width: 490px;
  background: #fff;
  padding: 20px;
  margin: 10px 0 0;
  box-shadow: 0 1px 6px rgba(213, 213, 213, 0.8);
  border: 1px solid #d5d5d5; }
  #faster-ship-dropdown.dropdown-menu.is-open:before, #faster-ship-dropdown.dropdown-menu.is-open:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    border: 10px inset;
    height: 0;
    border-bottom-style: solid;
    bottom: 100%;
    right: auto;
    left: 7.7rem; }
  #faster-ship-dropdown.dropdown-menu.is-open:before {
    border-color: transparent transparent #e8e8e8;
    top: -20px; }
  #faster-ship-dropdown.dropdown-menu.is-open:after {
    border-color: transparent transparent #fff;
    top: -18px; }
  #faster-ship-dropdown .faster-ship-dropdown-content h4 {
    color: #3f609f;
    font-family: niveau-grotesk;
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 15px; }
  #faster-ship-dropdown .faster-ship-dropdown-content p {
    font-weight: 400;
    line-height: 1.7rem; }
    #faster-ship-dropdown .faster-ship-dropdown-content p:last-child {
      margin: 15px 0 0; }

.fashion-taacori .order-by-FasterLink {
  display: none; }

.productView__metal-title {
  color: #757575;
  font-size: 15px;
  line-height: 1.2rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-transform: uppercase; }
  .productView__metal-title .CenterDiamondCaratWeight {
    margin-right: 1rem; }

.top-padding-removed #ProMainViewGallery .slick-list.draggable {
  padding-top: 0 !important; }

.top-padding-removed #ProMainViewGallery .slick-track {
  transform: none !important; }

.readytoship .productView-details #afffirm-promo-box, .readytoship .productView-details .affirm-content {
  color: #575757;
  font-weight: 300;
  padding: 0 0 1.5rem;
  margin: 0;
  border-bottom: 1px solid #dcdcdc;
  height: auto !important;
  line-height: 1.3rem; }

.productView-details {
  position: relative;
  padding: 0 0 0 35px;
  margin: 0 0 10px; }
  @media (min-width: 801px) {
    .productView-details {
      width: 47%;
      float: left; } }
  .productView-details .productView-product {
    padding-bottom: 0;
    border: 0; }
    .productView-details .productView-product .productView-title {
      color: #000;
      font-family: niveau-grotesk;
      font-weight: 500;
      font-size: 22px;
      line-height: 2rem;
      margin-bottom: 1.5rem;
      margin-top: 0;
      letter-spacing: .02rem;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .productView-details .productView-product .productView-title {
          font-size: 27px;
          line-height: 2.3rem; } }
      .productView-details .productView-product .productView-title br {
        display: none; }
    .productView-details .productView-product .productView-price {
      padding: 0; }
    .productView-details .productView-product .Product-Pre-Set {
      color: #1d1d1d;
      display: block;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.4rem;
      margin-bottom: 20px;
      text-transform: capitalize;
      text-align: left; }
  .productView-details .BandsProShortDesc {
    margin: 0 0 1rem; }
    .productView-details .BandsProShortDesc p {
      font-size: 14px;
      line-height: 1.4rem;
      color: #575757; }
  .productView-details #afffirm-promo-box, .productView-details .affirm-content {
    color: #575757;
    font-weight: 300;
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #a3a4a5;
    height: auto !important;
    line-height: 1.3rem; }
  .productView-details .productView-price {
    border: 0;
    padding-bottom: 2.02941rem;
    margin: 0; }
    .productView-details .productView-price .price-section--withoutTax {
      margin: 0 0 0.5rem;
      text-align: left; }
      .productView-details .productView-price .price-section--withoutTax.rrp-price--withoutTax .price.price--rrp {
        color: #757575;
        font-size: 36px;
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        line-height: 2rem;
        margin-right: .5rem; }
      .productView-details .productView-price .price-section--withoutTax .price--withoutTax {
        color: #369;
        font-size: 36px;
        font-weight: 400;
        line-height: 2rem; }
        @media (min-width: 801px) {
          .productView-details .productView-price .price-section--withoutTax .price--withoutTax {
            font-size: 38px; } }
    .productView-details .productView-price .price-section--saving span.price {
      color: #DEACAD;
      font-size: 24px;
      line-height: 2rem; }
  .productView-details .readytoship-custom-field--container {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 2rem 0;
    padding: 2rem 0; }
    .productView-details .readytoship-custom-field--container .custom-field--content {
      margin: 0 0 20px; }
      .productView-details .readytoship-custom-field--container .custom-field--content:last-child {
        margin: 0; }
    .productView-details .readytoship-custom-field--container h4 {
      color: #3c6bb4;
      font-size: 24px;
      font-weight: 400;
      padding: 0;
      margin: 0 0 10px;
      opacity: 1; }
    .productView-details .readytoship-custom-field--container .readytoship__custom-field--row {
      display: flex;
      margin: 0; }
      .productView-details .readytoship-custom-field--container .readytoship__custom-field--row span {
        display: flex;
        color: #000;
        font-size: 16px;
        line-height: 2rem;
        font-weight: 400; }
        .productView-details .readytoship-custom-field--container .readytoship__custom-field--row span.custom-field-name {
          flex: 1; }
        .productView-details .readytoship-custom-field--container .readytoship__custom-field--row span.custom-field-value {
          font-weight: 300;
          flex: 2; }

.Product-AfterDesc .after-banner-container {
  background: #fff; }

.Product-AfterDesc .after-banner-container-wrap .after-banner-heading {
  display: none; }

.similar_by_views {
  margin: 0 0 3rem; }
  .similar_by_views h2 {
    font-size: 40px;
    color: #3f609f;
    line-height: 3rem;
    text-align: center;
    font-family: niveau-grotesk;
    text-transform: capitalize;
    margin: 0 0 2rem; }

.need-assistance-wrap {
  display: none; }

.productView-description {
  float: none;
  width: 100%;
  padding: 0;
  clear: both; }
  .productView-description ul.tabs {
    text-align: center;
    width: 100%;
    border: 0; }
    .productView-description ul.tabs li.tab {
      border: 1px solid #dcdcdc;
      border-bottom-color: transparent;
      margin-right: 0.8rem;
      position: relative; }
      .productView-description ul.tabs li.tab .tab-title {
        color: #b6b6b6;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        padding: 0.5rem 1.5rem;
        text-align: center;
        text-transform: uppercase; }
      .productView-description ul.tabs li.tab.is-active {
        background-color: #f8f8f8; }
        .productView-description ul.tabs li.tab.is-active .tab-title {
          color: #000000; }
        .productView-description ul.tabs li.tab.is-active:after {
          content: "";
          display: block;
          position: absolute;
          bottom: -3px;
          width: 100%;
          height: 3px;
          background-color: #f8f8f8;
          left: 0; }
  .productView-description .tabs-contents {
    min-height: 380px;
    background-color: #f8f8f8;
    margin-bottom: 25px;
    border-top: 1px solid #dcdcdc;
    padding: 1.5rem 0 0; }
    @media (min-width: 992px) {
      .productView-description .tabs-contents {
        padding: 0; } }
    .productView-description .tabs-contents .headingTabContent {
      display: none; }
    .productView-description .tabs-contents .tab-content {
      display: block;
      padding: 0;
      height: 0;
      opacity: 0;
      min-height: 0;
      overflow: hidden; }
      .productView-description .tabs-contents .tab-content p {
        font-size: 14px;
        line-height: 22px; }
      .productView-description .tabs-contents .tab-content.is-active {
        height: auto;
        opacity: 1;
        padding: 0.5rem 0 1.5em; }
      .productView-description .tabs-contents .tab-content .container {
        margin: 1.6rem 0;
        border-top: 1px solid #f8f8f8;
        padding: 0; }
        @media (min-width: 992px) {
          .productView-description .tabs-contents .tab-content .container {
            padding: 0 1.5rem; } }
        .productView-description .tabs-contents .tab-content .container.description-tab #ProShortDesc p {
          color: #000;
          font-size: 16px;
          font-weight: 300;
          line-height: 1.6rem; }
        .productView-description .tabs-contents .tab-content .container.description-tab .row {
          border-top: 1px solid #C7C7C7; }
          .productView-description .tabs-contents .tab-content .container.description-tab .row:last-child {
            border-top: 1px solid #C7C7C7; }
        .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content {
          border-right: 1px solid #C7C7C7;
          margin-top: 20px; }
          .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content:last-child {
            border: 0; }
          .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content h4 {
            color: #3c6bb4;
            font-size: 24px;
            font-weight: 500;
            margin: 0 0 10px;
            padding: 0; }
          .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row {
            display: flex;
            margin: 0;
            position: relative; }
            .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row span {
              color: #000;
              display: flex;
              flex: 2;
              font-size: 14px;
              font-weight: 400;
              line-height: 1.6rem; }
              @media (min-width: 1441px) {
                .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row span {
                  font-size: 16px;
                  line-height: 1.8rem; } }
              .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row span + span {
                font-weight: 300;
                justify-content: flex-end;
                text-align: right;
                position: absolute;
                right: 0;
                flex: 2;
                top: 0; }
                @media (min-width: 992px) {
                  .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row span + span {
                    justify-content: flex-start;
                    position: unset;
                    text-align: left; } }
            .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content .tab-content__custom-field--row.table {
              border: 0; }
        .productView-description .tabs-contents .tab-content .container.description-tab .ViewGiaCertificateButton-Wrap {
          text-align: center; }
          .productView-description .tabs-contents .tab-content .container.description-tab .ViewGiaCertificateButton-Wrap .ViewGiaCertificateButton {
            background-color: #fff;
            color: #3f609f;
            border-radius: 0;
            border: 1px solid #3f609f;
            display: inline-block;
            line-height: 1.8rem;
            width: auto;
            padding: 10px 33px;
            margin: 0;
            letter-spacing: 3px;
            text-transform: uppercase;
            text-decoration: none; }
            .productView-description .tabs-contents .tab-content .container.description-tab .ViewGiaCertificateButton-Wrap .ViewGiaCertificateButton:hover {
              background-color: #3f609f;
              color: #fff; }
        .productView-description .tabs-contents .tab-content .container.matching-tab .page-heading {
          display: none; }
        .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner {
          padding: 0 0.4rem;
          text-align: center; }
          .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner h3 {
            color: #3c6bb4;
            font-size: 22px;
            font-weight: 500;
            margin-top: 5px;
            margin-bottom: 15px; }
          .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner p {
            margin-bottom: 18px;
            padding: 10px; }
          .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner a {
            color: #575757;
            font-size: 16px;
            display: block;
            text-decoration: none;
            text-transform: uppercase;
            padding-top: 15px;
            padding-bottom: 15px; }
        .productView-description .tabs-contents .tab-content .container.payments-tab .payments-content {
          border-width: 0 0 1px;
          padding: 10px;
          color: #575757;
          border-color: #575757;
          border-style: solid;
          margin-bottom: 25px; }
          .productView-description .tabs-contents .tab-content .container.payments-tab .payments-content p {
            padding: 0 20rem;
            text-align: center;
            line-height: 22px;
            margin: 15px 0; }
          .productView-description .tabs-contents .tab-content .container.payments-tab .payments-content .payments-tab-icons {
            text-align: center;
            margin: 25px 0; }
            .productView-description .tabs-contents .tab-content .container.payments-tab .payments-content .payments-tab-icons svg {
              height: 40px;
              width: 70px;
              fill: #575757;
              border: 1px solid #575757;
              padding: 5px;
              background: #fff; }
        .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap {
          border-width: 0 0 1px;
          padding: 10px;
          color: #575757;
          border-color: #575757;
          border-style: solid;
          display: flex;
          align-items: center;
          justify-content: center; }
          .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content {
            flex: 5;
            padding: 0 1rem; }
            .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content h5 {
              color: #3e3e3e;
              font-size: 19px;
              font-weight: 700;
              margin-top: 1.26471rem;
              text-align: left; }
            .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content p {
              line-height: 22px;
              margin: 15px 0; }
          .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-learnmore {
            flex: 2; }
            .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-learnmore a {
              background-color: #3f609f;
              padding-top: 8px;
              padding-bottom: 8px;
              max-width: 225px;
              margin: 0 auto;
              color: #fff;
              font-size: 16px;
              width: 100%;
              display: block;
              text-align: center;
              text-transform: uppercase;
              text-decoration: none;
              border: 1px solid #3f609f; }
              .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-learnmore a:hover {
                background-color: #fff;
                color: #3f609f; }
        .productView-description .tabs-contents .tab-content .container.trade-up-tab .trade-up-tab-content {
          text-align: center; }
          .productView-description .tabs-contents .tab-content .container.trade-up-tab .trade-up-tab-content h3 {
            color: #575757;
            font-size: 22px;
            font-family: Montserrat,Arial,Helvetica,sans-serif;
            font-weight: 500;
            margin-top: 5px;
            margin-bottom: 15px;
            text-transform: capitalize; }
          .productView-description .tabs-contents .tab-content .container.trade-up-tab .trade-up-tab-content a {
            color: #575757;
            display: block;
            padding-top: 15px;
            padding-bottom: 15px;
            text-decoration: none;
            text-transform: uppercase; }

.diamond-page .productView-details .productView-product .productView-title {
  margin-bottom: 0; }

.productView-rating .icon--ratingEmpty svg {
  fill: #42609F; }

.DiamondCustomFields {
  line-height: 1.6rem;
  margin: 6px 0; }
  .DiamondCustomFields span {
    color: #575757;
    font-weight: 300;
    font-size: 21px; }
    .DiamondCustomFields span.color-grade:after {
      content: " color"; }
    .DiamondCustomFields span.clarity-grade {
      position: relative;
      padding-left: 12px; }
      .DiamondCustomFields span.clarity-grade:before {
        content: ".";
        line-height: 1rem;
        bottom: 15px;
        display: inline-block;
        vertical-align: middle;
        padding-right: 6px;
        font-size: 45px;
        position: absolute;
        left: 0; }
      .DiamondCustomFields span.clarity-grade:after {
        content: " Clarity"; }

.productView-Certified, .productView-GIA-Certified {
  margin: 0 0 15px;
  border-bottom: 1px solid #C6C6C6;
  padding: 10px 0; }
  .productView-Certified img, .productView-GIA-Certified img {
    display: block;
    margin: 0 0 10px;
    max-width: 280px;
    width: 100%; }
  .productView-Certified p, .productView-GIA-Certified p {
    color: #666;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4rem;
    margin: 0;
    max-width: 350px;
    width: 100%; }

div.data-product-option-change {
  display: flex;
  flex-direction: column; }
  div.data-product-option-change > div {
    margin-bottom: .8rem;
    overflow: visible;
    position: relative; }
    div.data-product-option-change > div.form-field.metal-type {
      order: 1; }
    div.data-product-option-change > div.form-field[class*="center-gemstone"] {
      order: 2; }
    div.data-product-option-change > div.form-field.form-field-ring-size {
      order: 3; }
    div.data-product-option-change > div .form-radio:checked + .form-option {
      box-shadow: 0 0 0 1px #3c6bb4;
      border-color: #3c6bb4; }
    div.data-product-option-change > div .form-option[for="attribute_rectangle___none"] {
      display: none; }
    div.data-product-option-change > div label.form-label--alternate {
      background: #f5f6f7;
      border-top: 1px solid #dcdcdc;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 17px;
      line-height: 1.4rem;
      margin: 0;
      padding: 0.6rem 1rem;
      height: 42px; }
      div.data-product-option-change > div label.form-label--alternate span {
        color: #369;
        font-weight: 500;
        padding-left: 4px; }
    div.data-product-option-change > div:before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 -19.929 518 520'%3E%3Cpath d='M-1,53.35v373.442c0,29.343,21.272,53.351,47.272,53.351h304.909c16.546,0,30.725-8.002,40.182-24.008L519,240.071L391.363,24.008C381.909,10.67,367.728,0,351.182,0H46.272C20.272,0-1,24.008-1,53.35z' fill='%23818386' /%3E%3C/svg%3E");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: contain;
      counter-increment: section;
      content: counter(section);
      color: #fff;
      font-family: Montserrat,Arial,Helvetica,sans-serif;
      font-size: 16px;
      line-height: 2rem;
      width: 50px;
      height: 50px;
      left: 0;
      position: absolute;
      padding: 0 0.4rem 0 0;
      display: none;
      align-items: center;
      justify-content: center; }
    div.data-product-option-change > div.is-open:before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 -19.929 518 520'%3E%3Cpath d='M445.722-19.929H72.279c-29.343,0-53.351,21.272-53.351,47.272v304.909c0,16.546,8.002,30.725,24.008,40.182L259,500.071l216.063-127.637c13.338-9.454,24.008-23.636,24.008-40.182V27.344C499.071,1.344,475.063-19.929,445.722-19.929z' fill='%23818386' /%3E%3C/svg%3E") no-repeat;
      background-size: cover;
      padding-right: 0; }
    div.data-product-option-change > div #RecommendedDiamondsGuid, div.data-product-option-change > div #SizingGuideBtn {
      display: inline;
      margin-left: 0;
      text-transform: uppercase;
      font-weight: 300;
      color: #3f609f;
      font-family: niveau-grotesk;
      font-size: 14px;
      cursor: pointer;
      letter-spacing: .5px;
      position: absolute;
      top: 10px;
      right: 15px; }
    div.data-product-option-change > div.metal-type .form-option-swatch {
      background-color: #fbfbfb;
      float: left;
      width: 140px;
      height: 45px;
      margin-right: 7px;
      margin-bottom: 7px; }
      @media (min-width: 992px) {
        div.data-product-option-change > div.metal-type .form-option-swatch {
          width: 165px; } }
    div.data-product-option-change > div.metal-type .form-option-variant.form-option-variant--pattern[title*="K White"] {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5' %3E%3Cg%3E%3Cpath fill='%23cfcdcc' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
    div.data-product-option-change > div.metal-type .form-option-variant.form-option-variant--pattern[title*="K Yellow"] {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5' %3E%3Cg%3E%3Cpath fill='%23e0bf8d' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
    div.data-product-option-change > div.metal-type .form-option-variant.form-option-variant--pattern[title*="K Rose"] {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5'%3E%3Cg%3E%3Cpath fill='%23f9b099' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
    div.data-product-option-change > div.metal-type .form-option-variant.form-option-variant--pattern[title*="Platinum"] {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5' %3E%3Cg%3E%3Cpath fill='%23979ca7' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
    div.data-product-option-change > div.form-field-ring-size .form-option {
      color: #000;
      background-color: #fbfbfb;
      vertical-align: middle; }
      div.data-product-option-change > div.form-field-ring-size .form-option .form-option-variant {
        font-size: 15px;
        min-height: 35px;
        padding: 0;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 1.5rem; }
        @media (min-width: 992px) {
          div.data-product-option-change > div.form-field-ring-size .form-option .form-option-variant {
            font-size: 17px; } }
    div.data-product-option-change > div.form-field-ring-size .productView-options.reversed-button {
      text-align: center;
      margin: 10px auto; }
      div.data-product-option-change > div.form-field-ring-size .productView-options.reversed-button a {
        color: #369;
        max-width: 350px;
        line-height: 1.5rem;
        width: 100%;
        font-size: 16px;
        border-radius: 0;
        border: 0;
        text-transform: inherit;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        text-decoration: underline;
        letter-spacing: .11rem; }
    div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch {
      background-color: #fbfbfb;
      max-width: 290px;
      width: 100%;
      position: relative;
      min-height: 44px;
      padding: 0; }
      @media (min-width: 801px) {
        div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch {
          max-width: 430px; } }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch[class*="lab-diamond"]:after {
        content: "Most Popular";
        font-size: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #FFECE7;
        display: block;
        text-transform: capitalize;
        height: auto;
        line-height: 1.1rem;
        padding: .2rem 0.3rem;
        color: #000; }
        @media (min-width: 801px) {
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch[class*="lab-diamond"]:after, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch[class*="lab-diamond"]:after {
            font-size: 14px;
            line-height: 1.6rem;
            padding: 0.2rem 0.4rem; } }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch[class*="lab-diamond"]:before, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch[class*="lab-diamond"]:before, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch[class*="lab-diamond"]:before, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch[class*="lab-diamond"]:before, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch[class*="lab-diamond"]:before, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch[class*="lab-diamond"]:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border: 5px solid #FFECE7; }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch[class*="lab-diamond"] .form-option-variant-wrap .option-variant-label {
        background: transparent;
        border: 5px solid #FFECE7;
        line-height: 37px; }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap {
        display: flex;
        width: 100%;
        justify-content: flex-start; }
        div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label {
          font-size: 12px;
          height: auto;
          display: inline-flex;
          flex: 8;
          line-height: 47px;
          padding-left: 8px;
          column-gap: 8px; }
          @media (min-width: 801px) {
            div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label {
              font-size: 17px; } }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span {
            color: #369;
            display: inline-block;
            width: auto;
            min-width: auto; }
        div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern {
          height: 47px;
          width: 47px;
          vertical-align: middle;
          background-size: 96%;
          background-position: center;
          margin-left: 0;
          display: inline-flex;
          flex: 1; }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Earth Mined Diamond"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Earth Mined Diamond"] {
            background-size: contain; }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="Lab Diamond"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="Lab Diamond"] {
            background-size: contain; }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="One Moissanite"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="One Moissanite"] {
            background-size: contain; }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--color.form-option-variant--pattern[title*="I don’t need a gemstone"], div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern.form-option-variant--pattern[title*="I don’t need a gemstone"] {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='6'%3E%3Cpolyline fill='none' stroke='%23818386' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 11.888,107.288 72.257,158.261 191.908,48.128 '%3E%3C/polyline%3E %3Cpolygon fill='none' stroke='%23818386' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 72.266,126.715 135.692,64.669 115.152,35.277 72.266,35.277 29.485,35.277 8.942,64.669 '%3E%3C/polygon%3E %3Cline fill='none' stroke='%23818386' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='8.942' y1='64.668' x2='135.692' y2='64.668'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23818386' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 58.454,35.275 44.637,64.668 72.266,126.715 '%3E%3C/polyline%3E %3Cpolyline fill='none' stroke='%23818386' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 86.133,35.275 99.945,64.668 72.317,126.715 '%3E%3C/polyline%3E%3C/svg%3E") !important;
            background-size: contain;
            display: none; }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone {
        display: flex;
        align-items: center;
        justify-content: center; }
        div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap {
          display: flex; }
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch.no-thanks-i-don-t-need-a-gemstone .form-option-variant-wrap .option-variant-label {
            display: flex;
            justify-content: center;
            padding: 0; }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel {
        display: none; }
        @media (min-width: 801px) {
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel {
            position: absolute;
            right: -46px;
            top: 0;
            width: 38px;
            height: 38px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center; }
            div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .infoforlabel .info_icon {
              width: 20px;
              height: 20px; } }
      div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup {
        display: flex;
        position: absolute;
        right: -26px;
        top: 11px;
        width: 20px;
        height: 20px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 801px) {
          div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup {
            display: none;
            width: 38px;
            height: 38px;
            right: -46px;
            top: 0; } }
        div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon {
          width: 14px;
          height: 14px; }
          @media (min-width: 801px) {
            div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon, div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch .form-option-expandedWrap .diamond-option-popup .info_icon {
              width: 20px;
              height: 20px; } }
    div.data-product-option-change > div.center-gemstone .productView-options.reversed-button, div.data-product-option-change > div.center-gemstone-oval .productView-options.reversed-button, div.data-product-option-change > div.center-gemstone-emerald-cut .productView-options.reversed-button, div.data-product-option-change > div.center-gemstone-pear-shape .productView-options.reversed-button, div.data-product-option-change > div.center-gemstone-oval-cut .productView-options.reversed-button, div.data-product-option-change > div.form-field[class*="center-gemstone"] .productView-options.reversed-button {
      text-align: left;
      margin: 10px auto; }
      div.data-product-option-change > div.center-gemstone .productView-options.reversed-button a, div.data-product-option-change > div.center-gemstone-oval .productView-options.reversed-button a, div.data-product-option-change > div.center-gemstone-emerald-cut .productView-options.reversed-button a, div.data-product-option-change > div.center-gemstone-pear-shape .productView-options.reversed-button a, div.data-product-option-change > div.center-gemstone-oval-cut .productView-options.reversed-button a, div.data-product-option-change > div.form-field[class*="center-gemstone"] .productView-options.reversed-button a {
        color: #369;
        line-height: 1.5rem;
        font-size: 16px;
        border-radius: 0;
        border: 0;
        text-transform: inherit;
        padding: 0;
        margin: 0;
        display: inline-block;
        text-decoration: underline;
        letter-spacing: 0;
        text-align: left; }
    div.data-product-option-change > div.proposal-ring .AddTempProposalRingInfo {
      position: absolute;
      top: 14px;
      right: 20px;
      z-index: 1; }
      div.data-product-option-change > div.proposal-ring .AddTempProposalRingInfo .info_icon {
        width: 20px;
        height: 20px;
        display: block;
        cursor: pointer; }
        div.data-product-option-change > div.proposal-ring .AddTempProposalRingInfo .info_icon img {
          display: block; }
    div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch {
      width: 60%;
      position: static; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern[title*="K White"] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5' %3E%3Cg%3E%3Cpath fill='%23cfcdcc' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern[title*="K Yellow"] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5' %3E%3Cg%3E%3Cpath fill='%23e0bf8d' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .form-option-variant--pattern[title*="K Rose"] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 200 200' stroke-width='5'%3E%3Cg%3E%3Cpath fill='%23f9b099' d='M180.521,94.601c0-44.188-35.823-80.007-80.011-80.007c-44.2,0-80.018,35.819-80.018,80.007 c0,44.196,35.818,80.017,80.018,80.017C144.698,174.618,180.521,138.797,180.521,94.601'%3E%3C/path%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='8.903' y1='147.479' x2='149.168' y2='7.214'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='35.412' y1='173.986' x2='175.676' y2='33.722'%3E%3C/line%3E %3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='2' x1='51.854' y1='190.424' x2='192.117' y2='50.16'%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span {
        color: #369; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .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 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        visibility: hidden; }
        div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-expanded .form-option-image {
          height: 120px;
          width: 120px; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch:hover .form-option-expanded {
        left: auto;
        top: 68px;
        right: 10px;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: block;
        z-index: 99; }
    div.data-product-option-change > div.proposal-ring .OptionsWrap .form-radio:checked + .form-option-swatch .form-option-expanded {
      left: auto;
      top: 68px;
      right: 10px;
      opacity: 1;
      visibility: visible;
      transform: none;
      display: block;
      z-index: 999; }
      div.data-product-option-change > div.proposal-ring .OptionsWrap .form-radio:checked + .form-option-swatch .form-option-expanded .form-option-image {
        height: 120px;
        width: 120px; }
    div.data-product-option-change > div .OptionsWrap {
      margin: 1rem 0 0;
      display: flex;
      flex-wrap: wrap; }
      div.data-product-option-change > div .OptionsWrap:before, div.data-product-option-change > div .OptionsWrap:after {
        content: "";
        display: table;
        width: 100%;
        clear: both; }
      div.data-product-option-change > div .OptionsWrap .form-option-variant.form-option-variant--color, div.data-product-option-change > div .OptionsWrap .form-option-variant.form-option-variant--pattern {
        height: 29px;
        width: 29px;
        vertical-align: middle;
        background-size: 96%;
        background-position: center;
        margin-left: 10px;
        display: inline-block; }
      div.data-product-option-change > div .OptionsWrap .form-option-swatch {
        display: flex;
        align-items: center;
        line-height: 0; }
        div.data-product-option-change > div .OptionsWrap .form-option-swatch .form-option-expanded {
          display: none; }
        div.data-product-option-change > div .OptionsWrap .form-option-swatch .option-variant-label {
          color: #000;
          font-size: 16px;
          height: auto;
          display: inline-block;
          vertical-align: middle;
          line-height: 2rem;
          padding-left: 8px; }

.productView-options input:focus + label {
  outline: 0px solid #0f7fff !important;
  outline-offset: 0px !important; }

.productView-options .form-field {
  margin-bottom: .8rem;
  overflow: visible;
  position: relative; }

.productView-options .form-option {
  border: 1px solid #cdcdcd; }

.productView-options .form-action {
  display: inline-block;
  margin-top: 1rem;
  width: 100%; }
  .productView-options .form-action #form-action-addToCart {
    border-radius: 0;
    letter-spacing: 3px;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 17px;
    color: #fff;
    background-color: #3f609f;
    border: 1px solid #3f609f;
    display: block;
    line-height: 1.4rem;
    width: 100%;
    min-height: 50px; }
    .productView-options .form-action #form-action-addToCart:hover {
      background: #fff;
      color: #3f609f;
      transition: .2s; }

.productView-options .form-action.form-wishlist {
  margin-bottom: 0;
  width: auto; }
  .productView-options .form-action.form-wishlist .button {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0.857rem 2.186rem;
    height: auto;
    min-height: unset; }
    .productView-options .form-action.form-wishlist .button .icon {
      width: 10px;
      height: 10px; }
  .productView-options .form-action.form-wishlist .dropdown-menu .button {
    padding: .85714rem 1.586rem; }

.wishlist--wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; }
  .wishlist--wrap .form-action.form-wishlist {
    margin-bottom: 0;
    width: auto; }
    .wishlist--wrap .form-action.form-wishlist .button {
      display: flex;
      align-items: center;
      font-size: 14px;
      padding: 0.857rem 2.186rem;
      height: auto;
      min-height: unset; }
      .wishlist--wrap .form-action.form-wishlist .button .icon {
        width: 10px;
        height: 10px; }
    .wishlist--wrap .form-action.form-wishlist .dropdown-menu .button {
      padding: .85714rem 1.586rem; }
    .wishlist--wrap .form-action.form-wishlist #wishlist-dropdown.is-open {
      padding-right: 0; }

.ProductInfo {
  margin: 0 0 5rem; }
  .ProductInfo .FullTwoColumnWrap.white-bg {
    background-color: #fff; }
  .ProductInfo .FullTwoColumnWrap.geray-bg {
    background-color: #E6E6E4; }
  .ProductInfo .FullTwoColumnWrap.blue-bg {
    background-color: #f8f8f8; }
  .ProductInfo .FullTwoColumnWrap.green-bg {
    background-color: #f3f9f7; }
    .ProductInfo .FullTwoColumnWrap.green-bg .ContentWrap .ContentInfo a.button {
      background-color: transparent;
      color: #005b61;
      border-color: #005b61; }
      .ProductInfo .FullTwoColumnWrap.green-bg .ContentWrap .ContentInfo a.button:hover {
        background-color: #005b61;
        color: #fff; }
  .ProductInfo .FullTwoColumnWrap.product-shippin-details .ContentWrap {
    min-height: 320px; }
    @media (min-width: 992px) {
      .ProductInfo .FullTwoColumnWrap.product-shippin-details .ContentWrap {
        min-height: 400px; } }
    .ProductInfo .FullTwoColumnWrap.product-shippin-details .ContentWrap .ContentInfo {
      max-width: 650px; }
  .ProductInfo .FullTwoColumnWrap.dark-geray-bg {
    background-color: #818386; }
    .ProductInfo .FullTwoColumnWrap.dark-geray-bg .ContentWrap .ContentInfo h2, .ProductInfo .FullTwoColumnWrap.dark-geray-bg .ContentWrap .ContentInfo p {
      color: #fff; }
  .ProductInfo .FullTwoColumnWrap .ContentWrap {
    align-items: center;
    justify-content: center; }
    .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo {
      padding: 0;
      align-items: center;
      text-align: center; }
      .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo h2 {
        color: #3f609f;
        font-family: niveau-grotesk;
        font-weight: 400;
        font-size: 40px;
        line-height: 4rem;
        margin: 0 0 1rem;
        text-align: center; }
      .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo p {
        color: #000000;
        font-size: 17px;
        font-weight: 300;
        font-family: niveau-grotesk;
        line-height: 2rem;
        padding: 0 1.4rem;
        max-width: 100%;
        text-align: center; }
      .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo a.button {
        background-color: #fff;
        color: #3f609f;
        border-color: #3f609f;
        font-family: niveau-grotesk;
        font-size: 17px;
        line-height: 30px;
        display: inline-block;
        padding: 12px 20px;
        min-width: 180px;
        text-decoration: none;
        border-radius: 0;
        margin: 0 auto; }
        .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo a.button:hover {
          background-color: #3f609f;
          color: #fff;
          border-color: #3f609f; }
      .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .family-owned-button {
        display: inline-block;
        padding: 12px 20px;
        text-decoration: none;
        border-radius: 0;
        background-color: #fff;
        color: #3f609f;
        border: 1px solid #3f609f; }
        .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .family-owned-button:hover {
          color: #fff;
          background-color: #3f609f; }
      .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate {
        width: 100%;
        padding: 0;
        max-width: 425px;
        width: 100%;
        text-align: center; }
        @media (min-width: 992px) {
          .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate {
            padding: 0 1.4rem; } }
        .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate h3 {
          color: #000000;
          font-size: 24px;
          font-family: niveau-grotesk;
          border-top: 1px solid #e5e5e5;
          border-bottom: 1px solid #e5e5e5;
          display: block;
          margin: 0;
          line-height: 2rem;
          padding: .5rem 1.4rem; }
          @media (min-width: 992px) {
            .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate h3 {
              font-size: 30px;
              line-height: 3rem;
              padding: 0.5rem 0; } }
          .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate h3 span {
            color: #3f609f; }
        .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate ul {
          color: #000000;
          column-count: 2;
          list-style: inside;
          text-align: left;
          margin: 1rem 0 0;
          padding: 0 1.4rem; }
          @media (min-width: 992px) {
            .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate ul {
              padding: 0; } }
          .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate ul li {
            font-size: 17px;
            font-weight: 400; }
  .ProductInfo .FullTwoColumnWrap .ColumnWrap.ImageWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .ProductInfo.tacori-style .ContentWrap {
    align-items: center; }
    .ProductInfo.tacori-style .ContentWrap .ContentInfo h2 {
      color: #000c7c;
      font-family: Montserrat,Arial,Helvetica,sans-serif; }
    .ProductInfo.tacori-style .ContentWrap .ContentInfo .Tacori-Logo {
      margin: 0 0 2rem; }
    .ProductInfo.tacori-style .ContentWrap .ContentInfo a.button {
      background-color: #fff;
      color: #000c7c;
      border-color: #000c7c; }
      .ProductInfo.tacori-style .ContentWrap .ContentInfo a.button:hover {
        background-color: #000c7c;
        color: #fff;
        border-color: #000c7c; }
    .ProductInfo.tacori-style .ContentWrap .ContentInfo .ProductShippingEstimate h3 span {
      color: #000c7c; }
  .ProductInfo.gabriel-ny .full-bg-content {
    display: block;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 1rem 0;
    overflow: hidden; }
    .ProductInfo.gabriel-ny .full-bg-content .ImageWrap {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    .ProductInfo.gabriel-ny .full-bg-content .ContentWrap {
      align-items: flex-start;
      margin: 1% 0 0 8%;
      justify-content: flex-start; }
      .ProductInfo.gabriel-ny .full-bg-content .ContentWrap .ContentInfo {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 1.5rem 3rem;
        width: 664px; }
        .ProductInfo.gabriel-ny .full-bg-content .ContentWrap .ContentInfo h2 {
          margin: 0 0 20px; }
        .ProductInfo.gabriel-ny .full-bg-content .ContentWrap .ContentInfo a {
          margin: 0; }
  .ProductInfo.eventrue-style .ContentWrap {
    align-items: center; }
    .ProductInfo.eventrue-style .ContentWrap .ContentInfo h2 {
      color: #005b61; }
    .ProductInfo.eventrue-style .ContentWrap .ContentInfo a.button {
      background-color: #fff;
      color: #005b61;
      border-color: #005b61; }
      .ProductInfo.eventrue-style .ContentWrap .ContentInfo a.button:hover {
        background-color: #005b61;
        color: #fff;
        border-color: #005b61; }
    .ProductInfo.eventrue-style .ContentWrap .ContentInfo .ProductShippingEstimate h3 span {
      color: #005b61; }

.charles_colvard_warranty_card {
  text-align: center; }
  .charles_colvard_warranty_card a {
    display: inline-block;
    text-align: center;
    margin: 3rem 0;
    padding: 0 2rem;
    text-decoration: none; }
    .charles_colvard_warranty_card a span.CCViewWarrantyCard {
      max-width: 329px;
      width: 100%;
      display: inline-block;
      text-align: center; }
      .charles_colvard_warranty_card a span.CCViewWarrantyCard img {
        display: block;
        width: auto; }
    .charles_colvard_warranty_card a span.CCViewWarrantyButton {
      background-color: #fff;
      color: #3f609f;
      border-radius: 0;
      border: 1px solid #3f609f;
      display: block;
      line-height: 1.4rem;
      width: 100%;
      padding: 10px;
      margin: .5rem 0 1rem;
      letter-spacing: 3px;
      text-transform: uppercase; }

#modalChangesForm {
  box-shadow: 0 0 30px #000;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 775px; }
  #modalChangesForm.modal {
    left: 50%; }
  #modalChangesForm .modal-content p {
    margin-bottom: 15px; }
  #modalChangesForm .modal-content .product-contact-modal {
    padding: 0 2.25rem 2.25rem; }
    #modalChangesForm .modal-content .product-contact-modal .product-contact-modal__content {
      text-align: center;
      color: #818386;
      font-size: 17px;
      line-height: 1.2rem; }
    #modalChangesForm .modal-content .product-contact-modal .product-contact-modal__content.modal-contact {
      padding: 0; }
      @media (min-width: 801px) {
        #modalChangesForm .modal-content .product-contact-modal .product-contact-modal__content.modal-contact {
          padding: 0 5rem; } }
      #modalChangesForm .modal-content .product-contact-modal .product-contact-modal__content.modal-contact a {
        text-decoration: none;
        color: #3f609f; }
  #modalChangesForm .modal-content .hbspt-form iframe {
    width: 100% !important; }

#modalSizingGuideForm {
  overflow-y: scroll;
  overflow-x: hidden; }
  #modalSizingGuideForm .modal-content .product-contact-modal {
    padding: 0; }
    @media (min-width: 801px) {
      #modalSizingGuideForm .modal-content .product-contact-modal {
        padding: 1rem 2rem; } }
    #modalSizingGuideForm .modal-content .product-contact-modal .container {
      padding: 1.5rem; }
      #modalSizingGuideForm .modal-content .product-contact-modal .container div[class*='col-'] {
        padding: 0 0 30px; }
        @media (min-width: 801px) {
          #modalSizingGuideForm .modal-content .product-contact-modal .container div[class*='col-'] {
            padding: 15px; } }
        @media (min-width: 1261px) {
          #modalSizingGuideForm .modal-content .product-contact-modal .container div[class*='col-'] {
            padding: 0 15px; } }
      #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent h3 {
        font-family: abril-text;
        font-size: 32px;
        line-height: 1.4em;
        color: #3F3F3F;
        letter-spacing: 0;
        margin: 0 0 .76471rem; }
        #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent h3:after {
          content: "";
          display: block;
          width: 80px;
          height: 2px;
          background: #3E609F;
          margin-top: 20px; }
      #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent p {
        margin-bottom: 20px;
        font-weight: 300; }
      #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent a {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: 300;
        letter-spacing: 1px;
        padding: 10px;
        line-height: 1.4em;
        text-decoration: none; }
        #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent a.DownloadRingSizingGuide {
          background: #3E609F;
          color: #fff;
          margin-bottom: 10px; }
        #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerContent a.ReadMoreTips {
          background: #E6E6E4; }
      #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm {
        border: 1px solid #CDCDCD;
        padding: 30px; }
        #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent {
          text-align: center;
          margin-bottom: 0; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent h3 {
            background-image: url(https://cdn3.bigcommerce.com/s-gh1go5da/content/img/ring_sizer_metter_icon.png);
            background-size: 240px;
            background-repeat: no-repeat;
            background-position: top center;
            padding-top: 88px;
            font-size: 32px;
            font-family: abril-text;
            line-height: 1.4em;
            margin: 0 0 20px; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent p {
            font-weight: 300;
            max-width: 420px;
            margin: 0 auto;
            line-height: 1.4em; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .inputs-list {
            list-style: none;
            margin: 0; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hbspt-form {
            margin: 1rem auto 0;
            width: 100%; }
            #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hbspt-form fieldset.form-columns-2 {
              width: 100%;
              max-width: 100%; }
              #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hbspt-form fieldset.form-columns-2 > div:last-child .input {
                margin-right: 0; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hs-input[type="radio"] {
            min-width: auto;
            margin-right: 0.5rem; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hs-input[type="text"], #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hs-input[name="email"], #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent .hs-input[type="tel"] {
            appearance: none;
            background-color: #fff;
            border-color: #ccc;
            color: #666;
            font-size: 1rem;
            font-smoothing: antialiased;
            height: 2.5rem;
            padding: .75rem 1rem;
            transition: border-color .1s ease-out;
            width: 100%;
            border-style: solid;
            border-width: 1px;
            font-family: inherit;
            margin: 0 0 0.4rem; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent label[placeholder="Enter your Ring Style"], #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent label[placeholder="Enter your Gender"] {
            margin: 0.4rem 0;
            display: block;
            font-size: 20px; }
          #modalSizingGuideForm .modal-content .product-contact-modal .container .RingSizerForm .RingSizerFormContent input.hs-button.primary.large {
            margin: 1rem auto 0;
            width: 100%;
            text-transform: uppercase; }

#modalCCViewWarranty {
  text-align: center;
  width: 700px; }
  #modalCCViewWarranty .modal-header-title {
    color: #3f609f;
    font-family: Montserrat,Arial,Helvetica,sans-serif;
    font-size: 30px;
    line-height: 3rem; }
  #modalCCViewWarranty .product-contact-modal {
    padding: 0 2.25rem 2.25rem; }
    #modalCCViewWarranty .product-contact-modal .modal-header-sub-title {
      color: #3f609f;
      font-family: niveau-grotesk;
      font-size: 23px;
      line-height: 2rem;
      margin: 0 0 .76471rem; }
    #modalCCViewWarranty .product-contact-modal .ViewWarranty-contact-modal__content {
      color: #818386;
      font-size: 20px;
      line-height: 2rem;
      margin: 0 0 1.5rem; }

.ProposalRingInfo-wrap {
  background: #fff;
  border: 1px solid #d5d5d5;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  max-width: 470px;
  width: 100%;
  height: auto;
  line-height: 1.4rem;
  padding: 20px;
  margin: 10px;
  box-shadow: 0 1px 6px rgba(213, 213, 213, 0.8);
  z-index: 999; }
  .ProposalRingInfo-wrap.is-open:after, .ProposalRingInfo-wrap.is-open:before {
    width: 0;
    content: "";
    display: block;
    position: absolute; }
  .ProposalRingInfo-wrap.is-open:before {
    border: 10px inset;
    height: 0;
    border-color: transparent transparent #e8e8e8;
    border-bottom-style: solid;
    bottom: 100%;
    left: auto;
    right: 9px; }
  .ProposalRingInfo-wrap.is-open:after {
    border: 8px inset;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    bottom: 100%;
    left: auto;
    right: 11px; }
  .ProposalRingInfo-wrap.is-open .ProposalRingInfo-content h3 {
    color: #3f609f;
    margin: 0 0 1rem; }
  .ProposalRingInfo-wrap.is-open .ProposalRingInfo-content p {
    margin: 0 0 1rem; }

.ProposalRingInfo-wrap, .diamond-option-content-wrap {
  max-width: 470px;
  width: 100%;
  height: auto;
  line-height: 1.4rem;
  background: #fff;
  margin: 3px 0 0;
  box-shadow: 0 1px 6px rgba(213, 213, 213, 0.8);
  border: 1px solid #d5d5d5;
  font-family: Montserrat,Arial,Helvetica,sans-serif; }
  .ProposalRingInfo-wrap.is-open[x-placement="top-end"]:after, .diamond-option-content-wrap.is-open[x-placement="top-end"]:after {
    border: 8px inset;
    border-color: #fff transparent transparent;
    border-bottom-style: solid;
    top: 100%;
    left: auto;
    right: 11px;
    bottom: inherit; }
  .ProposalRingInfo-wrap.is-open[x-placement="top-end"]:before, .diamond-option-content-wrap.is-open[x-placement="top-end"]:before {
    border: 10px inset;
    height: 0;
    border-color: #e8e8e8 transparent transparent;
    border-bottom-style: solid;
    top: 100%;
    left: auto;
    right: 9px;
    bottom: inherit; }
  .ProposalRingInfo-wrap > span, .diamond-option-content-wrap > span {
    display: block;
    height: 100%; }
    .ProposalRingInfo-wrap > span .close-option-content, .diamond-option-content-wrap > span .close-option-content {
      display: none; }
    .ProposalRingInfo-wrap > span > span, .diamond-option-content-wrap > span > span {
      display: block;
      height: 100%; }
      .ProposalRingInfo-wrap > span > span.diamond-option-name, .diamond-option-content-wrap > span > span.diamond-option-name {
        font-size: 17px;
        font-weight: 300;
        padding: 20px;
        line-height: 1.7rem; }
        .ProposalRingInfo-wrap > span > span.diamond-option-name span, .diamond-option-content-wrap > span > span.diamond-option-name span {
          color: #3f609f;
          font-weight: 500;
          font-size: 18px; }
      .ProposalRingInfo-wrap > span > span.diamond-option-detail.light-blue, .diamond-option-content-wrap > span > span.diamond-option-detail.light-blue {
        background: #f8f8f8; }
      .ProposalRingInfo-wrap > span > span.diamond-option-detail.light-green, .diamond-option-content-wrap > span > span.diamond-option-detail.light-green {
        background: #ecf6f2; }
      .ProposalRingInfo-wrap > span > span.diamond-option-detail.light-gray, .diamond-option-content-wrap > span > span.diamond-option-detail.light-gray {
        background: #f3f3f3; }
      .ProposalRingInfo-wrap > span > span.diamond-option-detail > p, .diamond-option-content-wrap > span > span.diamond-option-detail > p {
        font-family: Montserrat,Arial,Helvetica,sans-serif;
        padding: 20px; }
      .ProposalRingInfo-wrap > span > span.diamond-option-detail .diamond-option-box-wrap, .diamond-option-content-wrap > span > span.diamond-option-detail .diamond-option-box-wrap {
        display: block;
        text-align: center;
        padding: 0 0 10px; }
        .ProposalRingInfo-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box, .diamond-option-content-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box {
          display: inline-block;
          max-width: 120px;
          width: 100%;
          text-align: center;
          margin: 0 auto; }
          .ProposalRingInfo-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box img, .diamond-option-content-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box img {
            max-width: 85px;
            display: block;
            margin: 0 auto 3px; }
          .ProposalRingInfo-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box p, .diamond-option-content-wrap > span > span.diamond-option-detail .diamond-option-box-wrap .diamond-option-box p {
            font-size: 12px;
            line-height: 1.1rem;
            margin: 0 auto;
            padding: 0; }
      .ProposalRingInfo-wrap > span > span.diamond-option-logo-detail, .diamond-option-content-wrap > span > span.diamond-option-logo-detail {
        padding: 20px;
        text-align: center; }
        .ProposalRingInfo-wrap > span > span.diamond-option-logo-detail .diamond-option-logo, .diamond-option-content-wrap > span > span.diamond-option-logo-detail .diamond-option-logo {
          display: block;
          max-width: 360px;
          margin: 0 auto 10px; }

.ProposalRingInfo-wrap.is-open:before, .ProposalRingInfo-wrap.is-open:after, .ProposalRingInfo-wrap.is-open:before, .ProposalRingInfo-wrap.is-open:after, .diamond-option-content-wrap.is-open:before, .diamond-option-content-wrap.is-open:after, .diamond-option-content-wrap.is-open:before, .diamond-option-content-wrap.is-open:after {
  width: 0;
  content: "";
  display: block;
  position: absolute; }

#modalSharingForm .modal-sharing__content {
  padding: 1rem; }
  #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item {
    display: block;
    text-align: center;
    width: 100%; }
    #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item a {
      border-top: .1rem solid #d5d5d5;
      padding: 1.5rem 0;
      width: 100%;
      height: auto;
      transform: none;
      display: flex;
      align-items: center;
      justify-content: center; }
      #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item a:focus:after, #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item a:focus:before {
        display: none; }
      #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item a svg {
        width: 20px;
        height: 20px;
        margin-right: 0.3rem; }
      #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item a span {
        color: #323232;
        font-size: 17px;
        margin: 0;
        overflow: visible;
        height: auto;
        position: unset;
        display: block;
        width: auto; }
    #modalSharingForm .modal-sharing__content .socialLinks .socialLinks-item:first-child a {
      border-top: 0; }

#modalSharingForm .modal-header-title {
  margin: 1rem 2.25rem 1rem 2.63235rem;
  color: #3f609f;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 25px;
  line-height: 2rem;
  padding: 20px 0;
  text-transform: none; }

.socialLinks .socialLinks-item.socialLinks-item--google_plusone {
  display: none; }

.socialLinks-item {
  width: 16%; }

.productView-description .tabs-contents .tab-content .container.container.payments-tab .payments-content > p,
.productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content p {
  font-size: 17px; }

.StepDesignWrap .pointer_main {
  margin: .5rem 0 1.5rem; }

.body_product .what-you-get-wrapper .heading-purchase {
  font-size: 30px;
  padding: 0px 30px;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .body_product .what-you-get-wrapper .heading-purchase {
      font-size: 45px;
      padding: 50px 20px 150px;
      text-transform: capitalize; } }

.body_product .what-you-get-detail .bottom-detail {
  font-size: 22px; }

@media only screen and (min-width: 801px) {
  .productView-details ~ .productView-details {
    max-width: 100%;
    width: 45%; }
  .productView-description .tabs-contents .tab-content .container.payments-tab .payments-content p {
    padding: 0 20%; } }

@media only screen and (min-width: 1600px) {
  .productView-details {
    padding: 0 0 0 70px; }
  .productView-details .productView-product .productView-title {
    font-size: 32px;
    line-height: 3rem; }
  .productView__metal-title {
    font-size: 21px;
    line-height: 1.6rem; }
  .productView-details .BandsProShortDesc p {
    font-size: 19px;
    line-height: 1.8rem;
    font-weight: 400; }
  .productView-details #afffirm-promo-box, .productView-details .affirm-content {
    font-size: 21px; }
  .productView-options .metal-type .form-option.form-option-swatch,
  .productView-options div[class*="center-gemstone"] .form-option.form-option-swatch {
    min-height: 48px; }
  .productView-options .form-action #form-action-addToCart, .productView-options .form-action .button,
  .productView-options.reversed-button a, div.data-product-option-change > div::before {
    font-size: 21px; }
  .productView-options .form-action #form-action-addToCart, .productView-options .form-action .button {
    min-height: 60px; }
  div[data-product-attribute="set-rectangle"] .form-option-variant {
    font-size: 18px;
    padding: 0;
    min-height: 50px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .productView-details .productView-price .price-section--withoutTax .price--withoutTax {
    font-size: 42px; }
  .productView-details .productView-price .price-section--withoutTax.rrp-price--withoutTax .price.price--rrp {
    font-size: 38px; }
  #modalChangesForm .modal-content .product-contact-modal .product-contact-modal__content {
    font-size: 21px;
    line-height: 1.6rem; }
  div.data-product-option-change > div.form-field[class*="center-gemstone"] .form-option.form-option-swatch,
  div.data-product-option-change > div.center-gemstone .form-option.form-option-swatch,
  div.data-product-option-change > div.center-gemstone-oval .form-option.form-option-swatch,
  div.data-product-option-change > div.center-gemstone-pear-shape .form-option.form-option-swatch,
  div.data-product-option-change > div.center-gemstone-oval-cut .form-option.form-option-swatch,
  div.data-product-option-change > div.center-gemstone-emerald-cut .form-option.form-option-swatch {
    min-height: 48px; }
  div.data-product-option-change > div .OptionsWrap .form-option-variant.form-option-variant--color, div.data-product-option-change > div .OptionsWrap .form-option-variant.form-option-variant--pattern {
    height: 28px;
    width: 28px;
    min-width: 28px;
    background-position: center top 2px; }
  div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label {
    font-size: 25px; }
  div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-variant-wrap .option-variant-label span {
    display: inline-block;
    width: auto;
    min-width: 80px;
    text-align: right; }
  .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate {
    max-width: 680px; }
  .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo h2 {
    font-size: 45px; }
  .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo p {
    font-size: 20px;
    padding: 0 1.4rem; }
  .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo .ProductShippingEstimate ul li {
    font-size: 20px;
    font-weight: 300;
    line-height: 2.6rem; }
  div.data-product-option-change > div.form-field-ring-size .form-option .form-option-variant {
    font-size: 18px;
    min-height: 42px; }
  .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p {
    line-height: 1.5rem;
    font-size: 21px; }
  .product-order-shipping-contect .product-order-shipping-wrap .product-order-content p.order-by-content {
    font-size: 20px;
    font-weight: 300; }
  .product-order-shipping-contect .product-order-shipping-wrap .order-by-FasterLink a {
    font-size: 21px; }
  .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span {
    font-size: 20px;
    line-height: 1.3rem; }
  .product-order-shipping-contect .product-order-contact-wrap .contact-schedule-box a span.schedule-box-desc {
    font-size: 17px; }
  div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch {
    min-height: 54px; }
  div.data-product-option-change > div.proposal-ring .OptionsWrap .form-radio:checked + .form-option-swatch .form-option-expanded .form-option-image,
  div.data-product-option-change > div.proposal-ring .OptionsWrap .form-option.form-option-swatch .form-option-expanded .form-option-image {
    height: 167px;
    width: 167px; }
  .productView-description .tabs-contents .tab-content p {
    font-size: 19px;
    line-height: 1.8rem; }
  #modalSharingForm .modal-header-title {
    font-size: 33px;
    line-height: 2.2rem; }
  .productView-description .tabs.container {
    padding: 0 5%;
    max-width: 1700px; } }

@media only screen and (min-width: 1260px) {
  .StepDesignWrap .pointer_main .pointer_shape.StepHeading br {
    display: none; } }

@media only screen and (max-width: 1199px) {
  .ProductInfo .FullTwoColumnWrap .ContentWrap .ContentInfo p {
    padding: 0 1.4rem; } }

@media only screen and (max-width: 991px) {
  .productView-details {
    padding: 0; }
  .product-images-wrapper .product-images-container {
    margin: 0 auto;
    width: 100%;
    float: none;
    min-width: auto; }
  .productView-description ul.tabs {
    display: none; }
  .productView-description .tabs-contents {
    min-height: auto; }
    .productView-description .tabs-contents .headingTabContent {
      display: block;
      color: #b6b6b6;
      background: #fff;
      margin: 0;
      padding: 10px;
      font-weight: 500;
      font-size: 17px;
      border: 1px solid #e6e6e4;
      cursor: pointer;
      position: relative;
      margin-bottom: 0.6rem; }
      .productView-description .tabs-contents .headingTabContent:after, .productView-description .tabs-contents .headingTabContent.is-open::after {
        content: "";
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        right: 18px;
        top: 18px; }
      .productView-description .tabs-contents .headingTabContent:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 491.86 491.86'%3E%3Cpath d='M465.167,211.614H280.245V26.691c0-8.424-11.439-26.69-34.316-26.69s-34.316,18.267-34.316,26.69v184.924H26.69C18.267,211.614,0,223.053,0,245.929s18.267,34.316,26.69,34.316h184.924v184.924c0,8.422,11.438,26.69,34.316,26.69s34.316-18.268,34.316-26.69V280.245H465.17c8.422,0,26.69-11.438,26.69-34.316S473.59,211.614,465.167,211.614z' fill='%233f609f' /%3E%3C/svg%3E"); }
      .productView-description .tabs-contents .headingTabContent.is-open::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 491.858 491.858'%3E%3Cpath d='M465.167,211.613H240.21H26.69c-8.424,0-26.69,11.439-26.69,34.316s18.267,34.316,26.69,34.316h213.52h224.959c8.421,0,26.689-11.439,26.689-34.316S473.59,211.613,465.167,211.613z' fill='%233f609f' /%3E%3C/svg%3E"); }
      .productView-description .tabs-contents .headingTabContent.is-open {
        color: #000000; }
    .productView-description .tabs-contents .tab-content.is-active {
      padding: 0 0 1.5em; }
    .productView-description .tabs-contents .tab-content .container.container.payments-tab .payments-content > p {
      padding: 0; }
    .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner p {
      font-size: 14px;
      line-height: 1.8rem; }
    .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap {
      flex-direction: column; }
      .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content {
        padding: 0; }
        .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-content p {
          margin: 0 0 1rem; }
      .productView-description .tabs-contents .tab-content .container.payments-tab .financing-content-wrap .financing-learnmore {
        width: 100%; }
  .ProductInfo .FullTwoColumnWrap {
    flex-direction: column-reverse; }
    .ProductInfo .FullTwoColumnWrap.product-shippin-details {
      flex-direction: column; }
    .ProductInfo .FullTwoColumnWrap .ColumnWrap.ImageWrap {
      padding: 0 1.5rem; }
    .ProductInfo .FullTwoColumnWrap .ColumnWrap.ContentWrap {
      padding: 1rem; }
      .ProductInfo .FullTwoColumnWrap .ColumnWrap.ContentWrap .ContentInfo h2 {
        font-size: 30px;
        line-height: 3rem; }
      .ProductInfo .FullTwoColumnWrap .ColumnWrap.ContentWrap .ProductShippingEstimate ul li {
        font-size: 14px; }
  .product-order-shipping-contect {
    display: none; }
    .product-order-shipping-contect.mobile-view {
      display: block; }
      .product-order-shipping-contect.mobile-view .product-order-shipping-wrap {
        margin: 2rem auto; }
  #modalSizingGuideForm .modal-content .product-contact-modal .container {
    display: flex;
    flex-direction: column-reverse; }
  .product-images-wrapper .product-images-container {
    width: 80%;
    float: right; }
  .productView-description .tabs-contents .tab-content .container.description-tab .row,
  .productView-description .tabs-contents .tab-content .container.description-tab .row:last-child {
    border-top: 0; }
  .productView-description .tabs-contents .tab-content .container.description-tab .custom-field--content {
    border-right: 0; }
  .productView-description .tabs-contents .tab-content .container.shipping-returns-tab .product-banner p {
    margin-bottom: 10px;
    padding: 0 10px;
    line-height: 1.3rem; }
  .ProductInfo.gabriel-ny .full-bg-content {
    display: flex; }
  .ProductInfo.gabriel-ny .full-bg-content .ContentWrap .ContentInfo {
    width: 100%;
    max-width: 100%;
    padding: 20px 0; }
  .ProductInfo.gabriel-ny .full-bg-content .ImageWrap {
    position: relative; }
  .ProductInfo.gabriel-ny .full-bg-content .ContentWrap {
    min-height: auto; } }

@media only screen and (max-width: 800px) {
  #ProMainViewGallery {
    float: none;
    width: 100%;
    margin: 1.5rem auto 0; }
  .productView-images {
    margin-bottom: 0;
    padding-top: 0; }
  .productView-images .AddToWishlistWrap {
    top: 3rem;
    right: 1rem; }
  #listOfPopup {
    padding: 0 20px; }
  #ProMainViewGallery .productView-thumbnail > .productView-thumbnail-link {
    display: inline-block;
    height: 100%;
    max-width: 100%;
    padding: 2px;
    position: relative;
    text-align: center;
    width: 100%; }
  .product-images-wrapper .productView-thumbnails:not(.ProThumbIncreased) div {
    height: auto !important;
    margin: 0 auto; }
  .product-images-wrapper .product-images-container {
    width: 100%;
    float: none; } }

@media only screen and (max-width: 799px) and (min-width: 768px) {
  .productView-thumbnail {
    width: 25% !important; } }

#DropHintPopup #DropHintPopupWrap {
  background: #d6e5ef;
  box-sizing: border-box;
  height: auto;
  left: 50%;
  max-width: 600px;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -42%);
  width: 100%;
  z-index: 999; }
  #DropHintPopup #DropHintPopupWrap .DropHintPopupClose {
    align-items: center;
    background: #3b548a;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 21px;
    height: 25px;
    justify-content: center;
    padding: 1.2rem;
    position: absolute;
    text-align: center;
    top: 10px;
    right: 10px;
    width: 25px;
    z-index: 999; }
  #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner {
    padding: 84px 75px 0px 75px;
    position: relative; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupHeader {
      background-image: url(https://cdn3.bigcommerce.com/s-gh1go5da/content/img/popup_email_icon.png);
      background-color: #fff;
      width: 130px;
      height: 130px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      border-radius: 50%;
      position: absolute;
      top: -65px;
      left: 50%;
      margin-left: -65px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupText h3 {
      font-size: 38px;
      text-transform: uppercase;
      font-family: abril-text;
      color: #444; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupText p {
      font-weight: 300;
      font-size: 15px;
      color: #515151;
      line-height: 1.4em;
      max-width: 334px;
      margin: 0px auto 10px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .clear-form {
      margin-left: -5px;
      margin-right: -5px; }
      #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .clear-form:before, #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .clear-form:after {
        content: "";
        display: table;
        clear: both; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .form-group {
      margin-bottom: 10px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm input[type="text"], #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm input[type="email"], #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm textarea {
      color: #909090;
      font-weight: 300;
      border: 0;
      font-size: 12px;
      height: 35px;
      padding: 10px 15px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm textarea {
      width: 100%;
      line-height: 1.4em; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #DropHintTo input {
      width: 100%; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #DropHintNameFrom div {
      float: left;
      width: 50%;
      padding: 0 5px; }
      #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #DropHintNameFrom div input {
        width: 100%; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .DropHintSpecialOffers {
      text-align: left; }
      #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .DropHintSpecialOffers label[for="DropHintMe"] {
        color: #505050;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.85em;
        padding-left: 24px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #send, #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm button[id*="send"] {
      font-family: 'niveau-grotesk';
      background: #3F609E;
      color: #fff;
      width: 100%;
      display: block;
      padding: 15px;
      font-size: 18px;
      font-weight: 900; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #msg.invalidError, #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .RecevedMessage.invalidError {
      border: 1px solid #d20707;
      color: #d20707;
      margin-bottom: 20px;
      font-weight: 300;
      text-transform: capitalize;
      font-size: 14px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm #msg.successMsg, #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .RecevedMessage.successMsg {
      border: 1px solid green;
      color: green;
      margin-bottom: 20px;
      font-weight: 300;
      text-transform: capitalize;
      font-size: 14px; }
    #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .has-error input[type="text"], #DropHintPopup #DropHintPopupWrap #DropHintPopupWrapInner .DropHintPopupForm .has-error input[type="email"] {
      border: 1px solid red;
      box-shadow: 0 0 2px red; }
  #DropHintPopup #DropHintPopupWrap .DropHintPopupNote {
    color: #505050;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 300;
    max-width: 500px;
    margin: 20px auto 25px; }
    #DropHintPopup #DropHintPopupWrap .DropHintPopupNote a {
      color: #3F609E;
      font-weight: 400; }

#DropHintPopup #DropHintPopupOverlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }

.shareURL {
  width: 100%;
  border: 1px solid #fff;
  background-color: #f0f0f0;
  height: 3.5rem;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  line-height: 1;
  display: block;
  font-size: 20px; }

.BlogCarousel.slick-slider {
  margin: 0; }

.BlogOuter {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }

.blog {
  width: 100%;
  margin-bottom: 30px;
  border: 2px solid #E6E6E4; }

.blog .blog-header {
  height: 70px;
  margin-bottom: 10px;
  overflow: hidden; }

.blog-header .blog-title {
  margin: 0;
  text-align: left;
  font-size: 22px;
  line-height: 32px; }

.blog-header .blog-title a {
  color: #3E3E3E; }

.blog .blog-thumbnail::after {
  display: none; }

.blog .blog-post-figure {
  width: 100%;
  position: relative; }

.blog .blog-thumbnail {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.blog-thumbnail a {
  width: 100%;
  min-height: 220px;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.blog .blog-post-body {
  width: auto;
  margin: 40px 20px 20px; }

.blog .blog-post {
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
  color: #818386;
  line-height: 1.6rem; }

.blog .blog-post a {
  display: block;
  text-transform: uppercase;
  color: #3F609F;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 400; }

.blog .blog-post a:hover {
  opacity: 0.7; }

.DateTags {
  display: block;
  text-align: left;
  min-height: 50px;
  line-height: 16px; }

.DateTags .tags {
  margin: 0;
  text-align: left; }

.tag.post-date {
  border-right: 1px solid #ACAEA8;
  padding-right: 8px;
  margin-right: 8px; }

.DateTags ul li.tag {
  display: inline-block;
  font-size: 15px;
  color: #ACAEA8;
  font-weight: 400;
  line-height: 18px; }

.DateTags .tags .tag a {
  padding: 0 5px;
  color: #ACAEA8;
  line-height: inherit;
  font-size: inherit;
  text-transform: capitalize; }

.blog-subscribe-wrapper {
  background-color: #F1E8E8;
  padding: 30px;
  margin: 0 0 30px; }

.blog-subscribe-inner {
  border: 3px solid #fff;
  padding: 0 20px; }

.blog-subscribe-head {
  padding-top: 80px;
  padding-bottom: 30px; }

.blog-subscribe-head img {
  width: 95px;
  margin: 0 auto;
  display: block; }

.blog-subscribe-head h3 {
  text-align: center;
  padding-top: 20px;
  color: #3E3E3E;
  font-weight: 400;
  font-size: 26px;
  line-height: 35px;
  margin: 0; }

.blog-subscribe-content p {
  margin: 0;
  text-align: center;
  color: #575757;
  font-size: 17px;
  margin-bottom: 20px; }

.blog-subscribe-form {
  padding-bottom: 40px; }

.blog-newsletter__wrapper {
  display: block; }

.blog-newsletter__form-input, .hs_email.hs-email .input > input {
  display: block;
  color: #575757;
  font-weight: 400;
  border-radius: 0;
  border: none;
  margin-bottom: 10px;
  height: 3rem;
  width: 100%;
  padding: 10px 20px; }

.blog-newsletter__button-input, .hs-button.primary.large {
  display: block;
  height: 3rem;
  background-color: #3f609f;
  width: 100%;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 17px;
  text-align: center; }

.blog-subscribe-form .form,
.blog-subscribe-form .form-field {
  margin: 0; }

.BlogCarousel,
.BlogCarousel .heroCarousel-slide {
  /*height: 45vw;*/
  height: 450px; }

.BlogCarousel .heroCarousel-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.BlogCarousel .blog-featuredpost-wrapper {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5); }

.BlogCarousel .blog-featuredpost-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%; }

.BlogCarousel .blog-featured-post {
  margin: 0;
  text-align: center;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px; }

.BlogCarousel .blog-featuredpost-readmore {
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #3F609F;
  padding: 10px 25px;
  text-transform: uppercase;
  line-height: 1.4rem;
  margin: 0 auto; }

.BlogCarousel .blog-featuredpost-title {
  display: block;
  font-weight: 500;
  color: #fff;
  font-family: centaur;
  font-size: 48px;
  margin: 0 0 20px;
  line-height: 65px;
  letter-spacing: -.5px;
  text-align: center; }

.Single-photogallery-Carousel .slick-arrow.slick-prev {
  left: 20%;
  z-index: 99; }

.Single-photogallery-Carousel .slick-arrow.slick-next {
  right: 20%;
  z-index: 99; }

.slide-img-box.slick-slide.slick-current.slick-active.slick-center {
  opacity: 1; }

.slide-img-box.slick-slide.slick-cloned, .slide-img-box.slick-slide {
  opacity: .2; }

.BlogCarousel .slick-prev:focus, .BlogCarousel .slick-next:focus {
  background-color: transparent; }

.BlogCarousel .slick-dots {
  bottom: 10px; }

.BlogCarousel .slick-dots li button {
  background: #CBCACB;
  border-color: #fff; }

.BlogCarousel .slick-dots li.slick-active button::before {
  background: #fff; }

.BlogCarousel .slick-dots li button:hover::before {
  background: #FFFFFF; }

.Single-photogallery-Carousel img {
  margin: 0 auto; }

.BlogPagination {
  margin: 40px 0; }

.BlogPagination .pagination-item .pagination-link {
  color: #9e9b9a;
  padding: 10px 15px; }

.BlogPagination .pagination-list .pagination-item.pagination-item--current {
  border-color: #3C6BB4;
  border-radius: 0; }

.BlogPagination .pagination-list .pagination-item {
  border-color: #E6E6E4; }

.BlogPagination .pagination-item.pagination-item--next .icon,
.BlogPagination .pagination-item.pagination-item--previous .icon {
  display: none; }

#blog-nav {
  background: #EBF2F7; }

.blog-nav-wrap > ul {
  list-style: none;
  margin: 0;
  padding: 15px 0 0; }

.blog-nav-wrap > ul > li {
  display: inline-block;
  vertical-align: middle;
  min-width: 110px; }

.blog-nav-wrap > ul > li > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/product_images/uploaded_images/blog-tags-icon.png);
  background-repeat: no-repeat;
  background-position: center left;
  display: block;
  padding: 20px 20px 20px 44px;
  text-decoration: none;
  text-align: center; }

.blog-nav-wrap > ul > li:first-child > a {
  background: none;
  padding: 20px 30px; }

.blog-nav-wrap > ul > li.active:first-child > a,
.blog-nav-wrap > ul > li.active > a {
  background-color: #fff; }

.blog-nav-wrap > ul > li.ProposalStories-Tag > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-proposal-stories.svg);
  background-size: 30px;
  background-position: center left 6px; }

.blog-nav-wrap > ul > li.Trends-Tag > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-trends.svg);
  background-size: 30px;
  background-position: center left 6px; }

.blog-nav-wrap > ul > li.Tips_Tag > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-tips.svg);
  background-size: 34px;
  background-position: top 16px left 6px; }

.blog-nav-wrap > ul > li.Diamonds-Tags > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-diamonds.svg);
  background-size: 30px;
  background-position: center left 6px; }

.blog-nav-wrap > ul > li.News-Tags > a {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-news.svg);
  background-size: 28px;
  background-position: center left 7px; }

.blog .blog-post-figure > .thumbnail-tag {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/product_images/uploaded_images/blog-tags-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  position: absolute;
  width: 80px;
  height: 80px;
  display: block;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  border-radius: 50%; }

.blog .blog-post-figure > .thumbnail-tag.proposal-stories-tag {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-proposal-stories.svg);
  background-size: 40px; }

.blog .blog-post-figure > .thumbnail-tag.news-tag {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-news.svg);
  background-size: 40px; }

.blog .blog-post-figure > .thumbnail-tag.trends-tag {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-trends.svg);
  background-size: 40px; }

.blog .blog-post-figure > .thumbnail-tag.tips-tag {
  background-image: url(https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/new-tips.svg);
  background-size: 40px; }

.blog .blog-post-figure > .thumbnail-tag.diamonds-tag {
  background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/content/custom_svg/blog/diamonds.svg?");
  background-size: 40px; }

/*****************************************************
					Single Post
******************************************************/
.single-blog-outer {
  margin: 0 0 2rem; }

.single-blog-post {
  background: rgba(255, 255, 255, 0.2); }

.Single-blog-thumbnail {
  height: 450px;
  background-position: center;
  background-size: cover;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  z-index: -1; }

.Single-blog-thumbnail::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -2; }

.single-blog-header {
  width: 100%;
  max-width: 890px;
  margin: 0 auto;
  height: 100%;
  padding: 0 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99; }

.Single-blog-title {
  display: block;
  font-weight: 500;
  color: #fff;
  font-size: 48px;
  margin-bottom: 20px;
  line-height: 65px; }

.single-blog-date {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  display: block;
  font-weight: 300; }

.single-post-author {
  border-left: 2px solid #fff;
  padding-left: 15px;
  margin-left: 15px; }

.single-blog-post-inner,
.about-container,
.single-blog-container,
.join-us-container,
.blog-story-container,
.BlogCmnt-container,
.BlogCarousel .blog-featuredpost-inner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }

.single-blog-post p,
.single-blog-post-body .single-blog-post-inner p {
  font-size: 18px;
  line-height: 2rem;
  color: #818386;
  font-weight: 300;
  margin: 10px 0; }

.single-blog-post p.PostImg {
  text-align: center; }

.PostImg > img {
  width: 100%; }

.single-blog-post-body .single-blog-post-inner .PostIntro p,
.single-blog-post-body .single-blog-post-inner p.PostIntro {
  font-size: 24px;
  line-height: 2.1rem;
  color: #575757; }

.single-blog-post-body .single-blog-post-inner .PostIntro p::first-letter,
.single-blog-post-body .single-blog-post-inner p.PostIntro::first-letter {
  font-size: 65px;
  float: left;
  padding-right: 20px;
  margin-top: 10px; }

.single-blog-post-inner h1,
.single-blog-post-inner h2,
.single-blog-post-inner h3,
.single-blog-post-inner h4,
.single-blog-post-inner h5,
.single-blog-post-inner h6 {
  font-weight: 400;
  margin: 15px 0;
  font-family: centaur; }

.single-blog-post-inner h1 {
  font-size: 36px;
  line-height: 50px; }

.single-blog-post-inner h2 {
  font-size: 22px;
  line-height: 32px; }

.single-blog-post-inner h3 {
  font-size: 28px;
  line-height: 40px; }

.single-blog-post-inner h4 {
  font-size: 16px;
  line-height: 1.6rem; }

.single-blog-post-inner h5 {
  font-size: 24px;
  line-height: 36px; }

.single-blog-post-inner h6 {
  font-size: 22px;
  line-height: 34px; }

.PostIntro {
  margin-bottom: 3rem; }

.SpecialQuat {
  margin: 0 0 3rem; }

.SpecialQuatBox {
  border-left: 1px solid #3F609F;
  color: #3F609F;
  padding-left: 20px;
  font-size: 25px;
  line-height: 2.3rem;
  margin: 2rem 0; }

.TopCallAction {
  background: #F1E8E8;
  padding: 1.5rem;
  margin: 0 0 3rem; }

.TopCallActionBanner {
  border: 1px solid #fff;
  padding: 20px;
  text-align: center;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.TopCallActionBanner > a {
  background: #3E609F;
  display: inline-block;
  color: #fff;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  text-decoration: none; }

/*****************************************************
				Photo Gallery
******************************************************/
.single-blog-container {
  margin: 40px auto 60px; }

.Single-photogallery-Carousel .slick-arrow {
  background: #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  padding: 10px 15px; }

.Single-photogallery-Carousel .slick-next::before, .Single-photogallery-Carousel .slick-prev::before {
  height: 25px;
  width: 20px; }

.Single-photogallery-Carousel .slick-next:focus, .Single-photogallery-Carousel .slick-prev:focus, .Single-photogallery-Carousel .slick-next:hover, .Single-photogallery-Carousel .slick-prev:hover {
  background-color: #fff; }

/*****************************************************
						Join Us
******************************************************/
.join-us-head h2 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 400;
  margin: 15px 0;
  text-transform: capitalize; }

.join-us-banner {
  background: #6e95cb;
  background: -moz-linear-gradient(top, #6e95cb 2%, #6e95cb 7%, #274d93 100%);
  background: -webkit-linear-gradient(top, #6e95cb 2%, #6e95cb 7%, #274d93 100%);
  background: linear-gradient(to bottom, #6e95cb 2%, #6e95cb 7%, #274d93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e95cb', endColorstr='#274d93',GradientType=0 );
  height: 380px;
  margin-top: 60px; }

.join-us-banner-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px; }

.join-us-banner-inner p {
  color: #fff; }

.event-title {
  color: #fff;
  text-transform: capitalize;
  margin: 10px 0;
  font-size: 45px;
  line-height: 55px; }

.join-us-form {
  padding: 50px;
  border: 1px solid #E6E6E4;
  border-top: 0;
  background-color: #FCFCFC;
  margin-bottom: 50px; }

.join-us-form .form-rows input,
.join-us-form #select-time {
  width: 100%;
  display: block;
  height: 40px;
  border: 1px solid #EDECEA;
  padding: 10px 20px;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.4rem; }

/*
.join-us-form .form-rows input:last-child {
	margin: 0;
}
*/
.join-us-form #select-time {
  -moz-appearance: none; }

.join-us-form .form-sumit-btn {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
  background-color: #3C69B6;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  height: 40px;
  font-weight: 300;
  transition: all ease-in-out 0.4s; }

.join-us-form .form-sumit-btn:hover {
  opacity: 0.7;
  transition: all ease-in-out 0.4s; }

/*****************************************************
					Story
******************************************************/
.blog-story-container {
  border-top: 1px solid #E6E6E4;
  border-bottom: 1px solid #E6E6E4;
  padding: 50px 0; }

.blog-story-inner h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  margin: 20px 0 50px 0;
  text-transform: capitalize;
  font-family: centaur;
  text-align: center; }

.story-post-main div[class*="col-"] {
  padding: 0 8px; }

.story-post img {
  display: block;
  width: 100%; }

.story-post-body {
  padding: 15px 0;
  background-color: #fff; }

.story-post-body p {
  font-size: 16px;
  line-height: 24px;
  color: #575757;
  font-weight: 300;
  margin-bottom: 5px;
  text-transform: capitalize; }

.story-post-body .shopNow {
  display: inline;
  color: #3F609F;
  text-decoration: none;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 15px; }

/*****************************************************
					About Author
******************************************************/
.about-inner {
  display: flex;
  flex-direction: row;
  padding: 60px 0;
  border-top: 1px solid #E6E6E4; }

.about-inner > div {
  display: flex;
  flex-direction: column; }

.about-inner > div.blog-author-img {
  margin-right: 30px;
  flex: 2; }

.about-inner > div.blog-author-detail {
  flex: 8; }

.blog-author-img img {
  display: block;
  width: 100%;
  border-radius: 50%; }

.blog-author-detail h3 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 10px 0;
  text-transform: capitalize;
  font-family: centaur; }

.blog-author-detail p, .blog-author-detail a {
  font-size: 18px;
  line-height: 36px;
  color: #575757;
  font-weight: 300; }

.blog-author-detail a {
  color: #3F609F;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
  transition: all ease-in-out .4s; }

.blog-author-detail a:hover {
  opacity: .7;
  transition: all ease-in-out .4s; }

/*****************************************************
					CTA 
******************************************************/
.blog-promo-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 450px;
  display: flex;
  align-items: center; }

.blog-promo-banner-detail {
  width: 100%;
  max-width: 350px;
  background-color: #fff;
  margin-left: 10%;
  padding: 50px 20px 30px 20px;
  text-align: center; }

.blog-promo-banner-detail h3 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 10px;
  text-transform: capitalize;
  font-family: centaur;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #3E3E3E; }

.blog-promo-banner-detail h3::after {
  content: "";
  border: 1px solid #3F609F;
  display: block;
  width: 70px;
  margin: 0 auto;
  margin-top: 15px; }

.blog-promo-banner-detail p {
  font-size: 16px;
  line-height: 24px;
  color: #575757;
  font-weight: 300; }

.blog-promo-banner-detail #promo-learnMore {
  text-align: center;
  padding: 10px 30px;
  background-color: #3C69B6;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 20px 0 10px 0;
  transition: all ease-in-out 0.2s; }

#promo-learnMore:hover {
  opacity: 0.7;
  transition: all ease-in-out 0.4s; }

/*****************************************************
					Comments
******************************************************/
.BlogCmnt-outer {
  border-top: 1px solid #E6E6E4; }

.BlogCmnt-container {
  padding: 50px 0; }

.BlogCmnt-title {
  font-size: 32px;
  line-height: 45px;
  font-weight: 400;
  color: #3E3E3E;
  margin: 15px 0;
  text-transform: capitalize;
  font-family: centaur; }

.Blogcmnt-name {
  margin: 30px 0 10px 0; }

.Blogcmnt-name h5 {
  margin: 15px 0;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  display: inline-block;
  margin: 0; }

.cmnt-time {
  font-size: 15px;
  margin-left: 20px;
  color: #ACAEA8; }

.BlogCmnt-head p {
  font-size: 18px;
  line-height: 36px;
  color: #575757;
  font-weight: 300; }

.BlogCmnt-form {
  margin-top: 30px; }

.BlogCmnt-form .form-rows input,
.BlogCmnt-form .form-rows textarea {
  width: 100%;
  display: inline-block;
  height: 40px;
  border: 1px solid #EDECEA;
  padding: 10px 20px;
  font-size: 18px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-weight: 300; }

/*
.BlogCmnt-form .form-rows input:last-child {
	margin: 0;
}
*/
/*
.BlogCmnt-form .form-rows input.emailaddres {
	width: 100%;
	margin-bottom: 20px;
}
*/
.BlogCmnt-form .form-rows textarea {
  height: 200px; }

.BlogCmnt-form .form-sumit-btn {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
  background-color: #3C69B6;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  height: 40px;
  font-weight: 300;
  transition: all ease-in-out 0.4s; }

.BlogCmnt-form .form-sumit-btn:hover {
  opacity: 0.7;
  transition: all ease-in-out 0.4s; }

/*****************************************************
					Recents
******************************************************/
.recentpost-outer {
  background-color: #D7E6F0;
  margin: 0 0 2rem; }

.recentpost-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.recentpost-container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 70px 0; }

.recentpost-inner h3 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 400;
  margin: 0 0 35px 0;
  text-transform: capitalize;
  font-family: centaur;
  display: block;
  color: #3E3E3E;
  text-align: center; }

.recentpost-inner h3::after {
  content: "";
  border: 1px solid #3F609F;
  display: block;
  width: 100px;
  margin: 15px auto 0; }

.recentpost-post img {
  display: block;
  width: 100%; }

.recentpost-body {
  padding: 25px 15px;
  background-color: #fff; }

.recentpost-body p {
  font-size: 16px;
  line-height: 24px;
  color: #575757;
  font-weight: 400;
  margin-bottom: 10px; }

.recentpost-body .recentpost-rdmre {
  display: inline;
  color: #3F609F;
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
  transition: all ease-in-out 0.4s; }

.recentpost-body .recentpost-rdmre:hover {
  color: #a5a5a5;
  transition: all ease-in-out 0.4s; }

.recentpost-main .blog .blog-post-figure > .thumbnail-tag,
.recentpost-main .blog .blog-post > p,
.recentpost-main .blog .DateTags {
  display: none; }

.recentpost-main .blog .blog-post-body {
  width: auto;
  padding: 40px 20px 20px;
  background: #fff;
  margin: 0; }

.single-blog-post .single-blog-header .single-blog-date {
  color: #fff; }

.blog-subscribe-form .hs_email.hs-email > label {
  display: none !important; }

.hs_error_rollup {
  display: none; }

.hs_email.hs-email {
  position: relative; }

.no-list.hs-error-msgs.inputs-list {
  list-style: none;
  margin: 0;
  width: 100%;
  color: red;
  font-size: 14px;
  font-weight: normal; }

.submitted-message {
  border: 1px solid;
  text-align: center;
  color: green;
  padding: 30px 0; }

.SimplePostContent figcaption {
  font-size: 12px;
  line-height: 1.44rem;
  margin: 0 auto;
  text-align: left;
  width: 100%; }

.blog--banner-below {
  background: linear-gradient(to bottom, #ffece7 0, #ffece7 60%, #fff 60%, #fff 100%);
  padding: 110px 1.5rem 15px 1.5rem; }
  @media only screen and (max-width: 550px) {
    .blog--banner-below {
      background: #ffece7;
      padding: 50px 0; } }
  .blog--banner-below .inner-container {
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem; }
    .blog--banner-below .inner-container .blog-tag-nav-tab {
      background: #fff;
      box-shadow: #c8c7c7 0px 0px 14px -2px;
      padding: 0px 50px 70px 50px; }
      @media only screen and (max-width: 550px) {
        .blog--banner-below .inner-container .blog-tag-nav-tab {
          background: transparent;
          padding: 50px 0;
          padding: 0;
          box-shadow: none; } }
      .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper {
        display: flex;
        justify-content: space-between; }
        @media only screen and (max-width: 550px) {
          .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper {
            justify-content: center;
            flex-wrap: wrap;
            align-items: baseline; } }
        .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper a.nav---link {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          text-align: center;
          text-decoration: none;
          margin-bottom: 50px;
          margin-top: -50px; }
          @media only screen and (max-width: 550px) {
            .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper a.nav---link {
              margin-top: 0px;
              max-width: 50%;
              width: 100%; } }
          .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper a.nav---link img {
            width: 100px;
            hheight: 100px; }
          .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper a.nav---link h4 {
            font-size: 24px;
            color: #666666;
            margin: 10px 0; }
            @media only screen and (max-width: 550px) {
              .blog--banner-below .inner-container .blog-tag-nav-tab .blog--below-nav-wrapper a.nav---link h4 {
                font-size: 18px; } }
      .blog--banner-below .inner-container .blog-tag-nav-tab .view-all--btn {
        font-size: 18px;
        color: #666666;
        max-width: 190px;
        width: 100%;
        display: flex;
        margin: 0 auto;
        border: 1px solid black;
        padding: 10px 0;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        text-transform: uppercase; }
        @media only screen and (max-width: 550px) {
          .blog--banner-below .inner-container .blog-tag-nav-tab .view-all--btn {
            font-size: 16px; } }

.outer--container {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%; }
  .outer--container .BlogOuter {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
    row-gap: 30px; }
    @media only screen and (max-width: 550px) {
      .outer--container .BlogOuter {
        flex-direction: column; } }
    .outer--container .BlogOuter .blog-subscribe-wrapper {
      height: 100%; }
    @media only screen and (max-width: 550px) {
      .outer--container .BlogOuter .BlogPostBox {
        padding: 0 1.5rem !important;
        order: 2 !important; } }
    .outer--container .BlogOuter .col-md-4 {
      width: 32%;
      padding: 0; }
      @media only screen and (max-width: 550px) {
        .outer--container .BlogOuter .col-md-4 {
          width: 100%; } }
      .outer--container .BlogOuter .col-md-4 .blog {
        border: none; }
        .outer--container .BlogOuter .col-md-4 .blog .blog-post-figure .blog-thumbnail a {
          min-height: 530px; }
        .outer--container .BlogOuter .col-md-4 .blog .blog-post-body {
          width: auto;
          max-width: 400px;
          margin: 30px auto; }
          .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .blog-header .blog-title {
            font-size: 28px; }
          .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .DateTags .tags {
            display: flex;
            align-items: center;
            column-gap: 10px; }
            .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .DateTags .tags li.tag {
              font-size: 18px;
              color: #6a6a6a; }
            .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .DateTags .tags .tag.post-date {
              border-right: none;
              padding-right: 0px;
              margin-right: 0px;
              font-size: 18px; }
          .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .blog-post p {
            font-size: 18px;
            color: #6a6a6a; }
          .outer--container .BlogOuter .col-md-4 .blog .blog-post-body .blog-post a {
            text-decoration: underline;
            color: #6a6a6a; }
    .outer--container .BlogOuter .blog-subscribe-wrapper {
      display: flex;
      background-color: #ffece7; }
      .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 10px solid #fff0ec; }
        .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-head h3 {
          text-align: center;
          padding-top: 20px;
          color: #666666;
          font-weight: 400;
          font-size: 45px;
          line-height: 1.2;
          margin: 0;
          text-transform: uppercase;
          max-width: 370px; }
          @media only screen and (max-width: 550px) {
            .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-head h3 {
              font-size: 30px; } }
        .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-content p {
          text-align: center;
          color: #666666;
          font-size: 24px; }
          @media only screen and (max-width: 550px) {
            .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-content p {
              font-size: 18px; } }
        .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-form .blog-newsletter__wrapper form .hs-form-field .input input {
          border: 1px solid black;
          padding: 15px 20px; }
        .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-form .blog-newsletter__wrapper form .hs_submit.hs-submit .actions input {
          font-size: 18px;
          color: #666666;
          max-width: 190px;
          width: 100%;
          display: flex;
          margin: 0 auto;
          border: 1px solid black;
          padding: 10px 0;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          text-transform: uppercase;
          background: transparent;
          margin-top: 30px; }
          @media only screen and (max-width: 550px) {
            .outer--container .BlogOuter .blog-subscribe-wrapper .blog-subscribe-inner .blog-subscribe-form .blog-newsletter__wrapper form .hs_submit.hs-submit .actions input {
              font-size: 16px; } }

.BlogPagination {
  max-width: 1400px;
  margin: 40px auto;
  width: 100%; }
  @media only screen and (max-width: 550px) {
    .BlogPagination {
      max-width: 300px; } }

@media only screen and (max-width: 550px) {
  .pagination-list {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px; } }

.pagination-item {
  background: #f0f0f0;
  color: white;
  border-radius: 50% !important; }
  .pagination-item .pagination-link {
    font-size: 20px; }

.pagination-item.pagination-item--current {
  background: #4c4645;
  color: white;
  border-radius: 50% !important; }
  .pagination-item.pagination-item--current .pagination-link {
    color: white;
    font-size: 20px; }

.pagination-item.pagination-item--next {
  background: transparent;
  border-radius: 0; }
  .pagination-item.pagination-item--next .pagination-link {
    background-color: transparent;
    color: #666;
    padding: 0;
    line-height: 19px;
    text-transform: uppercase;
    font-size: 22px;
    display: flex;
    align-items: center;
    column-gap: 10px; }

.pagination-item.pagination-item--previous {
  background: transparent;
  border-radius: 0; }
  .pagination-item.pagination-item--previous .pagination-link {
    background-color: transparent;
    color: #666;
    padding: 0;
    line-height: 19px;
    text-transform: uppercase;
    font-size: 22px;
    display: flex;
    align-items: center;
    column-gap: 10px; }
    .pagination-item.pagination-item--previous .pagination-link img {
      transform: rotate(180deg); }

@media only screen and (max-width: 800px) {
  .single-blog-post-body, .blog-story-outer, .about-outer, .join-us-outer, .BlogCmnt-outer {
    padding: 0 20px; }
  .recentpost-outer .recentpost-main .recentpost-post {
    width: 50%;
    margin-bottom: 20px; }
  .Single-blog-thumbnail {
    min-height: 250px;
    height: 100%;
    display: flex;
    align-items: center; } }

@media only screen and (max-width: 767px) {
  .blogpostMain.blog-subscribe-mail {
    display: flex;
    order: 2; }
  .BlogCarousel .blog-featuredpost-inner {
    padding: 0 40px; }
  .BlogCarousel .blog-featuredpost-title {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.6rem; }
  .BlogCarousel .blog-featured-post {
    font-size: 13px; }
  .BlogCarousel .blog-featuredpost-readmore {
    display: none; } }

@media only screen and (max-width: 560px) {
  .join-us-banner-inner .event-title {
    font-size: 26px; }
  .join-us-banner-inner p {
    font-size: 15px;
    text-align: center; }
  .join-us-form {
    padding: 10px; }
  .join-us-form .form-sumit-btn {
    font-size: 15px; }
  .about-inner {
    display: block; }
  .blog-author-img {
    width: 100%;
    margin-bottom: 10px; }
  .blog-promo-banner-detail {
    margin: 0 auto;
    padding: 10px; }
  .single-blog-post-inner img {
    display: block;
    margin: 0 auto 10px !important; } }

.newsletter-wrapper {
  background: #ffece7;
  padding: 25px 0; }
  .newsletter-wrapper .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    @media (min-width: 801px) {
      .newsletter-wrapper .inner {
        flex-wrap: inherit; } }
    @media (min-width: 1441px) {
      .newsletter-wrapper .inner {
        padding: 0 50px; } }
    .newsletter-wrapper .inner .box {
      padding: 5px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      width: 100%; }
      @media (min-width: 801px) {
        .newsletter-wrapper .inner .box {
          flex-wrap: inherit;
          width: auto; } }
      .newsletter-wrapper .inner .box p {
        color: #575757;
        font-size: 23px;
        line-height: 28px;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        padding: 70px 0 0 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 396 298'%3E%3Cpath d='M390.702,35.49c0,75.491,0,150.98,0,226.472c-0.162,0.181-0.418,0.338-0.473,0.547 c-5.414,20.653-17.777,30.199-39.137,30.199c-93.828,0-187.656,0-281.484-0.001c-9.121,0-18.243,0.104-27.361-0.037 c-15.398-0.238-28.861-10.184-33.684-24.716c-0.657-1.979-1.212-3.994-1.814-5.992c0-75.491,0-150.981,0-226.472 c0.16-0.184,0.411-0.344,0.466-0.555C12.583,14.359,25.043,4.744,46.367,4.744c91.956,0,183.913-0.001,275.869,0 c11.119,0,22.242-0.132,33.358,0.057c15.297,0.261,28.844,10.532,33.422,25.052C389.605,31.724,390.141,33.611,390.702,35.49z M366.705,55.114c-1.633,1.376-2.586,2.162-3.519,2.97c-51.661,44.763-103.313,89.535-154.985,134.283 c-6.818,5.904-12.142,5.876-18.914,0.01C137.431,147.458,85.586,102.528,33.732,57.608c-0.8-0.693-1.668-1.307-2.985-2.333 c0,1.965,0,3.306,0,4.645c0,64.615,0,129.23,0,193.845c0,10.711,4.244,14.945,14.979,14.945 c101.984,0.001,203.968,0.001,305.952,0.001c10.808-0.001,15.025-4.182,15.025-14.897c0.002-64.615,0.001-129.23,0.001-193.845 C366.705,58.62,366.705,57.271,366.705,55.114z M39.018,29.188c-0.113,0.312-0.227,0.622-0.34,0.933 c53.303,46.195,106.605,92.39,160.068,138.724c53.586-46.445,106.859-92.62,160.132-138.793c-0.121-0.288-0.241-0.576-0.362-0.864 C252.017,29.188,145.518,29.188,39.018,29.188z' fill='rgb(60, 107, 180)'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 68px; }
        @media (min-width: 801px) {
          .newsletter-wrapper .inner .box p {
            font-size: 18px;
            margin: 0; } }
        @media (min-width: 992px) {
          .newsletter-wrapper .inner .box p {
            padding: 0 0 0 95px;
            background-position: left center;
            text-align: left;
            margin: 0 25px 0 0; } }
        @media (min-width: 1261px) {
          .newsletter-wrapper .inner .box p {
            background-size: 80px;
            font-size: 23px; } }
        @media (min-width: 1441px) {
          .newsletter-wrapper .inner .box p {
            font-size: 28px; } }
        .newsletter-wrapper .inner .box p span {
          display: block;
          font-size: 22px;
          text-transform: none; }
          @media (min-width: 801px) {
            .newsletter-wrapper .inner .box p span {
              font-size: 16px; } }
          @media (min-width: 1261px) {
            .newsletter-wrapper .inner .box p span {
              font-size: 20px; } }
          @media (min-width: 1441px) {
            .newsletter-wrapper .inner .box p span {
              font-size: 24px; } }
    .newsletter-wrapper .inner .form {
      min-width: 100%;
      margin: 12px 0; }
      @media (min-width: 801px) {
        .newsletter-wrapper .inner .form {
          min-width: 400px;
          margin: 0 15px 0 0; } }
      @media (min-width: 992px) {
        .newsletter-wrapper .inner .form {
          min-width: 470px; } }
      .newsletter-wrapper .inner .form .form-field {
        margin: 0; }
      .newsletter-wrapper .inner .form .form-prefixPostfix {
        display: block;
        position: inherit; }
        @media (min-width: 801px) {
          .newsletter-wrapper .inner .form .form-prefixPostfix {
            position: relative; } }
        .newsletter-wrapper .inner .form .form-prefixPostfix .form-input {
          background-color: transparent;
          border: 1px solid #818386;
          border-radius: 0;
          color: #818386;
          font-size: 15px;
          font-weight: 400;
          margin: 0 0 10px 0;
          padding: 0.75rem 12rem 0.75rem 1rem;
          width: 100%; }
          @media (min-width: 801px) {
            .newsletter-wrapper .inner .form .form-prefixPostfix .form-input {
              margin: 0; } }
          @media (min-width: 992px) {
            .newsletter-wrapper .inner .form .form-prefixPostfix .form-input {
              font-size: 18px; } }
        .newsletter-wrapper .inner .form .form-prefixPostfix .button {
          background: transparent;
          border: 1px solid #818386;
          border-radius: 0;
          color: #575757;
          font-size: 15px;
          font-weight: 400;
          margin: 0 auto;
          position: inherit;
          right: 0;
          top: 0;
          text-transform: uppercase;
          width: auto; }
          @media (min-width: 801px) {
            .newsletter-wrapper .inner .form .form-prefixPostfix .button {
              margin: 0;
              position: absolute; } }
          @media (min-width: 992px) {
            .newsletter-wrapper .inner .form .form-prefixPostfix .button {
              font-size: 18px; } }
          .newsletter-wrapper .inner .form .form-prefixPostfix .button:hover {
            color: #fff;
            background: #575757; }
    .newsletter-wrapper .inner .socialLinks {
      display: flex;
      align-items: baseline;
      line-height: 47px;
      justify-content: space-between; }
      .newsletter-wrapper .inner .socialLinks .socialLinks-item {
        margin-right: 0.986rem;
        margin-bottom: -1rem; }
        @media (min-width: 801px) {
          .newsletter-wrapper .inner .socialLinks .socialLinks-item {
            margin-right: 0.5rem; } }
        @media (min-width: 992px) {
          .newsletter-wrapper .inner .socialLinks .socialLinks-item {
            margin-right: 0.986rem; } }
        .newsletter-wrapper .inner .socialLinks .socialLinks-item .icon {
          display: block; }
          .newsletter-wrapper .inner .socialLinks .socialLinks-item .icon svg {
            fill: #3c6bb4;
            transition: all .15s ease; }

.footer-info-heading {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0; }

.footer-about .footer-info-list li {
  width: 100%; }
  @media (min-width: 992px) {
    .footer-about .footer-info-list li {
      display: inline-block;
      width: 100%;
      padding-right: 10px; } }
  @media (min-width: 1261px) {
    .footer-about .footer-info-list li {
      display: inline-block;
      width: 49.5%;
      padding-right: 10px; } }

.footer-logo {
  text-align: left;
  margin: 0 0 30px 0; }
  @media (min-width: 992px) {
    .footer-logo {
      text-align: center; } }
  .footer-logo .footer-info-list {
    padding: 0;
    text-align: left;
    max-width: 100%; }
    @media (min-width: 992px) {
      .footer-logo .footer-info-list {
        max-width: 270px;
        margin: 0 auto; } }
    .footer-logo .footer-info-list li {
      padding-left: 35px;
      background-repeat: no-repeat;
      background-position: left 7px;
      background-size: 18px; }
      .footer-logo .footer-info-list li.mail {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 128.625 96.574'%3E%3Cpath d='M64.057,96.162c-15.995,0-31.99,0.032-47.984-0.012 C5.751,96.122,1.109,91.488,1.093,81.208C1.06,59.548,1.062,37.889,1.092,16.229C1.106,5.959,5.742,1.197,16.018,1.176 c32.156-0.064,64.313-0.064,96.468,0c10.347,0.021,14.942,4.664,14.972,14.994c0.061,21.659,0.061,43.318,0,64.978 c-0.028,10.413-4.592,14.969-14.916,15.001C96.379,96.198,80.218,96.162,64.057,96.162z M15.396,9.879 c1.23,1.552,1.965,2.597,2.817,3.534c10.192,11.212,20.366,22.44,30.617,33.599c9.822,10.69,21.073,10.679,30.948-0.055 c10.372-11.272,20.651-22.631,30.955-33.967c0.733-0.806,1.338-1.729,2.396-3.111C80.404,9.879,48.361,9.879,15.396,9.879z M16.384,87.373c32.186,0,63.827,0,95.366,0c-10.111-10.024-20.094-19.922-30.311-30.051c-11.311,8.231-23.329,8.049-34.405,0.002 C36.686,67.469,26.731,77.228,16.384,87.373z M9.538,79.134c9.751-9.527,19.902-19.443,30.237-29.542 C30.126,39.039,20.215,28.199,9.538,16.52C9.538,38.697,9.538,59.479,9.538,79.134z M118.977,16.503 c-10.816,11.871-20.734,22.758-30.258,33.21c10.395,10.257,20.47,20.198,30.258,29.857 C118.977,59.51,118.977,38.686,118.977,16.503z' fill='rgb(65, 110, 182)'/%3E%3C/svg%3E"); }
      .footer-logo .footer-info-list li.phone {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 128.625 96.574'%3E%3Cpath d='M 69.315 90.026 C 55.681 90.028 38.46 79.081 24.689 65.311 C 6.015 46.638 -7.468 21.613 4.506 7.8 C 5.267 6.922 6.24 6.248 7.397 5.794 c 1.428 -0.56 4.015 -1.651 7.687 -3.244 l 0.008 -0.003 c 1.707 -0.74 3.346 -1.458 4.599 -2.009 c 2.946 -1.292 6.401 -0.181 8.045 2.587 l 10.407 17.539 c 1.134 1.91 1.186 4.313 0.135 6.271 L 32.043 38.55 L 51.45 57.957 l 11.613 -6.235 c 1.962 -1.052 4.364 -0.998 6.272 0.135 l 16.293 9.668 l 2.157 1.395 l 0 0 c 2.086 1.799 2.815 4.794 1.676 7.39 c -0.469 1.064 -1.057 2.406 -1.676 3.831 l 0.756 -1.735 l -1.127 2.589 c -1.548 3.571 -2.657 6.2 -3.21 7.61 c -0.453 1.156 -1.128 2.129 -2.004 2.89 C 78.574 88.638 74.171 90.026 69.315 90.026 z M 17.98 8.925 L 17.98 8.925 c -3.807 1.651 -6.508 2.791 -8.028 3.387 C 9.828 12.36 9.781 12.4 9.781 12.4 c -8.562 9.878 3.505 31.608 19.858 47.961 c 16.353 16.352 38.079 28.418 47.974 19.846 h -0.001 c -0.002 0 0.033 -0.049 0.076 -0.157 c 0.602 -1.534 1.741 -4.235 3.388 -8.031 l 1.745 -4.021 l -16.755 -9.942 l -11.711 6.287 c -2.5 1.341 -5.524 0.893 -7.527 -1.11 l -20.06 -20.06 c -2.004 -2.005 -2.451 -5.03 -1.11 -7.527 l 6.287 -11.711 L 21.997 7.171 C 20.843 7.678 19.438 8.292 17.98 8.925 z' fill='rgb(65, 110, 182)'/%3E%3C/svg%3E");
        background-size: 28px; }
      .footer-logo .footer-info-list li.map-address {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 213.667 284.667'%3E%3Cpath d='M1.726,102.266c3.557-49.5,36.872-87.758,85.952-97.03 c59.229-11.189,115.856,29.59,123.272,89.235c1.774,14.272-0.729,27.839-5.639,41.146c-9.268,25.107-22.201,48.373-36.906,70.563 c-15.656,23.625-32.214,46.658-48.635,69.77c-6.482,9.125-18.781,9.498-25.346,0.842c-26.971-35.572-52.589-72.057-73.114-111.838 c-8.028-15.563-15.283-31.48-18.284-48.921C2.248,111.502,2.142,106.856,1.726,102.266z M106.632,263.31 c0.935-1.125,1.448-1.662,1.867-2.264c14.431-20.684,29.254-41.109,43.161-62.139c13.988-21.154,26.344-43.275,35.722-66.963 c5.78-14.599,7.54-29.34,3.797-44.732C177.713,31.836,114.753,4.076,64.666,32.214C34.61,49.1,19.238,75.417,20.656,110.314 c0.492,12.105,5.8,23.185,10.829,34.073c15.249,33.023,35.214,63.217,56.135,92.816C93.734,245.853,100.086,254.335,106.632,263.31 z' fill='rgb(65, 110, 182)'/%3E%3Cpath d='M106.659,143.554c-24.671-0.027-44.828-19.902-44.691-44.066 c0.138-24.171,20.388-43.786,45.109-43.693c24.455,0.091,44.505,19.892,44.474,43.919 C151.52,123.96,131.429,143.579,106.659,143.554z M106.729,124.085c13.713,0.023,24.813-10.746,24.883-24.144 c0.073-13.634-10.992-24.656-24.774-24.678C93.018,75.242,81.934,86.19,81.97,99.826C82.005,113.266,93.021,124.06,106.729,124.085 z' fill='rgb(65, 110, 182)'/%3E%3Cpath d='M106.729,124.085c-13.707-0.025-24.724-10.819-24.759-24.259 c-0.036-13.636,11.048-24.584,24.867-24.563c13.782,0.022,24.848,11.043,24.774,24.678 C131.541,113.339,120.441,124.109,106.729,124.085z' fill='rgb(65, 110, 182)'/%3E%3C/svg%3E");
        background-size: 17px; }

.footer .footer-info-col {
  width: 100%;
  text-align: left; }
  @media (min-width: 801px) {
    .footer .footer-info-col {
      width: 50%;
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .footer .footer-info-col {
      width: 30%; } }
  @media (min-width: 1441px) {
    .footer .footer-info-col {
      padding: 0 40px;
      width: 33.333%; } }
  .footer .footer-info-col--small {
    width: 100%; }
    @media (min-width: 801px) {
      .footer .footer-info-col--small {
        width: 50%; } }
    @media (min-width: 992px) {
      .footer .footer-info-col--small {
        width: 20%; } }
    @media (min-width: 1441px) {
      .footer .footer-info-col--small {
        width: 16.666%; } }
  .footer .footer-info-col .footer-info-list li {
    padding-bottom: 12px; }
  .footer .footer-info-col .footer-info-list a {
    color: #000;
    text-decoration: none;
    font-weight: 300;
    font-size: 16px;
    display: block;
    line-height: 22px;
    margin: 0; }
    .footer .footer-info-col .footer-info-list a:hover {
      color: #757575; }

.footer .as-seen-in-wrap {
  text-align: center; }
  .footer .as-seen-in-wrap .as-seen-in-heading {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    margin: 0 0 35px 0;
    text-transform: uppercase; }
  .footer .as-seen-in-wrap .as-seen-in-box-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .footer .as-seen-in-wrap .as-seen-in-box-wrap span {
      width: 50%;
      position: relative;
      padding: 0 15px;
      margin-bottom: 20px; }
      @media (min-width: 551px) {
        .footer .as-seen-in-wrap .as-seen-in-box-wrap span {
          width: 20%;
          margin-bottom: 0; } }
      .footer .as-seen-in-wrap .as-seen-in-box-wrap span:after {
        content: "";
        background-image: url(https://store-gh1go5da.mybigcommerce.com/content/home-new/as-seen-divider.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-size: 65%;
        display: inline; }
      .footer .as-seen-in-wrap .as-seen-in-box-wrap span:last-child:after {
        display: none; }
      .footer .as-seen-in-wrap .as-seen-in-box-wrap span:nth-child(2n):after {
        display: none; }
        @media (min-width: 551px) {
          .footer .as-seen-in-wrap .as-seen-in-box-wrap span:nth-child(2n):after {
            display: inline; } }
      .footer .as-seen-in-wrap .as-seen-in-box-wrap span img {
        max-width: 175px;
        width: 100%;
        margin: 0 auto; }

.footer .footer-copyright-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px; }
  @media (min-width: 992px) {
    .footer .footer-copyright-section {
      justify-content: space-between; } }
  .footer .footer-copyright-section .footer-copyright {
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0; }
    @media (min-width: 992px) {
      .footer .footer-copyright-section .footer-copyright {
        text-align: left;
        width: 50%;
        margin: 0 0 0 0; } }
    .footer .footer-copyright-section .footer-copyright p {
      margin: 0;
      font-size: 16px;
      color: #000;
      font-weight: 300; }
    .footer .footer-copyright-section .footer-copyright .footer-copyright__content {
      margin: 0 8px; }
    .footer .footer-copyright-section .footer-copyright a {
      color: #000;
      text-decoration: none;
      font-size: 16px; }
  .footer .footer-copyright-section .footer-payment-icons {
    margin-top: 0;
    width: 100%;
    text-align: center; }
    @media (min-width: 992px) {
      .footer .footer-copyright-section .footer-payment-icons {
        width: 50%;
        text-align: right; } }
    .footer .footer-copyright-section .footer-payment-icons span {
      width: 52px;
      height: 32px;
      background: #f2f2f2;
      display: inline-block;
      vertical-align: middle;
      border: 1px solid #dcdcdc;
      border-radius: 5px;
      margin: 2px;
      padding: 3px;
      line-height: 22px;
      background: #eeeeee;
      background: -moz-linear-gradient(top, white 0%, #eeeeee 52%);
      background: -webkit-linear-gradient(top, white 0%, #eeeeee 52%);
      background: linear-gradient(to bottom, white 0%, #eeeeee 52%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
      .footer .footer-copyright-section .footer-payment-icons span .footer-payment-icon {
        height: 100%;
        margin: 0;
        width: 100%; }

.body.body_page {
  margin: 0; }

.page-after-heading-wrap {
  background: #ffece7;
  padding: 0;
  margin-bottom: 2.5rem;
  text-align: center; }
  @media (min-width: 801px) {
    .page-after-heading-wrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 );
      padding: 4rem 0 0;
      margin-bottom: 4rem; } }
  .page-after-heading-wrap .after-heading-wrap {
    background-color: #ffece7;
    box-shadow: none;
    padding: 3rem 2rem;
    text-align: center; }
    @media (min-width: 801px) {
      .page-after-heading-wrap .after-heading-wrap {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0; } }
    .page-after-heading-wrap .after-heading-wrap p {
      color: #666;
      font-size: 30px;
      line-height: 3.5rem;
      margin: 0;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .page-after-heading-wrap .after-heading-wrap p {
          font-size: 45px;
          line-height: 4.5rem; } }
      .page-after-heading-wrap .after-heading-wrap p a {
        color: #666;
        display: block;
        text-decoration: none; }

.page-heading_outter {
  display: flex;
  flex-direction: column;
  min-height: 700px;
  justify-content: flex-end;
  margin: 0 0 3rem;
  position: relative;
  text-align: left; }
  @media (min-width: 801px) {
    .page-heading_outter {
      min-height: 567px;
      justify-content: center; } }
  .page-heading_outter .container {
    max-width: 85.71429rem;
    padding-bottom: 1.5rem; }
    @media (min-width: 801px) {
      .page-heading_outter .container {
        padding-bottom: 0; } }
  .page-heading_outter .page-heading-content {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2rem;
    text-align: center; }
    @media (min-width: 801px) {
      .page-heading_outter .page-heading-content {
        max-width: 586px;
        padding: 3rem;
        text-align: left;
        width: 100%; } }
  .page-heading_outter h1 {
    color: #666666;
    font-size: 40px;
    line-height: 3rem;
    margin: 0 0 1rem;
    text-align: center; }
    @media (min-width: 481px) {
      .page-heading_outter h1 {
        font-size: 45px;
        line-height: 4rem; } }
    @media (min-width: 801px) {
      .page-heading_outter h1 {
        font-size: 50px;
        line-height: 4rem;
        text-align: left; } }
    @media (min-width: 1681px) {
      .page-heading_outter h1 {
        font-size: 60px;
        line-height: 4.5rem; } }
  .page-heading_outter p:last-child {
    margin: 0; }
  .page-heading_outter .button {
    background-color: #FFFFFF;
    border-color: #505050;
    border-radius: 0;
    color: #666666;
    font-size: 18px;
    line-height: 2rem;
    margin: 0; }
    .page-heading_outter .button:hover {
      color: #FFFFFF;
      background-color: #3c6bb4;
      border-color: #3c6bb4; }

.diamond-education-page .Webpage--heading .inner-container .Webpage--desc-Content .page-heading {
  color: #fff;
  margin: 0 0 20px; }

.diamond-education-page .Webpage--heading .inner-container .Webpage--desc-Content a {
  background: #EC9C91;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 6px 45px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .5px; }

.WebPageInfo .FullTwoColumnWrap {
  display: flex;
  flex-direction: column; }
  .WebPageInfo .FullTwoColumnWrap.white-bg {
    background-color: #fff; }
  .WebPageInfo .FullTwoColumnWrap.content-container {
    margin: 0 9.3rem;
    padding-top: 1.4rem;
    padding-bottom: 4rem; }
  @media (min-width: 801px) {
    .WebPageInfo .FullTwoColumnWrap {
      flex-direction: row; } }
  .WebPageInfo .FullTwoColumnWrap .ColumnWrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0; }
    .WebPageInfo .FullTwoColumnWrap .ColumnWrap.ImageWrap {
      align-items: flex-start;
      padding: 0 4rem 0 0; }
      .WebPageInfo .FullTwoColumnWrap .ColumnWrap.ImageWrap img {
        width: 100%;
        height: auto;
        object-fit: cover; }
    .WebPageInfo .FullTwoColumnWrap .ColumnWrap .ContentInfo {
      display: flex;
      flex-direction: column;
      flex: 2;
      justify-content: center;
      padding: 0;
      align-items: flex-start; }
      @media (min-width: 801px) {
        .WebPageInfo .FullTwoColumnWrap .ColumnWrap .ContentInfo {
          width: 600px; } }
      .WebPageInfo .FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
        color: #575757;
        margin: 20px 0;
        text-align: left; }
      .WebPageInfo .FullTwoColumnWrap .ColumnWrap .ContentInfo hr {
        border-color: #97a4c4;
        border-width: 1px;
        min-width: 80px;
        max-width: 80px;
        margin: 0 0 20px; }
      .WebPageInfo .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
        color: #3e3e3e;
        font-family: niveau-grotesk;
        font-size: 17px;
        font-weight: 300;
        line-height: 30px;
        max-width: 100%;
        text-align: left; }

.our-promise-wrap {
  padding: 0; }
  @media (min-width: 1261px) {
    .our-promise-wrap {
      padding: 50% 0; } }
  .our-promise-wrap .standard-container .our-promise-row {
    flex-direction: column; }
    @media (min-width: 1261px) {
      .our-promise-wrap .standard-container .our-promise-row {
        flex-direction: row; } }

.RecognitionWrap .container, .TestimonialsWrap .container {
  padding: 0 6rem; }

.RecognitionWrap {
  text-align: center; }
  .RecognitionWrap .content-container {
    margin: 70px 0; }
    .RecognitionWrap .content-container .RecognitionContent {
      max-width: 770px;
      margin: 0 auto 40px; }
      .RecognitionWrap .content-container .RecognitionContent h2 {
        text-align: center;
        margin-bottom: 20px; }
      .RecognitionWrap .content-container .RecognitionContent hr {
        border-color: #97a4c4;
        border-width: 1px;
        min-width: 80px;
        max-width: 80px;
        margin: 10px auto 20px; }
    .RecognitionWrap .content-container .row {
      padding: 0 10rem;
      text-align: center; }
      .RecognitionWrap .content-container .row div[class*="col-"] {
        width: 33.333%; }
        .RecognitionWrap .content-container .row div[class*="col-"] .RecognitionBox img {
          display: block;
          margin: 0 auto 20px; }
        .RecognitionWrap .content-container .row div[class*="col-"] .RecognitionBox a {
          display: block;
          font-size: 16px;
          color: #4969A4;
          text-decoration: none; }

.BeforeTestimonialsWrap {
  background: url(https://cdn3.bigcommerce.com/s-gh1go5da/content/img/testimonial-pink-background.jpg) center center/cover no-repeat;
  margin-bottom: 50px; }
  .BeforeTestimonialsWrap .container {
    padding: 0 10rem; }
    .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner {
      position: relative;
      min-height: 632px;
      margin-top: 50px; }
      .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner .MainTestimonialImg {
        position: absolute;
        left: -50px; }
      .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner .MainTestimonialTxt {
        max-width: 70%;
        float: right;
        background: #fff;
        padding: 20px;
        margin-top: 80px; }
        .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner .MainTestimonialTxt .MainTestimonialTxtBox {
          border: 1px solid #E7E6E4;
          padding: 20px 20px 20px 30%; }
          .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner .MainTestimonialTxt .MainTestimonialTxtBox .MainTestimonialSign {
            text-transform: uppercase;
            margin-top: 12px;
            font-size: 16px;
            color: #6a6a6a; }
            .BeforeTestimonialsWrap .container .BeforeTestimonialsWrapInner .MainTestimonialTxt .MainTestimonialTxtBox .MainTestimonialSign:before {
              content: "";
              padding-right: 0;
              width: 12px;
              height: 2px;
              background: #6a6a6a;
              display: inline-block;
              vertical-align: middle;
              margin-right: 6px; }

.TestimonialsWrap .container {
  padding: 0 14rem; }
  .TestimonialsWrap .container .content-container {
    margin: 0 0 3rem; }

.productCarousel.without-dots {
  margin: 0 !important; }
  .productCarousel.without-dots .slick-dots {
    display: none !important; }

.moissanite-diamond.downtown-la-pages .content-container.family-owned > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 2; }

.why-icing-wrap .why-icing-box > p {
  margin: 0; }

.testimonial {
  font-size: 21px; }

.TestimonialItemBox {
  border: 1px solid #E6E6E4;
  padding: 100px 30px 30px;
  display: flex;
  min-height: 610px;
  position: relative;
  margin-top: 100px; }
  .TestimonialItemBox .TestimonialItemImg {
    position: absolute;
    top: -63px;
    left: 50%;
    margin-left: -63px;
    border-radius: 50%;
    width: 126px;
    overflow: hidden; }
  .TestimonialItemBox .TestimonialItemTxt {
    font-weight: 300;
    font-size: 15px;
    color: #6a6a6a;
    line-height: 1.8em;
    margin-bottom: 15px;
    text-align: left; }
    .TestimonialItemBox .TestimonialItemTxt .morecontent a {
      display: block;
      width: 116px;
      padding: 0;
      margin-top: 0;
      text-align: left;
      font-size: 14px;
      text-transform: capitalize;
      text-decoration: none;
      color: #3F609F;
      line-height: 1.4em; }
      .TestimonialItemBox .TestimonialItemTxt .morecontent a .navPages-action-moreIcon {
        display: inline-block;
        transform: rotate(-90deg); }
    .TestimonialItemBox .TestimonialItemTxt .morecontent a.morelink.less .navPages-action-moreIcon {
      transform: rotate(-180deg); }
    .TestimonialItemBox .TestimonialItemTxt .morecontent span {
      display: none; }
  .TestimonialItemBox .testimonialSign {
    color: #6a6a6a;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase; }
    .TestimonialItemBox .testimonialSign:before {
      content: "";
      padding-right: 0;
      width: 12px;
      height: 2px;
      background: #565656;
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px; }

.instagram-page h2 {
  color: #666;
  font-size: 30px;
  line-height: 3rem;
  margin: 0 0 2rem;
  text-align: center;
  text-transform: capitalize; }
  @media (min-width: 801px) {
    .instagram-page h2 {
      font-size: 45px;
      line-height: 4rem; } }

.schedule_appointment {
  background: #F0F7FA;
  text-align: center;
  padding: 58px 0; }
  .schedule_appointment .ScheduleAppointmentInner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 600px;
    margin: 0 auto; }
    .schedule_appointment .ScheduleAppointmentInner span {
      color: #4f4f4f;
      font-family: abril-text;
      font-size: 32px; }
    .schedule_appointment .ScheduleAppointmentInner a, .schedule_appointment .ScheduleAppointmentInner .button {
      margin: 0; }

.about__heading-row {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/AboutHeroBanner.jpg") center/cover;
  min-height: 150px; }
  @media (min-width: 801px) {
    .about__heading-row {
      min-height: 250px;
      justify-content: flex-end; } }
  @media (min-width: 1261px) {
    .about__heading-row {
      min-height: 350px; } }

.about__heading-row > h1 {
  color: white; }
  @media (min-width: 801px) {
    .about__heading-row > h1 {
      margin-right: 15%; } }
  @media screen and (min-width: 1600px) {
    .about__heading-row > h1 {
      margin-right: 25%; } }

.about__content-row {
  background-color: white; }

.about__content-row > div:first-of-type {
  margin: 2%; }
  @media (min-width: 801px) {
    .about__content-row > div:first-of-type {
      min-height: 350px;
      position: relative;
      margin: 0 15% 0; } }
  @media (min-width: 1261px) {
    .about__content-row > div:first-of-type {
      min-height: 300px; } }

@media (min-width: 801px) {
  .about__content-row--popout {
    padding: 1%;
    background-color: white;
    position: absolute;
    top: -50px; } }

@media (min-width: 1261px) {
  .about__content-row--popout {
    margin: 0 auto;
    max-width: 1100px;
    right: 0;
    left: 0; } }

.about__content-row--popout img {
  height: 75px;
  width: 75px;
  margin-bottom: 25px; }

.about__content-row--popout > div {
  text-align: center;
  border: 1px solid #e6e6e4;
  padding: 5%; }

.about__content-row--content {
  margin: 0 1%; }
  @media (min-width: 801px) {
    .about__content-row--content {
      margin: 0 10%; } }

.about__whois-row {
  background-color: #f1f6fa;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding-top: 0%;
  padding-bottom: 3%; }
  @media (min-width: 801px) {
    .about__whois-row {
      padding-top: 3%;
      flex-direction: row; } }

.about__whois-column {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 3%; }
  @media (min-width: 801px) {
    .about__whois-column {
      padding-top: 0;
      align-items: flex-end; } }

.about__whois-column > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 200px;
  margin-left: 0px; }
  @media (min-width: 801px) {
    .about__whois-column > img {
      padding-left: 100px; } }

.about__whois-column > p {
  color: #818386;
  font-size: 18px;
  padding-left: 5%;
  font-weight: 200;
  margin-bottom: 3%; }
  @media (min-width: 801px) {
    .about__whois-column > p {
      max-width: 600px; } }
  @media (min-width: 1261px) {
    .about__whois-column > p {
      padding-left: 0; } }

.about__meet-row {
  display: flex;
  align-items: flex-end;
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/BottomBanner.jpg") center/cover;
  min-height: 75vh; }

.about__meet-row div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 175px;
  background-color: rgba(255, 255, 255, 0.8);
  flex-direction: column; }
  @media (min-width: 801px) {
    .about__meet-row div {
      flex-direction: row; } }

.about__meet-row a,
.about__meet-row h2 {
  height: 50px;
  margin: 3%; }

.about__meet-row a {
  border-radius: 0;
  background-color: #3f609f;
  color: white;
  border: 1px solid #3f609f;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 3rem;
  padding-right: 3rem; }
  .about__meet-row a:hover {
    background-color: #2f497a;
    color: white;
    border: 1px solid #2f497a; }

.about-history-button {
  background-color: #3f609f;
  color: white;
  border: 1px solid #3f609f;
  margin: 5% auto 0;
  min-width: 180px;
  padding: 7px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .about-history-button {
      margin: 5% 0 0; } }
  .about-history-button:hover {
    background-color: white;
    color: #3f609f;
    border: 1px solid #3f609f; }

@media only screen and (max-width: 767px) {
  .et-about__heading-row--logo {
    height: 38px; }
  .et-about__heading-row p {
    font-size: 20px; } }

.ServicesIntroWrap {
  background: #ffece7;
  margin-bottom: 0;
  padding: 8rem 0 0;
  text-align: center; }
  @media (min-width: 992px) {
    .ServicesIntroWrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 ); } }
  .ServicesIntroWrap .ServicesIntroInner {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
    padding: 3rem 2rem;
    position: relative;
    text-align: center; }
    .ServicesIntroWrap .ServicesIntroInner .ServicesIntro {
      max-width: 1140px;
      margin: 0 auto;
      width: 100%; }
      .ServicesIntroWrap .ServicesIntroInner .ServicesIntro .ServicesIntroImg {
        max-width: 158px;
        width: 100%;
        margin: 0 auto; }
        .ServicesIntroWrap .ServicesIntroInner .ServicesIntro .ServicesIntroImg img {
          width: 100%; }
      .ServicesIntroWrap .ServicesIntroInner .ServicesIntro > p {
        font-size: 18px;
        line-height: 2rem; }
        @media (min-width: 801px) {
          .ServicesIntroWrap .ServicesIntroInner .ServicesIntro > p {
            font-size: 22px;
            line-height: 2.4rem; } }

.ServicesPage .page-heading_outter {
  margin: 0; }

.ServicesPage .why-icing-wrap {
  background-color: #ffece7;
  padding-top: 4rem; }
  @media (min-width: 801px) {
    .ServicesPage .why-icing-wrap {
      padding: 0;
      margin: 0 0 14rem; } }
  .ServicesPage .why-icing-wrap .container {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem; }
    @media (min-width: 801px) {
      .ServicesPage .why-icing-wrap .container {
        padding-bottom: 0;
        margin-bottom: 0; } }
  .ServicesPage .why-icing-wrap h3 {
    color: #666;
    font-size: 30px;
    margin: 3rem 0 5rem;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .ServicesPage .why-icing-wrap h3 {
        margin: 3rem 0 -1rem; } }
  .ServicesPage .why-icing-wrap .why-icing-boxes {
    background-color: #fff; }
    @media (min-width: 801px) {
      .ServicesPage .why-icing-wrap .why-icing-boxes {
        box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
        position: relative;
        top: 8rem; } }
    .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box {
      max-width: 700px;
      margin: 0 auto;
      padding: 3.6rem 2.4rem 6rem 1.6rem;
      position: relative;
      text-align: center;
      width: 100%; }
      @media (min-width: 801px) {
        .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box {
          padding: 3.6rem 2.4rem 1.6rem 1.6rem; } }
      .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box .icon {
        position: absolute;
        right: 50%;
        top: -50px;
        width: 100px;
        height: 100px;
        margin-right: -50px;
        padding: 1rem;
        background-color: #3c6bb4;
        border-radius: 50%;
        border: 10px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
        .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box .icon svg {
          fill: #ffffff;
          stroke: #ffffff; }
      .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box h4 {
        font-size: 30px;
        margin: 0 0 1rem;
        color: #666666; }
      .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box p {
        font-size: 20px;
        line-height: 2rem;
        font-weight: 300;
        margin: 0 0 1.4rem; }
        .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box p:last-child {
          margin: 0; }
      .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box a {
        color: #666666 !important; }
      .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box .why-icing-button {
        text-align: center;
        margin: 3rem 0 1.58rem 0; }
        .ServicesPage .why-icing-wrap .why-icing-boxes .why-icing-box .why-icing-button .button {
          font-size: 25px;
          margin: 0;
          border-radius: 0; }

.JewelryInsurance-wrap {
  text-align: center;
  padding: 70px 0; }
  .JewelryInsurance-wrap h2 {
    font-size: 45px;
    text-transform: uppercase;
    margin-bottom: 20px; }

.breakpoint-bar {
  width: 100%;
  background-color: #666;
  height: 1px;
  margin: 35px 0 !important; }

.align-bottom {
  margin-bottom: 30px; }

small {
  font-size: 16px !important; }

.unstyle-listing li {
  list-style: none; }
  .unstyle-listing li img {
    padding-right: 10px; }

.services-checkmark-listing {
  margin-left: 0; }
  .services-checkmark-listing li {
    font-size: 18px; }

@media (min-width: 801px) {
  .ServicesPage .FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
    font-size: 45px; }
  .ServicesPage .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
    font-size: 25px;
    line-height: 2.4rem; } }

.about.promise_page .page-heading_outter {
  margin: 0; }
  .about.promise_page .page-heading_outter .page-heading-content {
    max-width: 481px; }

.promise--banner-below-section {
  background: linear-gradient(to bottom, #ffece7 0, #ffece7 60%, #fff 60%, #fff 100%);
  padding: 15px 1.5rem 15px 1.5rem; }
  @media only screen and (max-width: 550px) {
    .promise--banner-below-section {
      background: #ffece7;
      padding: 30px 1.5rem; } }
  .promise--banner-below-section .promise--below-banner {
    display: flex;
    justify-content: center;
    column-gap: 80px;
    padding: 20px 0; }
    @media only screen and (max-width: 550px) {
      .promise--banner-below-section .promise--below-banner {
        flex-direction: column;
        align-items: center;
        row-gap: 15px; } }
    .promise--banner-below-section .promise--below-banner > div a {
      text-decoration: none;
      color: #666666;
      text-transform: uppercase; }
    .promise--banner-below-section .promise--below-banner > div img {
      padding-right: 10px; }
    .promise--banner-below-section .promise--below-banner .--divider {
      height: 40px;
      width: 1px;
      display: block;
      background: #ddcac5; }
      @media only screen and (max-width: 550px) {
        .promise--banner-below-section .promise--below-banner .--divider {
          height: 1px;
          width: 80px; } }
  .promise--banner-below-section .promise-main-info-relative .promise--main-info {
    max-width: 1330px;
    margin: 0 auto;
    width: 100%;
    background: white;
    padding: 40px;
    padding: 40px 0 80px 0;
    box-shadow: #c8c7c7 0px 0px 14px -2px;
    text-align: center; }
    @media only screen and (max-width: 550px) {
      .promise--banner-below-section .promise-main-info-relative .promise--main-info {
        padding: 20px 25px 50px 25px; } }
    .promise--banner-below-section .promise-main-info-relative .promise--main-info p {
      font-size: 24px;
      text-align: center;
      max-width: 1180px;
      margin: 0 auto;
      width: 100%;
      color: #666666; }
      @media only screen and (max-width: 550px) {
        .promise--banner-below-section .promise-main-info-relative .promise--main-info p {
          font-size: 16px; } }
    .promise--banner-below-section .promise-main-info-relative .promise--main-info .align-from-bottom {
      margin-bottom: 40px; }

.promise--image-with-text {
  padding: 20px 0; }
  .promise--image-with-text .img-txt-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 60px; }
    @media only screen and (max-width: 550px) {
      .promise--image-with-text .img-txt-wrapper {
        flex-direction: column-reverse;
        padding: 20px 1.5rem; } }
    .promise--image-with-text .img-txt-wrapper .left--box {
      max-width: 50%;
      width: 100%;
      padding-left: 130px; }
      @media only screen and (max-width: 550px) {
        .promise--image-with-text .img-txt-wrapper .left--box {
          max-width: 100%;
          padding-left: 0px; } }
      .promise--image-with-text .img-txt-wrapper .left--box h3 {
        font-size: 45px;
        color: #666666;
        margin-bottom: 30px;
        line-height: 1;
        text-transform: uppercase; }
        @media only screen and (max-width: 550px) {
          .promise--image-with-text .img-txt-wrapper .left--box h3 {
            font-size: 30px;
            text-align: center; } }
      .promise--image-with-text .img-txt-wrapper .left--box p {
        font-size: 25px;
        color: #666666; }
        @media only screen and (max-width: 550px) {
          .promise--image-with-text .img-txt-wrapper .left--box p {
            font-size: 16px;
            text-align: center; } }
    .promise--image-with-text .img-txt-wrapper .right--box {
      max-width: 50%;
      width: 100%; }
      @media only screen and (max-width: 550px) {
        .promise--image-with-text .img-txt-wrapper .right--box {
          max-width: 100%; } }
      .promise--image-with-text .img-txt-wrapper .right--box img {
        width: 100%; }

.promise--unwarranted-main {
  background: linear-gradient(to bottom, #ffece7 0, #ffece7 40%, #fff 40%, #fff 100%);
  padding: 50px 1.5rem 50px 1.5rem; }
  @media only screen and (max-width: 550px) {
    .promise--unwarranted-main {
      background: #ffece7;
      padding: 30px 1.5rem; } }
  .promise--unwarranted-main .promise--unwarranted-heading {
    padding: 0 0 80px 0; }
    .promise--unwarranted-main .promise--unwarranted-heading h3 {
      font-size: 45px;
      color: #666666;
      text-align: center;
      margin: 0;
      line-height: 1;
      text-transform: uppercase; }
      @media only screen and (max-width: 550px) {
        .promise--unwarranted-main .promise--unwarranted-heading h3 {
          text-align: center;
          font-size: 30px; } }
  .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper {
    max-width: 1330px;
    padding: 40px 80px;
    margin: 0 auto;
    background: #fff;
    box-shadow: #c8c7c7 0px 0px 14px -2px; }
    @media only screen and (max-width: 550px) {
      .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper {
        padding: 40px 1.5rem; } }
    .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper {
      display: flex;
      justify-content: space-between;
      column-gap: 50px;
      margin-bottom: 50px; }
      @media only screen and (max-width: 550px) {
        .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper {
          flex-direction: column;
          row-gap: 100px; } }
      .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper .unwarranted--card {
        max-width: 32%;
        width: 100%;
        position: relative;
        padding-top: 30px; }
        @media only screen and (max-width: 550px) {
          .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper .unwarranted--card {
            max-width: 100%; } }
        .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper .unwarranted--card img {
          max-width: 100px;
          width: 100%;
          height: 100px;
          position: absolute;
          top: -90px;
          left: 0;
          right: 0;
          margin: 0 auto; }
        .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper .unwarranted--card p {
          text-align: center;
          font-size: 18px;
          color: #666666;
          padding: 0 20px; }
          @media only screen and (max-width: 550px) {
            .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .promise--unwarranted-card-wrapper .unwarranted--card p {
              font-size: 16px; } }
    .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper p {
      font-size: 18px;
      text-align: center;
      max-width: 930px;
      color: #666666;
      margin: 0 auto;
      width: 100%; }
    .promise--unwarranted-main .promise--unwarranted .promise--unwarranted-wrapper .bottom---align {
      margin-top: 30px;
      font-weight: 600; }

.promise--image-with-text-icon .img-txt-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 550px) {
    .promise--image-with-text-icon .img-txt-wrapper {
      flex-direction: column; } }
  .promise--image-with-text-icon .img-txt-wrapper .left--box {
    max-width: 50%;
    width: 100%;
    padding: 0 80px; }
    @media only screen and (max-width: 550px) {
      .promise--image-with-text-icon .img-txt-wrapper .left--box {
        max-width: 100%;
        padding: 20px 1.5rem; } }
    .promise--image-with-text-icon .img-txt-wrapper .left--box h3 {
      font-size: 45px;
      color: #666666;
      margin-bottom: 30px;
      line-height: 1;
      text-transform: uppercase; }
      @media only screen and (max-width: 550px) {
        .promise--image-with-text-icon .img-txt-wrapper .left--box h3 {
          font-size: 30px; } }
    .promise--image-with-text-icon .img-txt-wrapper .left--box p {
      font-size: 22px;
      color: #666666; }
      @media only screen and (max-width: 550px) {
        .promise--image-with-text-icon .img-txt-wrapper .left--box p {
          font-size: 16px; } }
      .promise--image-with-text-icon .img-txt-wrapper .left--box p a {
        color: #3c6bb4;
        font-weight: 600;
        text-decoration: none; }
  .promise--image-with-text-icon .img-txt-wrapper .right--box {
    max-width: 50%;
    width: 100%; }
    @media only screen and (max-width: 550px) {
      .promise--image-with-text-icon .img-txt-wrapper .right--box {
        max-width: 100%; } }
    .promise--image-with-text-icon .img-txt-wrapper .right--box img {
      width: 100%; }
      @media only screen and (max-width: 550px) {
        .promise--image-with-text-icon .img-txt-wrapper .right--box img {
          padding: 0 1.5rem; } }

.promise--image-with-text-icon:nth-child(even) .img-txt-wrapper {
  flex-direction: row-reverse; }
  @media only screen and (max-width: 550px) {
    .promise--image-with-text-icon:nth-child(even) .img-txt-wrapper {
      flex-direction: column; } }

.promise--image-with-text-icon:last-child {
  padding-bottom: 70px; }

.promise--shipping-return {
  background: linear-gradient(to bottom, #ffece7 0, #ffece7 60%, #fff 60%, #fff 100%);
  padding: 50px 1.5rem 50px 1.5rem; }
  @media only screen and (max-width: 550px) {
    .promise--shipping-return {
      background: #ffece7;
      padding: 30px 1.5rem; } }
  .promise--shipping-return .shipping-heading {
    padding: 70px 0; }
    @media only screen and (max-width: 550px) {
      .promise--shipping-return .shipping-heading {
        padding: 0; } }
    .promise--shipping-return .shipping-heading h3 {
      font-size: 45px;
      color: #666666;
      text-align: center;
      margin: 0;
      line-height: 1;
      text-transform: uppercase; }
      @media only screen and (max-width: 550px) {
        .promise--shipping-return .shipping-heading h3 {
          font-size: 30px;
          text-align: center; } }
  .promise--shipping-return .shipping-cards-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 1.5rem;
    max-width: 1600px;
    margin: 0 auto; }
    @media only screen and (max-width: 550px) {
      .promise--shipping-return .shipping-cards-wrapper {
        flex-direction: column;
        margin-top: 70px;
        row-gap: 100px;
        padding: 0; } }
    .promise--shipping-return .shipping-cards-wrapper .info--card {
      max-width: 32%;
      width: 100%;
      position: relative;
      background-color: white;
      padding: 50px 25px 20px 25px;
      box-shadow: #c8c7c7 0px 0px 14px -2px; }
      @media only screen and (max-width: 550px) {
        .promise--shipping-return .shipping-cards-wrapper .info--card {
          max-width: 100%; } }
      .promise--shipping-return .shipping-cards-wrapper .info--card img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .promise--shipping-return .shipping-cards-wrapper .info--card h4 {
        font-size: 24px;
        text-align: center;
        color: #666666; }
      .promise--shipping-return .shipping-cards-wrapper .info--card p {
        font-size: 18px;
        text-align: center;
        margin: 0 0 20px 0;
        color: #666666; }

.promise--14-day-period {
  margin-bottom: 50px; }
  @media only screen and (max-width: 550px) {
    .promise--14-day-period {
      margin-top: 30px; } }
  .promise--14-day-period .period-wrapper {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 550px) {
      .promise--14-day-period .period-wrapper {
        flex-direction: column-reverse; } }
    .promise--14-day-period .period-wrapper .content-sec {
      max-width: 50%;
      width: 100%;
      background: #ffece7;
      padding: 30px 100px; }
      @media only screen and (max-width: 550px) {
        .promise--14-day-period .period-wrapper .content-sec {
          max-width: 100%;
          padding: 0 1.5rem; } }
      .promise--14-day-period .period-wrapper .content-sec h3 {
        font-size: 45px;
        color: #666666;
        max-width: 500px;
        margin-bottom: 30px;
        line-height: 1;
        text-transform: uppercase; }
        @media only screen and (max-width: 550px) {
          .promise--14-day-period .period-wrapper .content-sec h3 {
            font-size: 30px;
            text-align: center; } }
      .promise--14-day-period .period-wrapper .content-sec ul {
        padding: 0;
        margin: 0; }
        .promise--14-day-period .period-wrapper .content-sec ul li {
          display: flex;
          align-items: center;
          column-gap: 20px;
          margin-bottom: 20px; }
          .promise--14-day-period .period-wrapper .content-sec ul li p {
            margin: 0;
            line-height: 1; }
      .promise--14-day-period .period-wrapper .content-sec p {
        font-size: 18px;
        color: #666666; }
        .promise--14-day-period .period-wrapper .content-sec p a {
          color: #3c6bb4;
          font-weight: 600;
          text-decoration: none;
          font-size: 18px; }
    .promise--14-day-period .period-wrapper .img-sec {
      max-width: 50%;
      width: 100%;
      background-image: url("https://cdn11.bigcommerce.com/s-gh1go5da/images/stencil/original/image-manager/promise-period-banner-01.jpg?t=1694892874");
      background-size: cover;
      background-position: center center; }
      @media only screen and (max-width: 550px) {
        .promise--14-day-period .period-wrapper .img-sec {
          max-width: 100%;
          height: 400px; } }

.promise--additional-terms {
  margin: 50px 0; }
  .promise--additional-terms .additional-terms-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1330px;
    padding: 0 1.5rem;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 550px) {
      .promise--additional-terms .additional-terms-wrapper {
        flex-direction: column;
        row-gap: 30px; } }
    .promise--additional-terms .additional-terms-wrapper .terms--card {
      max-width: 49%;
      width: 100%;
      padding: 30px;
      box-shadow: #c8c7c7 0px 0px 14px -2px; }
      @media only screen and (max-width: 550px) {
        .promise--additional-terms .additional-terms-wrapper .terms--card {
          max-width: 100%;
          text-align: center; } }
      .promise--additional-terms .additional-terms-wrapper .terms--card h3 {
        font-size: 30px;
        margin: 0 0 20px 0;
        color: #666666;
        line-height: 1;
        text-transform: uppercase; }
        @media only screen and (max-width: 550px) {
          .promise--additional-terms .additional-terms-wrapper .terms--card h3 {
            text-align: center; } }
      .promise--additional-terms .additional-terms-wrapper .terms--card p {
        font-size: 18px;
        margin: 0 0 20px 0;
        color: #666666; }
        @media only screen and (max-width: 550px) {
          .promise--additional-terms .additional-terms-wrapper .terms--card p {
            text-align: center; } }
      .promise--additional-terms .additional-terms-wrapper .terms--card a {
        color: #3c6bb4;
        font-weight: 600;
        font-size: 18px; }
        @media only screen and (max-width: 550px) {
          .promise--additional-terms .additional-terms-wrapper .terms--card a {
            text-align: center; } }

.promise--contact-us {
  text-align: center;
  background: linear-gradient(to bottom, #ffece7 0, #ffece7 60%, #fff 60%, #fff 100%);
  padding: 15px 1.5rem 15px 1.5rem; }
  @media only screen and (max-width: 550px) {
    .promise--contact-us {
      background: #ffece7;
      padding: 30px 1.5rem;
      margin-bottom: 30px; } }
  .promise--contact-us h3 {
    font-size: 45px;
    color: #666666;
    text-transform: uppercase; }
    @media only screen and (max-width: 550px) {
      .promise--contact-us h3 {
        font-size: 30px;
        margin-top: 0; } }
  .promise--contact-us .contact-us-box {
    max-width: 1330px;
    margin: 50px auto;
    width: 100%;
    box-shadow: #c8c7c7 0px 0px 14px -2px;
    padding: 40px 20px;
    background: #fff; }
    .promise--contact-us .contact-us-box p {
      font-size: 18px;
      color: #666666; }
      @media only screen and (max-width: 550px) {
        .promise--contact-us .contact-us-box p {
          font-size: 16px; } }
      .promise--contact-us .contact-us-box p a {
        font-size: 18px;
        color: #3c6bb4;
        font-weight: 600; }
    .promise--contact-us .contact-us-box a.contact-btn {
      font-size: 18px;
      color: #666666;
      max-width: 190px;
      width: 100%;
      display: flex;
      margin: 0 auto;
      border: 1px solid black;
      padding: 10px 0;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      text-transform: uppercase; }
      @media only screen and (max-width: 550px) {
        .promise--contact-us .contact-us-box a.contact-btn {
          font-size: 16px; } }

.content-container.meet-the-experts {
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/herobanner-experts.jpg") center/cover;
  min-height: 450px; }

.meet-the-experts h1 {
  color: white;
  text-align: center;
  padding-top: 25%; }
  @media (min-width: 801px) {
    .meet-the-experts h1 {
      padding-left: 50%;
      padding-top: 20%; } }
  @media screen and (min-width: 1500px) {
    .meet-the-experts h1 {
      padding-left: 30%; } }

.experts-card-holder {
  padding: 2%; }

.iotr-card {
  margin: 3% 2% 50px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 801px) {
    .iotr-card {
      margin: 3% 10%;
      flex-direction: row; } }
  @media (min-width: 1261px) {
    .iotr-card {
      margin: 5% auto;
      max-width: 1200px; } }

.iotr-card__image-holder {
  height: 290px;
  min-width: 290px;
  margin: 6px auto; }
  @media (min-width: 801px) {
    .iotr-card__image-holder {
      margin-top: 6px;
      margin-right: 30px;
      flex: 2; } }

.iotr-card__image-holder img {
  max-height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 15px #adadad; }

.iotr-card__content-holder {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 801px) {
    .iotr-card__content-holder {
      padding-left: 25px;
      flex: 6; } }

.iotr-card h5 {
  margin: 0; }

.iotr-card__subtitle {
  text-transform: uppercase;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  text-align: center; }
  @media (min-width: 801px) {
    .iotr-card__subtitle {
      text-align: left; } }

.iotr-card__content-holder div {
  vertical-align: baseline;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 1261px) {
    .iotr-card__content-holder div {
      justify-content: space-between;
      flex-direction: row;
      max-width: 640px; } }

.iotr-card a {
  font-size: 14px;
  margin-bottom: 0;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  border-radius: 2px;
  color: #3f609f; }
  .iotr-card a:hover {
    color: #2f497a; }
    .iotr-card a:hover .iotr-card__svg {
      fill: #2f497a; }
  @media (min-width: 1261px) {
    .iotr-card a {
      text-align: center; } }

.contact-button {
  border: 1px solid #3f609f;
  border-radius: 6px;
  padding: 0 10px;
  text-transform: uppercase;
  max-width: 300px; }

.iotr-card__svg {
  display: inline-block;
  vertical-align: text-bottom;
  height: 20px;
  width: 20px;
  fill: #3f609f;
  margin-right: 5px; }

.showroom.no-margin {
  margin: 0; }

.iotr-card__text {
  font-weight: 300;
  line-height: 1.6em;
  margin-bottom: 30px; }

@media (min-width: 801px) {
  .experts-card-holder ~ .showroom {
    margin-bottom: 0; } }

.iotr-card a.contact-button {
  max-width: 190px; }

.iotr-card a.contact-button:hover {
  color: #fff;
  background: #2f497a; }

.iotr-card__content-holder > .heading-2 {
  margin-bottom: 2px;
  text-align: center; }
  @media (min-width: 801px) {
    .iotr-card__content-holder > .heading-2 {
      text-align: left; } }

.et-about__heading-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/et-herobanner.jpg") 20%/cover;
  min-height: 150px; }
  @media (min-width: 801px) {
    .et-about__heading-row {
      min-height: 250px;
      background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/et-herobanner.jpg") center/cover; } }
  @media (min-width: 1261px) {
    .et-about__heading-row {
      min-height: 350px; } }

.et-about__heading-row--logo {
  height: 38px; }
  @media (min-width: 1261px) {
    .et-about__heading-row--logo {
      height: 50px; } }

.et-about__heading-row ~ .about__content-row > div:first-of-type {
  min-height: 300px; }

@media (min-width: 801px) {
  .et-about__heading-row ~ .about__content-row .about__content-row--popout {
    top: 0; } }

@media (min-width: 1261px) {
  .et-about__heading-row ~ .about__content-row .about__content-row--popout {
    top: -50px;
    max-width: 1200px;
    margin: 0 auto;
    right: 0;
    left: 0; } }

.et-about__heading-row > h1 {
  color: white; }

.et-about__heading-row svg {
  fill: white;
  height: 40px;
  width: 40px; }

.et-about__heading-row p {
  width: 70%;
  margin-top: 10px;
  color: white;
  text-align: center;
  font-size: 20px; }
  @media (min-width: 1261px) {
    .et-about__heading-row p {
      font-size: 24px; } }
  @media (min-width: 801px) {
    .et-about__heading-row p {
      width: 30%; } }

.et-about__heading-row .iotr-button {
  margin-top: 25px;
  margin-bottom: 25px;
  color: white;
  background-color: #3f609f;
  padding: 15px 30px; }
  .et-about__heading-row .iotr-button:hover {
    background-color: #2f497a; }

@media (min-width: 1261px) {
  .et-about__heading-row ~ .about__content-row.et-about__popout--row > div:first-of-type {
    min-height: 250px; } }

.et {
  display: flex;
  flex-direction: column; }
  @media (min-width: 801px) {
    .et {
      flex-direction: row; } }

.et.reverse {
  flex-direction: column; }
  @media (min-width: 801px) {
    .et.reverse {
      flex-direction: row-reverse; } }

@media (min-width: 1261px) {
  .content-container.et {
    max-height: 600px; } }

.et > div {
  flex: 1;
  min-width: 50%;
  overflow: hidden; }

.et__content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media (min-width: 1261px) {
    .et__content-container {
      align-items: flex-end; } }

@media (min-width: 1261px) {
  .et__content-container--start {
    align-items: flex-start; } }

@media (min-width: 1261px) {
  .et__content-container--left-wrapper {
    max-width: 600px; } }

@media (min-width: 1261px) {
  .et__content-container--right-wrapper {
    max-width: 600px; } }

.content-container .et__content-container hr {
  margin-top: 0; }
  @media (min-width: 801px) {
    .content-container .et__content-container hr {
      margin-bottom: 1rem;
      margin-left: 0; } }

@media (min-width: 801px) {
  .content-container .et__content-container h2 {
    text-align: left; } }

.et.reverse {
  background-color: #f1f6fa; }

@media (min-width: 801px) {
  .et-image__selection {
    width: 100%; } }

@media (min-width: 801px) {
  .et.reverse img {
    padding-left: 50px; } }

.et--checkmark {
  display: inline-block;
  height: 15px;
  width: 15px;
  fill: #3f609f; }

.et-container {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin: 0; }
  .et-container:before, .et-container:after {
    content: " ";
    display: table; }
  .et-container:after {
    clear: both; }

.et-container div {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: left; }

div.et-container__card-one {
  padding: 2%; }
  @media (min-width: 551px) {
    div.et-container__card-one {
      padding-left: 5%; } }
  @media (min-width: 801px) {
    div.et-container__card-one {
      padding-left: 15%; } }
  @media (min-width: 1261px) {
    div.et-container__card-one {
      padding-left: 28%; } }

div.et-container__card-two {
  padding: 2%; }
  @media (min-width: 551px) {
    div.et-container__card-two {
      padding-right: 5%; } }
  @media (min-width: 801px) {
    div.et-container__card-two {
      padding-right: 15%; } }
  @media (min-width: 1261px) {
    div.et-container__card-two {
      padding-right: 28%; } }

.et-container__card--list {
  text-align: left;
  list-style: none;
  margin: 0; }

.et-container__card--text {
  display: inline-flex;
  width: 90%;
  padding-left: 20px;
  font-weight: 100;
  font-size: 18px;
  margin-bottom: 15px; }

.et-comparison__heading {
  width: 85%;
  text-align: center;
  margin: 25px auto 0; }
  @media (min-width: 801px) {
    .et-comparison__heading {
      margin: 50px auto 0;
      width: 50%; } }
  @media (min-width: 1261px) {
    .et-comparison__heading {
      margin: 150px auto 0; } }

.et-comparison__hr {
  border-color: #97a4c4;
  border-width: 1px;
  min-width: 80px;
  max-width: 80px;
  margin: 25px auto; }

.et-comparison__text {
  text-align: center;
  width: 85%;
  margin: 0 auto 50px;
  font-weight: 100; }
  @media (min-width: 801px) {
    .et-comparison__text {
      width: 50%; } }

.et-container__card--title {
  text-align: center; }

.et-row__view > p.et-about__text {
  font-size: 25px;
  font-weight: 400; }

.et-container.et-comparison {
  text-align: center; }
  @media (min-width: 1261px) {
    .et-container.et-comparison {
      max-width: 1200px;
      margin: 0 auto 100px; } }

.et.reverse.et-gia {
  background-color: #f1e8e8; }

.et-comparison .button--primary {
  margin: 25px; }

.et-gia__image {
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/et-iotr-gia-background.jpg") center/cover no-repeat;
  padding: 25px; }

.et-gia__image--chevron {
  height: 100%;
  border: 2px solid #A19FA3;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  @media (min-width: 1261px) {
    .et-gia__image--chevron {
      justify-content: flex-start; } }

.et-gia__image--content {
  padding-bottom: 25px;
  max-width: 600px; }

.et-gia__heading,
.et-gia__text {
  text-align: center; }

.content-container hr.et-gia__hr {
  border-color: white;
  margin-bottom: 10px;
  margin-top: 10px; }
  @media (min-width: 801px) {
    .content-container hr.et-gia__hr {
      margin-bottom: inherit; } }

.et-gia__heading {
  margin-top: 20px;
  color: white;
  font-family: "abril-text";
  font-size: 22px; }
  @media (min-width: 551px) {
    .et-gia__heading {
      font-size: 27px;
      margin-top: 50px; } }
  @media (min-width: 801px) {
    .et-gia__heading {
      margin-top: 75px; } }
  @media (min-width: 1261px) {
    .et-gia__heading {
      margin-top: 20px; } }

.et-gia__text {
  font-size: 14px;
  color: #e6e6e4;
  padding: 0 10%;
  font-weight: 100;
  margin-bottom: 15px; }
  @media (min-width: 551px) {
    .et-gia__text {
      margin-bottom: 0;
      padding: 0 5%; } }
  @media (min-width: 801px) {
    .et-gia__text {
      padding: 0 10%;
      font-size: 16px;
      margin-bottom: 15px; } }

.et-gia-what__header {
  font-weight: 700; }
  @media (min-width: 801px) {
    .et-gia-what__header {
      margin-top: 20px; } }
  @media (min-width: 1261px) {
    .et-gia-what__header {
      margin-top: 40px; } }

.et-gia-what__text {
  font-size: 16px;
  text-align: center;
  padding: 0 10%;
  margin-bottom: 25px; }
  @media (min-width: 801px) {
    .et-gia-what__text {
      padding: 0; } }
  @media (min-width: 1261px) {
    .et-gia-what__text {
      padding: 0 10%; } }

.et-gia__image--logo {
  height: 50px; }
  @media (min-width: 801px) {
    .et-gia__image--logo {
      height: 35px; } }
  @media (min-width: 1261px) {
    .et-gia__image--logo {
      height: 50px; } }

.et-gia__image--book {
  height: 200px;
  margin-bottom: 25px; }
  @media (min-width: 801px) {
    .et-gia__image--book {
      display: none;
      margin-bottom: 0px; } }
  @media (min-width: 1261px) {
    .et-gia__image--book {
      display: inline-block;
      height: 200px;
      margin-bottom: 50px; } }

.et.reverse img.et-gia__image--logo,
.et.reverse img.et-gia__image--book {
  padding: 0; }

.et.reverse img.et-gia__image--logo {
  margin-top: 50px; }

.et__content-container--wrapper {
  max-width: 600px;
  text-align: center; }

.about .et__content-container {
  align-items: flex-start;
  padding: 0 6%; }

.about .reverse .et__content-container {
  align-items: center;
  padding: 0 6%; }

.thin > strong {
  font-weight: 500; }

.et-science .category--heading {
  align-items: center;
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/et-herobanner.jpg") 20%/cover;
  display: flex;
  flex-direction: column;
  font: "niveau-grotesk";
  justify-content: center;
  min-height: 450px; }
  @media (min-width: 801px) {
    .et-science .category--heading {
      background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/et-hero-banner.png") center/cover; } }
  @media screen and (min-width: 1700px) {
    .et-science .category--heading {
      min-height: 600px; } }
  @media screen and (min-width: 2300px) {
    .et-science .category--heading {
      min-height: 700px; } }
  .et-science .category--heading .CategoryDesc p {
    color: #fff; }

.et-science .section-wrapper {
  top: 59%; }
  @media (min-width: 801px) {
    .et-science .section-wrapper {
      width: 85%; } }

.et-science .reviews__carousel--content-wrapper {
  max-width: 100vw; }
  @media (min-width: 1261px) {
    .et-science .reviews__carousel--content-wrapper {
      max-width: 75vw; } }

.et-science__heading,
.et-science__subheading {
  color: white;
  margin-bottom: 25px; }

.et-science__subheading {
  font-size: 21px;
  max-width: 425px;
  text-align: center; }

.et-science__icon {
  fill: white;
  height: 40px;
  width: 40px; }

.et-science__popout-image {
  height: 40px; }
  @media (min-width: 551px) {
    .et-science__popout-image {
      height: 50px; } }

.et-science__row--head .button {
  font-size: 18px;
  font-weight: 300; }

.et-science__image {
  height: 100%; }
  @media (min-width: 1261px) {
    .et-science__image {
      height: 500px;
      width: 500px; } }

.content-container.et-science h2 {
  text-align: left; }

.et-science .reviews {
  background-color: white;
  margin-bottom: 75px; }

.et-science .reviews p {
  margin-bottom: 0; }

.et-science .reviews hr {
  margin-left: 0; }

.et-science .reviews .reviews__carousel--review-wrapper {
  margin: 0; }
  @media (min-width: 551px) {
    .et-science .reviews .reviews__carousel--review-wrapper {
      margin: 7.5% 7.5% 15% 7.5%; } }
  @media (min-width: 1261px) {
    .et-science .reviews .reviews__carousel--review-wrapper {
      padding: 3%; } }

@media (min-width: 1261px) {
  .et-science .reviews .reviews__carousel--review-wrapper > div {
    padding: 5% 10%; } }

.et-science .handcrafted > div {
  display: flex;
  justify-content: center; }

.et-science__row--wrapper .handcrafted {
  background-color: #f1e8e8; }

.et-science__row--shop {
  margin-top: 50px;
  margin-bottom: 100px; }

.shop-new.et-science__row--shop > hr {
  margin-top: 5px; }

.et-science a {
  text-decoration: none; }

.et-card__image {
  margin: 0 auto; }

.et-card__link,
.et-card__text {
  text-align: center; }

.et-card__text {
  font-size: 18px;
  padding: 10px; }

.et-card__link {
  color: #3f609f;
  font-size: 14px;
  text-transform: uppercase; }

.et-row__tall {
  background-color: #f7fbfc; }

.et-row__tall--heading {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  font-size: 34px;
  font-family: "abril-text"; }
  @media (min-width: 801px) {
    .et-row__tall--heading {
      padding-top: 150px; } }

.et-bullet-container {
  margin: 0 auto;
  width: 90%; }
  @media (min-width: 801px) {
    .et-bullet-container {
      width: 60%; } }
  @media (min-width: 1261px) {
    .et-bullet-container {
      max-width: 1200px; } }

.et-bullet-container__list {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }

.et-bullet-container__list--item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

.et-list-item__wrapper {
  display: flex;
  justify-content: center;
  align-items: center; }

.et-list-item__wrapper p {
  color: #575757;
  font-family: "niveau-grotesk";
  font-size: 21px;
  font-weight: 100;
  line-height: 36px; }

@media (min-width: 551px) {
  .et-bullet-container__list--item:nth-of-type(even) > div,
  .et-bullet-container__list--item:nth-of-type(odd) > img {
    border-right: 2px solid white;
    height: 100%; } }

@media only screen and (min-width: 1600px) {
  .et-bullet-container__list--item:nth-of-type(even) > div,
  .et-bullet-container__list--item:nth-of-type(odd) > img {
    border: none; } }

@media (min-width: 551px) {
  .et-bullet-container__list--item:nth-of-type(odd) > img {
    order: -1; } }

.et-bullet-container__list--item > div,
.et-bullet-container__list--item > img {
  width: 50%;
  min-width: 250px; }

@media only screen and (min-width: 1600px) {
  .et-bullet-container__list--item > img {
    max-height: 400px;
    max-width: 400px; } }

.et-bullet-container__list--item > div {
  margin-bottom: 20px; }
  @media (min-width: 551px) {
    .et-bullet-container__list--item > div {
      margin-bottom: 0;
      padding: 0 50px; } }

.et-list__number {
  color: black;
  display: block;
  font-weight: bold;
  font-family: "abril-text";
  font-size: 28px; }

.et-row__view {
  margin: 50px 10%;
  text-align: center; }
  @media (min-width: 801px) {
    .et-row__view {
      margin: 50px 20%; } }
  @media (min-width: 1261px) {
    .et-row__view {
      margin: 50px auto;
      max-width: 1200px;
      padding-right: 5%;
      padding-left: 5%; } }

.et-row__view > img {
  display: block;
  margin: 25px auto; }

.et-row__view > p {
  margin-bottom: 25px;
  color: #575757;
  font-family: "niveau-grotesk";
  font-size: 21px;
  font-weight: 100;
  line-height: 36px; }

.et-row__view > a {
  margin: 0; }
  @media (min-width: 551px) {
    .et-row__view > a {
      margin: 25px; } }

.et-science__font {
  color: #575757;
  font-family: "niveau-grotesk";
  font-size: 21px;
  font-weight: 100;
  line-height: 36px; }

.et-gia ~ .et-row__view > img {
  height: 50px; }

.handcrafted p.et-science__font {
  max-width: 600px; }

@media only screen and (max-width: 800px) {
  .FullTwoColumnWrap.SpecialColumnWrap.ScienceBehindLab {
    margin: 0; }
    .FullTwoColumnWrap.SpecialColumnWrap.ScienceBehindLab .ColumnWrap {
      padding: 0; }
      .FullTwoColumnWrap.SpecialColumnWrap.ScienceBehindLab .ColumnWrap.ImageWrap {
        display: none; }
      .FullTwoColumnWrap.SpecialColumnWrap.ScienceBehindLab .ColumnWrap.ContentWrap .ContentInfo {
        position: inherit;
        left: inherit;
        top: inherit; }
        .FullTwoColumnWrap.SpecialColumnWrap.ScienceBehindLab .ColumnWrap.ContentWrap .ContentInfo .ContentInfoBox {
          padding: 2rem; } }

.our-history .page-heading_outter {
  margin: 0; }

.inner-container {
  max-width: 1330px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1.5rem; }

.history-content-row {
  background: #ffece7;
  padding: 50px 0 200px 0;
  text-align: center; }
  @media only screen and (max-width: 550px) {
    .history-content-row {
      padding: 50px 0 50px 0; } }
  .history-content-row img {
    padding-bottom: 30px; }
  .history-content-row p {
    max-width: 950px;
    margin: 0 auto;
    width: 100%;
    font-size: 24px; }
    @media only screen and (max-width: 550px) {
      .history-content-row p {
        font-size: 16px; } }
  .history-content-row .history-content--first {
    margin-bottom: 40px; }

.history-timeline-sctn {
  position: relative;
  top: -80px; }
  @media only screen and (max-width: 550px) {
    .history-timeline-sctn {
      position: static;
      top: unset;
      padding: 100px 0 50px 0;
      background: #ffece7; } }
  .history-timeline-sctn .history--timeline-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 2%; }
    @media only screen and (max-width: 550px) {
      .history-timeline-sctn .history--timeline-wrapper {
        flex-direction: column;
        row-gap: 80px; } }
  .history-timeline-sctn .timeline--card {
    position: relative;
    width: 24.5%;
    padding: 30px 30px 10px 30px;
    background: white;
    box-shadow: #c8c7c7 0px 0px 14px -2px; }
    @media only screen and (max-width: 550px) {
      .history-timeline-sctn .timeline--card {
        width: 100%; } }
    .history-timeline-sctn .timeline--card img {
      max-width: 100px;
      height: 100px;
      width: 100%;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: -50px; }
    .history-timeline-sctn .timeline--card h4 {
      text-align: center;
      font-size: 24px;
      color: #666666; }
    .history-timeline-sctn .timeline--card p {
      text-align: center;
      font-size: 18px;
      color: #666666; }
      @media only screen and (max-width: 550px) {
        .history-timeline-sctn .timeline--card p {
          font-size: 16px; } }

@media only screen and (max-width: 550px) {
  .history-owned-operative {
    padding-top: 50px; } }

.history-owned-operative h3 {
  font-size: 45px;
  margin: 0 0 40px 0;
  color: #666666;
  text-align: center;
  line-height: 1;
  text-transform: uppercase; }
  @media only screen and (max-width: 550px) {
    .history-owned-operative h3 {
      font-size: 30px; } }

.history-owned-operative p {
  font-size: 24px;
  margin: 0 0 40px 0;
  color: #666666;
  text-align: center; }
  @media only screen and (max-width: 550px) {
    .history-owned-operative p {
      font-size: 16px; } }

.history--true-back {
  padding: 70px 0; }
  @media only screen and (max-width: 550px) {
    .history--true-back {
      padding: 50px 1.5rem; } }
  .history--true-back .true-back-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5%; }
    @media only screen and (max-width: 550px) {
      .history--true-back .true-back-wrapper {
        flex-direction: column; } }
    .history--true-back .true-back-wrapper .left-box {
      max-width: 47.5%;
      width: 100%; }
      @media only screen and (max-width: 550px) {
        .history--true-back .true-back-wrapper .left-box {
          max-width: 100%; } }
      .history--true-back .true-back-wrapper .left-box img {
        width: 100%; }
    .history--true-back .true-back-wrapper .right-box {
      max-width: 47.5%;
      width: 100%; }
      @media only screen and (max-width: 550px) {
        .history--true-back .true-back-wrapper .right-box {
          max-width: 100%; } }
      .history--true-back .true-back-wrapper .right-box h3 {
        font-size: 45px;
        color: #666;
        max-width: 530px;
        text-transform: uppercase;
        line-height: 1.2; }
        @media only screen and (max-width: 550px) {
          .history--true-back .true-back-wrapper .right-box h3 {
            text-align: center;
            font-size: 30px; } }

.history-continue-exploring {
  padding: 70px 0; }
  @media only screen and (max-width: 550px) {
    .history-continue-exploring {
      padding: 0 1.5rem 50px 1.5rem; } }
  .history-continue-exploring h3 {
    font-size: 45px;
    color: #666666;
    text-align: center;
    margin: 0 0 30px 0;
    text-transform: uppercase; }
    @media only screen and (max-width: 550px) {
      .history-continue-exploring h3 {
        font-size: 30px; } }
  .history-continue-exploring .continue-explore-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 3%; }
    @media only screen and (max-width: 550px) {
      .history-continue-exploring .continue-explore-wrapper {
        flex-direction: column;
        row-gap: 50px; } }
    .history-continue-exploring .continue-explore-wrapper .explore--card {
      max-width: 32%;
      width: 100%; }
      @media only screen and (max-width: 550px) {
        .history-continue-exploring .continue-explore-wrapper .explore--card {
          max-width: 100%;
          width: 100%; } }
      .history-continue-exploring .continue-explore-wrapper .explore--card img {
        width: 100%; }
      .history-continue-exploring .continue-explore-wrapper .explore--card h4 {
        margin: 20px 0;
        font-size: 45px;
        color: #666666;
        text-align: center;
        text-transform: uppercase; }
        @media only screen and (max-width: 550px) {
          .history-continue-exploring .continue-explore-wrapper .explore--card h4 {
            font-size: 30px; } }
      .history-continue-exploring .continue-explore-wrapper .explore--card a {
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto;
        max-width: 160px;
        width: 100%;
        border: 1px solid #666666;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase; }

.new-instagram-wrap {
  margin-bottom: 0 !important; }

.guide {
  display: flex;
  flex-direction: column-reverse;
  padding: 25px; }
  @media (min-width: 801px) {
    .guide {
      padding: 0;
      flex-direction: row;
      max-width: 1200px;
      margin: auto; } }

.guide__container {
  flex: 1; }

.guide__container:first-of-type {
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 0; }

.guide__container--image {
  height: 75vw;
  width: 71vw;
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/guide-image.jpg") center/contain no-repeat; }
  @media (min-width: 801px) {
    .guide__container--image {
      width: auto;
      height: 100%; } }

.guide__container--title {
  font-family: "abril-text";
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;
  margin-top: 15px; }
  @media (min-width: 801px) {
    .guide__container--title {
      text-align: left; } }

.guide__social {
  margin-bottom: 25px; }
  @media (min-width: 551px) {
    .guide__social {
      display: flex;
      flex-wrap: wrap; } }

.guide__social--link {
  text-decoration: none;
  margin-right: 10px; }
  @media only screen and (max-width: 501px) {
    .guide__social--link {
      display: inherit; } }

.guide__social--item {
  color: white;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  padding: 1px 20px; }

.guide__social--icon {
  margin-right: 5px;
  fill: white;
  height: 15px;
  width: 15px; }

.guide__social--facebook {
  background-color: #3b5998; }

.guide__social--pinterest {
  background-color: #BD081C; }

.guide__social--email {
  background-color: #DBDBDB; }

.guide__social--twitter {
  background-color: #00aced; }

.guide__container--text,
.guide__container--list-title,
.guide__container--list-item {
  font-weight: 100; }

.guide__container--list-item {
  padding-left: 10px; }

.guide__container--text {
  margin-bottom: 15px; }

.guide__container--button {
  width: 65%; }

.education {
  background: url("https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/HeroBanner-Edu.jpg") center/cover; }

.education__title {
  color: white;
  text-align: center;
  padding-top: 7%; }
  @media (min-width: 1261px) {
    .education__title {
      text-align: right;
      padding-right: 10%; } }

.education-container {
  margin: 0 2%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 801px) {
    .education-container {
      margin: 0 2%;
      justify-content: space-around; } }
  @media (min-width: 1261px) {
    .education-container {
      margin: 0 10%;
      justify-content: space-between;
      max-width: 1200px;
      margin: auto; } }

.education-card {
  margin: 0 5px 50px 5px;
  width: 100%; }
  @media (min-width: 801px) {
    .education-card {
      width: 350px; } }

.education-card__title {
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: 'abril-text';
  padding-right: 10%;
  font-size: 19px;
  line-height: 22px;
  min-height: 44px; }

.education-card__link {
  color: #3f609f;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px; }

.education__learn-more {
  margin: 0 auto 100px; }

@media only screen and (max-width: 767px) {
  .education-container {
    padding: 0 15px;
    margin: 0; }
  .EducationBox {
    text-align: center; }
  .education-card__title {
    padding: 0;
    line-height: 1.4em; } }

.mobile-visit-button {
  display: none; }

.downtown-heading-wrap {
  display: flex;
  flex-direction: column;
  min-height: 444px;
  justify-content: flex-end;
  margin: 0 0 1.5rem;
  position: relative;
  text-align: center; }
  @media (min-width: 801px) {
    .downtown-heading-wrap {
      min-height: 567px; } }
  .downtown-heading-wrap .container {
    position: unset; }
  .downtown-heading-wrap .downtown-heading {
    background-color: #ffffff;
    bottom: 4%;
    padding: 1.5rem;
    position: absolute;
    right: unset;
    width: 90%;
    text-align: center; }
    @media (min-width: 801px) {
      .downtown-heading-wrap .downtown-heading {
        bottom: unset;
        max-width: 530px;
        transform: translate(0, -50%);
        top: 50%;
        width: 100%;
        text-align: left; } }
  .downtown-heading-wrap h1 {
    color: #666666;
    font-size: 32px;
    line-height: 3rem;
    margin: 0; }
    @media (min-width: 481px) {
      .downtown-heading-wrap h1 {
        font-size: 45px;
        line-height: 4rem; } }
    @media (min-width: 801px) {
      .downtown-heading-wrap h1 {
        font-size: 45px;
        line-height: 4rem; } }
    @media (min-width: 1681px) {
      .downtown-heading-wrap h1 {
        font-size: 60px;
        line-height: 4.5rem; } }

.moissanite-diamond .page-heading_outter .page-heading-content {
  max-width: 660px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  column-gap: 1rem; }
  @media (min-width: 801px) {
    .moissanite-diamond .page-heading_outter .page-heading-content {
      flex-direction: row; } }
  .moissanite-diamond .page-heading_outter .page-heading-content .authorized-charles-calvard img {
    display: block;
    width: 140px;
    object-position: center;
    max-width: unset; }

.visit-icingonthering .page-heading_outter .page-heading-content {
  max-width: 624px; }

.la-custom-design .page-heading_outter {
  margin-bottom: 0; }

.downtown-la-pages .expectation-visit-wrap h3,
.downtown-la-pages .why-icing-wrap h3,
.downtown-la-pages .GIA-certified-diamond-wrap h3,
.downtown-la-pages .design-journey-wrap h3,
.downtown-la-pages .downtown-la-faq-wrap h3,
.downtown-la-pages .yelp-reviews-wrap h3,
.downtown-la-pages .need-directions-wrap h3,
.downtown-la-pages .moissanite-diamonds-banner h3,
.downtown-la-pages .popular-collections h3 {
  color: #666;
  font-size: 30px;
  line-height: 3rem;
  margin: 0 0 2rem;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 1441px) {
    .downtown-la-pages .expectation-visit-wrap h3,
    .downtown-la-pages .why-icing-wrap h3,
    .downtown-la-pages .GIA-certified-diamond-wrap h3,
    .downtown-la-pages .design-journey-wrap h3,
    .downtown-la-pages .downtown-la-faq-wrap h3,
    .downtown-la-pages .yelp-reviews-wrap h3,
    .downtown-la-pages .need-directions-wrap h3,
    .downtown-la-pages .moissanite-diamonds-banner h3,
    .downtown-la-pages .popular-collections h3 {
      color: #666;
      font-size: 45px;
      line-height: 4rem;
      margin: 0 0 2rem;
      text-transform: uppercase; } }

.downtown-la-pages .expectation-visit-wrap .button,
.downtown-la-pages .why-icing-wrap .button,
.downtown-la-pages .GIA-certified-diamond-wrap .button,
.downtown-la-pages .design-journey-wrap .button,
.downtown-la-pages .downtown-la-faq-wrap .button,
.downtown-la-pages .yelp-reviews-wrap .button,
.downtown-la-pages .need-directions-wrap .button,
.downtown-la-pages .moissanite-diamonds-banner .button,
.downtown-la-pages .popular-collections .button {
  background-color: #FFFFFF;
  border-color: #505050;
  border-radius: 0;
  color: #666666;
  font-size: 18px;
  line-height: 2rem; }
  .downtown-la-pages .expectation-visit-wrap .button:hover,
  .downtown-la-pages .why-icing-wrap .button:hover,
  .downtown-la-pages .GIA-certified-diamond-wrap .button:hover,
  .downtown-la-pages .design-journey-wrap .button:hover,
  .downtown-la-pages .downtown-la-faq-wrap .button:hover,
  .downtown-la-pages .yelp-reviews-wrap .button:hover,
  .downtown-la-pages .need-directions-wrap .button:hover,
  .downtown-la-pages .moissanite-diamonds-banner .button:hover,
  .downtown-la-pages .popular-collections .button:hover {
    color: #FFFFFF;
    background-color: #3c6bb4;
    border-color: #3c6bb4; }

.downtown-la-pages .downtown-visit-wrapper {
  margin: 100px 0 0 0; }
  .downtown-la-pages .downtown-visit-wrapper .container {
    padding: 0; }
    @media (min-width: 801px) {
      .downtown-la-pages .downtown-visit-wrapper .container {
        padding: 0 1.5rem; } }
  .downtown-la-pages .downtown-visit-wrapper .inner {
    position: relative;
    background-image: url(https://cdn11.bigcommerce.com/s-gh1go5da/images/stencil/original/image-manager/custom-jewelry-in-downtown-la-scahedule-banner.jpg?t=167222561);
    min-height: 400px; }
    @media (min-width: 801px) {
      .downtown-la-pages .downtown-visit-wrapper .inner {
        min-height: 550px; } }
    .downtown-la-pages .downtown-visit-wrapper .inner .schedual-visit-detail {
      background: rgba(255, 255, 255, 0.78);
      padding: 3rem 2rem;
      max-width: 90%; }
      @media (min-width: 801px) {
        .downtown-la-pages .downtown-visit-wrapper .inner .schedual-visit-detail {
          max-width: 360px; } }
      .downtown-la-pages .downtown-visit-wrapper .inner .schedual-visit-detail p {
        color: #666666; }
      .downtown-la-pages .downtown-visit-wrapper .inner .schedual-visit-detail .custom-primary-buttons {
        background-color: #FFFFFF;
        border-color: #505050;
        color: #666666; }
      .downtown-la-pages .downtown-visit-wrapper .inner .schedual-visit-detail img {
        max-width: 75px;
        width: 100%;
        margin: 0 auto;
        display: block; }

.downtown-la-pages .FullTwoColumnWrap {
  margin: 0 0 3rem;
  padding: 0 1.5rem; }
  @media (min-width: 801px) {
    .downtown-la-pages .FullTwoColumnWrap {
      padding: 0; } }
  .downtown-la-pages .FullTwoColumnWrap.with-column-reverse {
    flex-direction: column; }
    @media (min-width: 992px) {
      .downtown-la-pages .FullTwoColumnWrap.with-column-reverse {
        flex-direction: row-reverse; } }
  .downtown-la-pages .FullTwoColumnWrap .ColumnWrap.ContentWrap {
    justify-content: flex-start; }
    .downtown-la-pages .FullTwoColumnWrap .ColumnWrap.ContentWrap .ContentInfo {
      max-width: 842px; }

.downtown-la-pages .new-instagram-container .new-instagram-wrap {
  margin: 0 !important; }
  .downtown-la-pages .new-instagram-container .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2, .downtown-la-pages .new-instagram-container .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p {
    color: #666666; }
  .downtown-la-pages .new-instagram-container .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading .new-instagram-btn {
    background-color: #FFFFFF;
    border-color: #505050;
    border-radius: 0;
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 2rem; }
    .downtown-la-pages .new-instagram-container .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading .new-instagram-btn:hover {
      color: #FFFFFF;
      background-color: #3c6bb4;
      border-color: #3c6bb4; }

.downtown-la-pages .expectation-visit-wrap {
  margin-bottom: 130px; }
  @media (min-width: 1441px) {
    .downtown-la-pages .expectation-visit-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
      color: #666;
      font-size: 45px;
      line-height: 4rem;
      margin: 0 0 2rem;
      text-transform: uppercase; } }
  .downtown-la-pages .expectation-visit-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo h3 {
    color: #666666;
    font-size: 20px;
    margin: 0 0 1rem;
    text-transform: capitalize; }
    @media (min-width: 801px) {
      .downtown-la-pages .expectation-visit-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo h3 {
        font-size: 35px;
        margin: 0 0 2rem;
        text-transform: capitalize; } }
  .downtown-la-pages .expectation-visit-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .text-uuper--size {
    text-transform: uppercase; }

.downtown-la-pages .downtown-contacts-wrap {
  text-align: center;
  margin: 0 0 3rem; }
  .downtown-la-pages .downtown-contacts-wrap .container {
    padding: 0; }
    @media (min-width: 801px) {
      .downtown-la-pages .downtown-contacts-wrap .container {
        padding: 0 1.5rem; } }
  .downtown-la-pages .downtown-contacts-wrap .downtown-contacts {
    background-color: #ffece7;
    padding: 1.6rem 0; }
  .downtown-la-pages .downtown-contacts-wrap p {
    color: #666;
    font-size: 28px;
    line-height: 2.4rem;
    margin: 0 0 0.5rem; }
  .downtown-la-pages .downtown-contacts-wrap a {
    color: #3f609f;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center left 8px;
    font-weight: 400;
    padding-left: 2.8rem;
    text-decoration: none; }
    .downtown-la-pages .downtown-contacts-wrap a.mailus {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='28px' fill='rgb(63, 96, 159)' viewBox='0 0 32 25.796'%3E%3cg%3E%3cpath  d='M30.735,6.431c0,2.145,0,4.175,0,6.206c0,2.728,0.003,5.457-0.002,8.187c-0.003,2.276-1.548,3.821-3.825,3.821c-7.306,0.004-14.61,0.004-21.915,0c-2.245,0-3.811-1.551-3.813-3.774c-0.005-4.616-0.001-9.233-0.002-13.849c0-0.161,0-0.322,0-0.574c0.255,0.147,0.447,0.249,0.628,0.366c4.406,2.849,8.819,5.689,13.208,8.564c0.687,0.451,1.216,0.44,1.896-0.006c4.374-2.861,8.769-5.691,13.156-8.53C30.251,6.72,30.442,6.61,30.735,6.431z'/%3E%3cpath d='M15.95,1.002c3.713,0,7.426-0.007,11.138,0.004c1.62,0.005,3.002,1.046,3.472,2.548c0.112,0.361,0.07,0.585-0.28,0.812c-4.651,2.993-9.294,6-13.933,9.014c-0.282,0.183-0.481,0.191-0.767,0.006C10.94,10.372,6.298,7.363,1.646,4.371c-0.38-0.244-0.4-0.484-0.274-0.863c0.506-1.509,1.858-2.5,3.504-2.503C8.566,0.997,12.259,1.002,15.95,1.002z'/%3E%3c/g%3E%3C/svg%3E"); }
    .downtown-la-pages .downtown-contacts-wrap a.callus {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(63, 96, 159)' viewBox='0 0 32 32'%3E%3Cpath d='M9.543,12.107c1.845,3.444,4.182,6.47,7.508,8.638c0.854,0.557,1.743,1.057,2.606,1.6c0.323,0.202,0.549,0.209,0.856-0.08c0.829-0.778,1.69-1.523,2.566-2.25c0.883-0.731,1.755-0.704,2.565,0.11c1.65,1.654,3.282,3.325,4.897,5.012c0.708,0.741,0.693,1.527,0.189,2.418c-1.494,2.644-3.918,3.518-6.755,3.633c-2.835,0.115-5.372-0.837-7.704-2.325c-1.498-0.958-2.975-1.997-4.281-3.196c-3.149-2.896-6.232-5.872-8.523-9.541c-1.29-2.066-2.256-4.261-2.438-6.729c-0.115-1.562,0.083-3.09,0.593-4.574c0.593-1.727,1.893-2.813,3.423-3.637C5.783,0.789,6.511,1.07,7.099,1.618c0.819,0.762,1.619,1.544,2.419,2.326c0.814,0.796,1.625,1.595,2.426,2.403c0.981,0.99,1.023,1.773,0.133,2.832C11.257,10.154,10.411,11.106,9.543,12.107z'/%3E%3C/svg%3E"); }

.downtown-la-pages .downtown-schedule-visit-wrap {
  background-color: #eff5fa;
  text-align: center;
  padding: 1.2rem 0;
  margin: 0 0 1.5rem; }
  @media (min-width: 801px) {
    .downtown-la-pages .downtown-schedule-visit-wrap {
      padding: 0.8rem 0; } }
  @media (min-width: 1681px) {
    .downtown-la-pages .downtown-schedule-visit-wrap {
      padding: 1.8rem 0; } }

.downtown-la-pages .why-icing-wrap {
  background-color: #ffece7;
  padding-top: 4rem; }
  @media (min-width: 801px) {
    .downtown-la-pages .why-icing-wrap {
      padding: 0;
      margin: 0 0 12rem; } }
  .downtown-la-pages .why-icing-wrap .container {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem; }
    @media (min-width: 801px) {
      .downtown-la-pages .why-icing-wrap .container {
        padding-bottom: 0;
        margin-bottom: 0; } }
  .downtown-la-pages .why-icing-wrap h3 {
    color: #666;
    font-size: 45px;
    margin: 3rem 0 5rem;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .downtown-la-pages .why-icing-wrap h3 {
        margin: 3rem 0 -1rem; } }
  .downtown-la-pages .why-icing-wrap .why-icing-boxes {
    background-color: #fff; }
    @media (min-width: 801px) {
      .downtown-la-pages .why-icing-wrap .why-icing-boxes {
        box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
        position: relative;
        top: 8rem; } }
    .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box {
      max-width: 450px;
      margin: 0 auto;
      padding: 3.6rem 2.4rem 6rem 1.6rem;
      position: relative;
      text-align: center;
      width: 100%; }
      @media (min-width: 801px) {
        .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box {
          padding: 3.6rem 2.4rem 1.6rem 1.6rem; } }
      .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box .icon {
        position: absolute;
        right: 50%;
        top: -50px;
        width: 100px;
        height: 100px;
        margin-right: -50px;
        padding: 1rem;
        background-color: #3c6bb4;
        border-radius: 50%;
        border: 10px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
        .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box .icon svg {
          fill: #ffffff;
          stroke: #ffffff; }
      .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box h4 {
        font-size: 24px;
        margin: 0 0 1rem; }
      .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box p {
        font-size: 20px;
        line-height: 2rem;
        font-weight: 300; }
      .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box .why-icing-button {
        text-align: center;
        margin: 3rem 0 1.58rem 0; }
        .downtown-la-pages .why-icing-wrap .why-icing-boxes .why-icing-box .why-icing-button .button {
          font-size: 25px;
          margin: 0;
          border-radius: 0; }
    .downtown-la-pages .why-icing-wrap .why-icing-boxes .product-listing-btn {
      text-align: center; }

.downtown-la-pages .why-icing-after-btn {
  text-align: center;
  margin-bottom: 100px; }

.downtown-la-pages .GIA-certified-diamond-wrap {
  margin: 0 0 4rem; }
  .downtown-la-pages .GIA-certified-diamond-wrap .productCarousel {
    margin: 0 auto; }
    .downtown-la-pages .GIA-certified-diamond-wrap .productCarousel .slick-dots {
      display: none !important; }
  .downtown-la-pages .GIA-certified-diamond-wrap .product-listing-btn {
    text-align: center; }

.downtown-la-pages .design-journey-wrap {
  margin: 0 0 4rem; }
  .downtown-la-pages .design-journey-wrap .design-journey-box .design-journey-content {
    padding-top: 2rem;
    position: relative;
    text-align: center; }
    .downtown-la-pages .design-journey-wrap .design-journey-box .design-journey-content span {
      align-items: center;
      background-color: #3c6bb4;
      border: 8px solid #fff;
      border-radius: 50%;
      color: #fff;
      font-size: 42px;
      font-weight: 300;
      display: flex;
      height: 108px;
      justify-content: center;
      left: 50%;
      margin-left: -56px;
      position: absolute;
      text-align: center;
      top: -56px;
      width: 108px; }
    .downtown-la-pages .design-journey-wrap .design-journey-box .design-journey-content h4 {
      font-size: 30px;
      font-weight: 300;
      margin: 2.4rem 0 1.2rem;
      text-transform: uppercase; }
    .downtown-la-pages .design-journey-wrap .design-journey-box .design-journey-content p {
      font-size: 18px;
      margin: 0; }

.downtown-la-pages .downtown-la-faq-wrap {
  background-color: #ffece7;
  padding: 0; }
  @media (min-width: 801px) {
    .downtown-la-pages .downtown-la-faq-wrap {
      padding: 0; } }
  .downtown-la-pages .downtown-la-faq-wrap .ColumnWrap.ContentWrap {
    justify-content: center; }
  .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box {
    background-color: #ffece7;
    border: 1px solid #e4c4bc;
    margin: 0 0 1.4rem;
    padding: 0;
    width: 100%; }
    .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box.is-open {
      background-color: #ffffff;
      border: 1px solid #ffffff; }
      .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box.is-open h4:after {
        transform: rotate(-90deg); }
    .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box h4 {
      cursor: pointer;
      font-size: 18px;
      margin: 0;
      padding: 1rem;
      position: relative;
      text-align: left; }
      @media (min-width: 801px) {
        .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box h4 {
          font-size: 24px;
          padding: 1.6rem; } }
      .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box h4:after {
        content: '';
        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='%238f8f8f' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: 14px;
        position: absolute;
        right: 1rem;
        top: 1.6rem;
        transform: rotate(90deg);
        width: 20px; }
        @media (min-width: 801px) {
          .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box h4:after {
            right: 1.6rem;
            top: 2.2rem; } }
    .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box .faq-box-content {
      display: none; }
    .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box p {
      font-size: 16px;
      margin: 0;
      padding: 0 1rem 1rem;
      text-align: left; }
      @media (min-width: 801px) {
        .downtown-la-pages .downtown-la-faq-wrap.FullTwoColumnWrap .ColumnWrap .ContentInfo .downtown-la-faq-box p {
          font-size: 18px;
          padding: 0 1.6rem 1.6rem; } }

.downtown-la-pages .yelp-reviews-wrap {
  margin: 0 0 3rem; }
  .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap {
    margin: 0 auto 2rem;
    max-width: 1200px;
    width: 100%;
    text-align: center; }
    .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap h3 {
      color: #666666;
      font-size: 24px;
      line-height: 2.6rem;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap h3 {
          font-size: 45px;
          line-height: 1.2; } }
    .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap .icon-yelp-logo {
      display: block; }
      .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap .icon-yelp-logo a {
        display: block; }
        .downtown-la-pages .yelp-reviews-wrap .yelp-logo-wrap .icon-yelp-logo a img {
          max-width: 150px; }
  .downtown-la-pages .yelp-reviews-wrap .row {
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 801px) {
      .downtown-la-pages .yelp-reviews-wrap .row {
        margin-left: -15px;
        margin-right: -15px; } }
  .downtown-la-pages .yelp-reviews-wrap .yelp-review-box {
    box-shadow: rgba(0, 0, 0, 0.02) 0 5px 20px 0, rgba(0, 0, 0, 0.02) 0 5px 20px 0, rgba(0, 0, 0, 0.05) 0 5px 18px 0;
    margin: 2rem 0;
    min-height: 250px;
    padding: 2rem;
    text-align: center; }
    .downtown-la-pages .yelp-reviews-wrap .yelp-review-box .yelp-review-header .yelp-review-star {
      display: block; }
      .downtown-la-pages .yelp-reviews-wrap .yelp-review-box .yelp-review-header .yelp-review-star svg {
        background-color: #d32323;
        border-radius: 3px;
        display: inline-block;
        fill: #fff;
        height: 22px;
        padding: 3px;
        vertical-align: middle;
        width: 22px; }
    .downtown-la-pages .yelp-reviews-wrap .yelp-review-box .yelp-review-header .yelp-review-date {
      color: #969696; }
    .downtown-la-pages .yelp-reviews-wrap .yelp-review-box .yelp-review-content p {
      font-size: 18px;
      font-style: itelic; }

.downtown-la-pages .moissanite-diamonds-banner .container {
  padding: 0; }
  @media (min-width: 801px) {
    .downtown-la-pages .moissanite-diamonds-banner .container {
      padding: 0 1.5rem; } }

.downtown-la-pages .moissanite-diamonds-banner .moissanite-diamonds-heading {
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
  width: 100%;
  padding: 0 1.5rem; }
  @media (min-width: 801px) {
    .downtown-la-pages .moissanite-diamonds-banner .moissanite-diamonds-heading {
      padding: 0; } }
  .downtown-la-pages .moissanite-diamonds-banner .moissanite-diamonds-heading p {
    font-size: 16px; }
    @media (min-width: 801px) {
      .downtown-la-pages .moissanite-diamonds-banner .moissanite-diamonds-heading p {
        font-size: 20px; } }
    @media (min-width: 1261px) {
      .downtown-la-pages .moissanite-diamonds-banner .moissanite-diamonds-heading p {
        font-size: 24px; } }

.downtown-la-pages .moissanite-diamonds-banner img {
  padding: 0;
  background-color: #fff;
  margin-bottom: 0; }
  @media (min-width: 801px) {
    .downtown-la-pages .moissanite-diamonds-banner img {
      padding: 0.6rem; } }

.downtown-la-pages .moissanite-diamonds-content-wrap {
  background-color: #f0f6ff;
  margin: 0;
  padding: 0; }
  @media (min-width: 801px) {
    .downtown-la-pages .moissanite-diamonds-content-wrap {
      padding: 17rem 0 0 0;
      margin: -17rem 0 0 0; } }
  .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0 4rem;
    flex-direction: column; }
    @media (min-width: 992px) {
      .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner {
        flex-direction: row-reverse; } }
    .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-image {
      flex: 1; }
    .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content {
      flex: 2;
      padding: 0;
      text-align: center; }
      @media (min-width: 992px) {
        .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content {
          padding: 2rem 4rem;
          text-align: left; } }
      .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content h3 {
        color: #666666;
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 1.5rem;
        text-transform: uppercase; }
        @media (min-width: 801px) {
          .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content h3 {
            font-size: 28px;
            text-transform: uppercase; } }
      .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content p, .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content li {
        color: #666666;
        font-weight: 300;
        font-size: 16px; }
        @media (min-width: 801px) {
          .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content p, .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content li {
            font-size: 20px; } }
        @media (min-width: 1261px) {
          .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content p, .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content li {
            font-size: 24px; } }
      .downtown-la-pages .moissanite-diamonds-content-wrap .moissanite-diamonds-content-inner div.moissanite-diamonds-content ul {
        list-style: none;
        margin: 0; }

.downtown-la-pages .popular-collections {
  margin: 0 0 3rem;
  text-align: center; }
  .downtown-la-pages .popular-collections .popular-collections-card-wrap {
    margin: 0 -15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column; }
    @media (min-width: 801px) {
      .downtown-la-pages .popular-collections .popular-collections-card-wrap {
        flex-direction: row; } }
    .downtown-la-pages .popular-collections .popular-collections-card-wrap .popular-collections-card {
      display: inline-flex;
      padding: 0 15px;
      max-width: 100%;
      justify-content: center; }
      @media (min-width: 801px) {
        .downtown-la-pages .popular-collections .popular-collections-card-wrap .popular-collections-card {
          max-width: 50%; } }
      @media (min-width: 1261px) {
        .downtown-la-pages .popular-collections .popular-collections-card-wrap .popular-collections-card {
          max-width: 33.3333%; } }
      .downtown-la-pages .popular-collections .popular-collections-card-wrap .popular-collections-card a {
        display: block;
        margin: 0 0 30px; }

.need-directions-wrap {
  padding: 0;
  margin: 0 0 2rem; }
  .need-directions-wrap h3 {
    color: #666;
    font-size: 30px;
    line-height: 3rem;
    margin: 0 0 2rem;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 1441px) {
      .need-directions-wrap h3 {
        color: #666;
        font-size: 45px;
        line-height: 4rem;
        margin: 0 0 2rem;
        text-transform: uppercase; } }
  .need-directions-wrap .button {
    background-color: #FFFFFF;
    border-color: #505050;
    border-radius: 0;
    color: #666666;
    font-size: 18px;
    line-height: 2rem; }
    .need-directions-wrap .button:hover {
      color: #FFFFFF;
      background-color: #3c6bb4;
      border-color: #3c6bb4; }
  @media (min-width: 801px) {
    .need-directions-wrap {
      padding: 0 1.5rem; } }
  .need-directions-wrap > .container {
    border-bottom: 0px solid #ffcccc;
    padding: 0; }
    @media (min-width: 801px) {
      .need-directions-wrap > .container {
        padding: 0 1.5rem; } }
  .need-directions-wrap .standard-container {
    max-width: 1200px;
    margin-bottom: 60px; }
  .need-directions-wrap .need-directions {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 801px) {
      .need-directions-wrap .need-directions {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center; } }
    .need-directions-wrap .need-directions > div {
      flex: 1; }
      .need-directions-wrap .need-directions > div.direction-map {
        margin: 0 0 1rem; }
        @media (min-width: 801px) {
          .need-directions-wrap .need-directions > div.direction-map {
            margin: 0; } }
      .need-directions-wrap .need-directions > div.direction-content {
        padding: 0 1.5rem;
        text-align: center; }
        @media (min-width: 801px) {
          .need-directions-wrap .need-directions > div.direction-content {
            padding: 0;
            text-align: left;
            padding-right: 134px;
            max-width: 50%; } }
    .need-directions-wrap .need-directions .direction-content p {
      font-size: 25px; }
      .need-directions-wrap .need-directions .direction-content p strong {
        color: #3c6bb4;
        font-size: 25px;
        font-weight: bold; }
    .need-directions-wrap .need-directions .direction-content .direction-link .button {
      background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/get-direction.png");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center left 1.4rem;
      padding-left: 4rem; }
      .need-directions-wrap .need-directions .direction-content .direction-link .button:hover {
        background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/get-direction-hover.png"); }

.text-uuper-case {
  text-transform: uppercase; }

.text-normal-case {
  text-transform: none; }

.text--left {
  text-align: left !important;
  font-size: 45px !important; }
  @media only screen and (max-width: 550px) {
    .text--left {
      font-size: 30px !important; } }

.la-showroom-wrap .page-heading_outter {
  margin: 0; }

.la-showroom-wrap .showroom-heading-wrap {
  background: #ffece7;
  margin-bottom: 0;
  padding: 8rem 0 0;
  text-align: center; }
  @media (min-width: 992px) {
    .la-showroom-wrap .showroom-heading-wrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 ); } }
  .la-showroom-wrap .showroom-heading-wrap .showroom-heading-content {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
    padding: 3rem 2rem;
    position: relative;
    text-align: center; }
    .la-showroom-wrap .showroom-heading-wrap .showroom-heading-content .icing-logo-mark {
      margin: -8.5rem 0 0;
      border-radius: 50%; }
    .la-showroom-wrap .showroom-heading-wrap .showroom-heading-content > p {
      font-size: 18px;
      line-height: 2rem; }
      @media (min-width: 801px) {
        .la-showroom-wrap .showroom-heading-wrap .showroom-heading-content > p {
          font-size: 22px;
          line-height: 2.4rem; } }
  .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content {
    margin-top: 3rem; }
    .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content h3 {
      color: #666;
      font-size: 30px;
      line-height: 2.8rem;
      margin: 0 0 2rem;
      text-transform: uppercase;
      text-align: center; }
      @media (min-width: 801px) {
        .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content h3 {
          font-size: 45px;
          line-height: 4rem; } }
    .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      column-gap: 2rem;
      max-width: 960px;
      margin: 0 auto;
      width: 100%;
      flex-direction: column; }
      @media (min-width: 801px) {
        .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule {
          flex-direction: row; } }
      .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule > div {
        flex: 1;
        width: 100%; }
        @media (min-width: 801px) {
          .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule > div {
            flex: 3;
            width: 33.33333%; } }
      .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .icon {
        width: 40px;
        height: 40px;
        margin: 0 0 1rem; }
        .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .icon svg {
          fill: #3c6bb4; }
      .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .small-icon {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin: 0 2px; }
        .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .small-icon svg {
          fill: #3c6bb4; }
      .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .showroom-timing ul {
        list-style: none;
        margin-left: 0; }
        .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .showroom-timing ul li {
          font-weight: 300; }
      .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content .showroom-schedule .showroom-assistance a {
        color: #3c6bb4;
        text-decoration: none; }
    .la-showroom-wrap .showroom-heading-wrap .schedule-visit-content a.button {
      color: #666;
      border-radius: 0; }

.la-showroom-wrap .la-showroom-experience-wrap {
  padding: 40px 0 100px 0; }
  .la-showroom-wrap .la-showroom-experience-wrap .standard-container {
    max-width: 1000px;
    padding: 0 1.5rem; }
  .la-showroom-wrap .la-showroom-experience-wrap .ShowroomExperienceHeader {
    margin: 0 0 4rem; }
    .la-showroom-wrap .la-showroom-experience-wrap .ShowroomExperienceHeader h3 {
      color: #666666;
      font-size: 30px;
      line-height: 2.8rem;
      margin-bottom: 30px;
      text-align: center;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .la-showroom-wrap .la-showroom-experience-wrap .ShowroomExperienceHeader h3 {
          font-size: 45px;
          line-height: 4rem; } }
    .la-showroom-wrap .la-showroom-experience-wrap .ShowroomExperienceHeader p {
      text-align: center;
      color: #666666;
      font-size: 18px;
      line-height: 2rem; }
      @media (min-width: 801px) {
        .la-showroom-wrap .la-showroom-experience-wrap .ShowroomExperienceHeader p {
          font-size: 24px;
          line-height: 2.6rem; } }
  .la-showroom-wrap .la-showroom-experience-wrap .row .showroom-experience-box {
    margin: 0 0 1rem;
    text-align: center; }
    @media (min-width: 801px) {
      .la-showroom-wrap .la-showroom-experience-wrap .row .showroom-experience-box {
        margin: 0;
        text-align: left; } }
    .la-showroom-wrap .la-showroom-experience-wrap .row .showroom-experience-box .box-content p {
      text-align: center;
      color: #666666;
      font-size: 18px;
      padding: 15px;
      line-height: 1.2;
      margin: 0; }
  .la-showroom-wrap .la-showroom-experience-wrap a {
    display: flex;
    justify-content: center;
    color: #666666;
    align-items: center;
    max-width: 193px;
    margin: 0 auto 0 auto;
    border-radius: 0; }

.la-showroom-wrap .beyondEngagementRings-Wrap .standard-container {
  padding: 0; }
  @media (min-width: 801px) {
    .la-showroom-wrap .beyondEngagementRings-Wrap .standard-container {
      padding: 0 1.5rem; } }

.la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content {
  text-align: center;
  padding: 0 1.5rem; }
  @media (min-width: 801px) {
    .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content {
      padding: 40px 0 20px 0; } }
  .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content h3 {
    text-align: center;
    color: #666666;
    font-size: 30px;
    line-height: 2.8rem;
    margin-bottom: 30px;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content h3 {
        font-size: 45px;
        line-height: 3rem; } }
  .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content p {
    text-align: center;
    color: #666666;
    font-size: 18px;
    line-height: 1.2; }
    @media (min-width: 1261px) {
      .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content p {
        font-size: 24px; } }
  .la-showroom-wrap .beyondEngagementRings-Wrap .beyondEngagementRings-content a.button {
    color: #666666; }

.la-showroom-wrap .state-art-la-showroom-wrap {
  background-color: #ffece7;
  padding: 4rem 0;
  text-align: center; }
  .la-showroom-wrap .state-art-la-showroom-wrap h3 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 0 2rem;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 801px) {
      .la-showroom-wrap .state-art-la-showroom-wrap h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for {
    overflow: hidden;
    margin: 0 0 16px;
    padding: 0; }
    @media (min-width: 801px) {
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for {
        padding: 0 33.33333%; } }
    .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-list.draggable {
      overflow: visible; }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-list.draggable .gallery-item {
        padding: 0 10px; }
        .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-list.draggable .gallery-item img {
          opacity: 0.5; }
        .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-list.draggable .gallery-item.slick-active img {
          opacity: 1; }
    .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-next, .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-prev {
      align-items: center;
      background-color: white;
      display: flex;
      height: 40px;
      justify-content: center;
      margin-top: 0;
      opacity: 1;
      padding: 0;
      width: 40px; }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-next:before, .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-prev:before {
        height: 2.329rem;
        width: 0.629rem; }
    .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-prev {
      left: 0; }
      @media (min-width: 801px) {
        .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-prev {
          left: 32.6%; } }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .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='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
    .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-next {
      right: 0; }
      @media (min-width: 801px) {
        .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .slick-next {
          right: 32.6%; } }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-for .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='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }
  .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-nav {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    display: none; }
    @media (min-width: 801px) {
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-nav {
        display: block; } }
    .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-nav .gallery-thumb-item {
      padding: 0 5px;
      cursor: pointer; }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-nav .gallery-thumb-item img {
        border: 4px solid transparent;
        border-radius: 5px; }
      .la-showroom-wrap .state-art-la-showroom-wrap .showroomGallery .slider-nav .gallery-thumb-item.slick-current img {
        border: 4px solid #3c6bb4; }

.la-showroom-wrap .ShowroomCustomerLoveWrap .FullTwoColumnWrap .ColumnWrap.ContentWrap .ShowroomCustomerLove_Logos {
  max-width: 500px;
  width: 100%; }
  @media only screen and (max-width: 600px) {
    .la-showroom-wrap .ShowroomCustomerLoveWrap .FullTwoColumnWrap .ColumnWrap.ContentWrap .ShowroomCustomerLove_Logos {
      width: 100%; } }
  .la-showroom-wrap .ShowroomCustomerLoveWrap .FullTwoColumnWrap .ColumnWrap.ContentWrap .ShowroomCustomerLove_Logos .ShowroomCustomerLove_Logo a {
    display: block;
    background: #ffece7;
    padding: 0.6rem 0rem 0.6rem 1.5rem;
    margin-bottom: 15px;
    position: relative;
    text-align: left; }
    .la-showroom-wrap .ShowroomCustomerLoveWrap .FullTwoColumnWrap .ColumnWrap.ContentWrap .ShowroomCustomerLove_Logos .ShowroomCustomerLove_Logo a:before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dbafa3' viewBox='0 0 32 28'%3E%3Cpath d='M27.496,17.014c-0.354,0-0.59,0-0.825,0c-8.184,0-16.368,0-24.55-0.001c-0.224,0-0.452,0.015-0.673-0.014c-0.617-0.081-1.07-0.614-1.064-1.223c0.006-0.608,0.471-1.128,1.089-1.201c0.201-0.023,0.407-0.01,0.611-0.01c8.184,0,16.367,0,24.551,0c0.242,0,0.482,0,0.833,0c-0.171-0.201-0.271-0.337-0.39-0.455c-1.213-1.212-2.437-2.413-3.637-3.636c-0.22-0.223-0.432-0.512-0.507-0.806c-0.14-0.542,0.063-1.014,0.567-1.3c0.523-0.297,1.034-0.23,1.459,0.189c2.134,2.108,4.266,4.219,6.381,6.346c0.563,0.565,0.555,1.218-0.016,1.791c-2.102,2.111-4.215,4.212-6.339,6.303c-0.536,0.526-1.266,0.511-1.749,0.02c-0.472-0.481-0.474-1.23,0.046-1.757c1.23-1.25,2.483-2.48,3.726-3.72C27.148,17.399,27.275,17.251,27.496,17.014z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      content: '';
      position: absolute;
      right: 15px;
      top: 20px;
      width: 30px;
      height: 32px; }
  .la-showroom-wrap .ShowroomCustomerLoveWrap .FullTwoColumnWrap .ColumnWrap.ContentWrap .ShowroomCustomerLove_Logos .ShowroomCustomerLove_Logo:last-child a {
    margin: 0; }

.la-showroom-page .need-directions-wrap {
  background: #ffece7;
  margin: 0 0 4rem;
  padding-top: 40px; }
  @media (min-width: 1441px) {
    .la-showroom-page .need-directions-wrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 80%, #ffffff 80%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 80%, #ffffff 80%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 80%, #ffffff 80%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 ); } }
  .la-showroom-page .need-directions-wrap > h3 {
    text-align: center;
    font-size: 45px;
    margin-bottom: 30px;
    color: #666666;
    text-transform: uppercase; }
  .la-showroom-page .need-directions-wrap .standard-container {
    padding: 0; }
    @media (min-width: 801px) {
      .la-showroom-page .need-directions-wrap .standard-container {
        padding: 0 1.5rem; } }
  .la-showroom-page .need-directions-wrap .need-directions-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto 6rem;
    flex-direction: column;
    column-gap: 1rem; }
    @media (min-width: 801px) {
      .la-showroom-page .need-directions-wrap .need-directions-content-wrap {
        flex-direction: row; } }
    .la-showroom-page .need-directions-wrap .need-directions-content-wrap > div {
      flex: 2; }
      .la-showroom-page .need-directions-wrap .need-directions-content-wrap > div.direction-content {
        padding: 1.5rem;
        text-align: center; }
        @media (min-width: 801px) {
          .la-showroom-page .need-directions-wrap .need-directions-content-wrap > div.direction-content {
            padding: 0;
            text-align: left; } }
        .la-showroom-page .need-directions-wrap .need-directions-content-wrap > div.direction-content .direction-link .button {
          background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/get-direction.png");
          background-repeat: no-repeat;
          background-size: 20px;
          background-position: center left 1.4rem;
          padding-left: 4rem;
          color: #666; }
          .la-showroom-page .need-directions-wrap .need-directions-content-wrap > div.direction-content .direction-link .button:hover {
            background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/get-direction-hover.png");
            background-color: #3c6bb4;
            color: white; }
    .la-showroom-page .need-directions-wrap .need-directions-content-wrap .inner-subheading {
      font-size: 30px;
      color: #666666;
      font-weight: 300;
      margin-bottom: 20px;
      display: block;
      text-transform: uppercase; }
      @media (min-width: 801px) {
        .la-showroom-page .need-directions-wrap .need-directions-content-wrap .inner-subheading {
          font-size: 45px; } }
    .la-showroom-page .need-directions-wrap .need-directions-content-wrap .inner-desc {
      color: #666666;
      font-size: 18px;
      line-height: 2rem; }
      @media (min-width: 992px) {
        .la-showroom-page .need-directions-wrap .need-directions-content-wrap .inner-desc {
          font-size: 24px;
          line-height: 2.2rem; } }
      @media (min-width: 1441px) {
        .la-showroom-page .need-directions-wrap .need-directions-content-wrap .inner-desc {
          font-size: 28px;
          line-height: 2.6rem; } }
  .la-showroom-page .need-directions-wrap .directions-boxes-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 2rem;
    flex-wrap: wrap;
    flex-direction: column; }
    @media (min-width: 801px) {
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap {
        flex-direction: row;
        column-gap: 1.5rem; } }
    .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box {
      background-color: #fff;
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
      position: relative;
      min-height: 280px;
      padding: 12px;
      margin: 0 0 6rem;
      width: 100%; }
      @media (min-width: 801px) {
        .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box {
          width: 40%; } }
      @media (min-width: 992px) {
        .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box {
          width: 25%; } }
      @media (min-width: 1441px) {
        .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box {
          width: 14.444444%;
          margin: 0; } }
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box:nth-child(n+4) {
        margin: 0 0 6rem; }
        @media (min-width: 801px) {
          .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box:nth-child(n+4) {
            margin: 0; } }
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box:last-child {
        margin: 0; }
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box:before {
        background-color: #3c6bb4;
        background-image: url("https://cdn11.bigcommerce.com/s-dt03n1lu26/images/stencil/original/image-manager/white-mpin.png") !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        border: 10px solid #fff;
        border-radius: 50%;
        content: '';
        display: block;
        flex: 1;
        height: 90px;
        margin: -57px auto 0;
        text-align: center;
        width: 90px; }
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box h4 {
        font-size: 24px;
        line-height: 1.2; }
        .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box h4 a {
          text-decoration: none;
          color: #666666; }
      .la-showroom-page .need-directions-wrap .directions-boxes-wrap .directions-address-box p {
        font-size: 18px;
        line-height: 1.2;
        color: #666666;
        padding: 0 10px; }

.downtown-la-pages.visit-icingonthering .need-directions-wrap {
  padding: 0;
  margin: 0 0 2rem; }
  @media (min-width: 801px) {
    .downtown-la-pages.visit-icingonthering .need-directions-wrap {
      padding: 0 1.5rem; } }
  .downtown-la-pages.visit-icingonthering .need-directions-wrap > .container {
    border-bottom: 0px solid #ffcccc;
    padding: 0; }
    @media (min-width: 801px) {
      .downtown-la-pages.visit-icingonthering .need-directions-wrap > .container {
        padding: 0 1.5rem; } }
  .downtown-la-pages.visit-icingonthering .need-directions-wrap .standard-container {
    max-width: 1200px; }
  .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions {
    display: flex;
    column-gap: 30px;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 801px) {
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions {
        flex-direction: row;
        align-items: center;
        justify-content: center; } }
    .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions > div {
      flex: 1; }
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions > div.direction-map {
        margin: 0 0 1rem;
        max-width: 100%;
        text-align: center;
        text-align: center; }
        @media (min-width: 801px) {
          .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions > div.direction-map {
            margin: 0;
            max-width: 50%;
            text-align: right; } }
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions > div.direction-content {
        padding: 0 1.5rem;
        text-align: center;
        max-width: 100%;
        padding-right: 0; }
        @media (min-width: 801px) {
          .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions > div.direction-content {
            padding: 0;
            text-align: left;
            max-width: 50%;
            padding-right: 30px; } }
    .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions .direction-content p {
      font-size: 35px;
      margin-bottom: 2.2rem;
      line-height: 3rem; }
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions .direction-content p strong {
        color: #3c6bb4;
        font-size: 35px;
        font-weight: bold; }
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions .direction-content p + p {
        font-size: 28px;
        margin-bottom: 1.5rem; }
    .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions .direction-content .direction-link .button {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 355 422' fill='%23666666'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M186.619,7.182c8.616,1.578,17.399,2.545,25.82,4.841c31.415,8.568,55.864,26.927,73.511,54.201c14.625,22.605,21.131,47.543,19.889,74.406c-0.682,14.74-4.399,28.94-9.134,42.831c-12.411,36.414-31.218,69.646-51.331,102.205c-3.431,5.553-7.011,11.014-10.508,16.523c-0.133,0.209-0.121,0.508-0.295,1.309c5.519,0.711,11.015,1.307,16.474,2.143c24.796,3.793,49.355,8.518,72.066,19.836c8.655,4.314,16.674,9.57,22.062,17.922c7.832,12.139,5.97,26.207-4.423,36.346c-9.802,9.563-21.854,15.1-34.492,19.473c-27.898,9.648-56.865,13.76-86.158,16.016c-7.158,0.551-14.32,1.059-21.479,1.586c-13.335,0-26.669,0-40.004,0c-6.894-0.518-13.786-1.043-20.681-1.549c-28.904-2.115-57.474-6.174-85.07-15.4c-12.668-4.236-24.912-9.457-34.895-18.783c-14.978-13.99-14.191-33.326,1.753-46.32c9.984-8.137,21.505-13.209,33.556-17.227c21.32-7.111,43.334-10.936,65.596-13.521c1.162-0.137,2.315-0.334,4.145-0.6c-1.004-1.688-1.736-3.012-2.555-4.281c-20.244-31.367-39.209-63.451-53.369-98.107c-8.436-20.648-15.771-41.787-15.744-64.396C51.41,89.278,71.74,52.544,111.297,26.662c17.242-11.282,36.459-17.287,57.018-18.924c0.777-0.062,1.536-0.365,2.303-0.556C175.951,7.182,181.285,7.182,186.619,7.182z M178.357,337.609c1.118-1.396,1.734-2.07,2.245-2.818c14.587-21.328,29.695-42.324,43.612-64.082c18.89-29.533,35.762-60.218,47.433-93.462c4.33-12.335,7.949-24.921,8.519-38.059c1.095-25.212-6.006-48.072-21.974-67.611c-23.812-29.134-54.911-41.996-92.268-37.682c-29.903,3.454-53.677,18.377-70.896,43.021c-14.256,20.4-20.28,43.267-17.384,68.123c1.988,17.063,7.693,33.144,14.332,48.878c14.764,34.993,34.215,67.401,55.216,98.905C157.157,307.771,167.701,322.334,178.357,337.609z M185.165,391.295c9.807-0.576,26.332-1.188,42.788-2.596c23.265-1.99,46.254-5.76,68.464-13.293c8.847-3.002,17.55-6.4,24.77-12.596c3.98-3.416,4.278-4.918,0.104-7.721c-6.133-4.117-12.518-8.234-19.368-10.844c-26.376-10.043-54.105-13.754-82.043-16.074c-1.397-0.115-3.412,1.182-4.347,2.42c-8.506,11.277-16.743,22.758-25.244,34.039c-7.142,9.479-16.219,9.461-23.377-0.041c-8.42-11.176-16.711-22.453-24.872-33.818c-1.634-2.277-3.284-3.061-5.95-2.658c-17.765,2.691-35.637,4.797-53.283,8.104c-14.787,2.771-29.467,6.781-42.225,15.18c-10.184,6.703-10.35,8.633,0.11,14.57c9.38,5.326,19.739,9.381,30.134,12.377C105.947,388.465,142.117,390.678,185.165,391.295z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M238.164,134.651c0.061,32.716-26.656,59.554-59.401,59.671c-32.814,0.117-59.896-27.005-59.688-59.782c0.208-32.938,26.772-59.403,59.6-59.375C211.478,75.192,238.104,101.816,238.164,134.651z M212.376,134.693c-0.004-18.542-15.281-33.861-33.762-33.856c-18.486,0.005-33.757,15.325-33.755,33.864c0.002,18.525,15.305,33.876,33.763,33.869C197.093,168.563,212.381,153.219,212.376,134.693z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center left 1.4rem;
      padding-left: 4rem; }
      .downtown-la-pages.visit-icingonthering .need-directions-wrap .need-directions .direction-content .direction-link .button:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 355 422' fill='%23666666'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M186.619,7.182c8.616,1.578,17.399,2.545,25.82,4.841c31.415,8.568,55.864,26.927,73.511,54.201c14.625,22.605,21.131,47.543,19.889,74.406c-0.682,14.74-4.399,28.94-9.134,42.831c-12.411,36.414-31.218,69.646-51.331,102.205c-3.431,5.553-7.011,11.014-10.508,16.523c-0.133,0.209-0.121,0.508-0.295,1.309c5.519,0.711,11.015,1.307,16.474,2.143c24.796,3.793,49.355,8.518,72.066,19.836c8.655,4.314,16.674,9.57,22.062,17.922c7.832,12.139,5.97,26.207-4.423,36.346c-9.802,9.563-21.854,15.1-34.492,19.473c-27.898,9.648-56.865,13.76-86.158,16.016c-7.158,0.551-14.32,1.059-21.479,1.586c-13.335,0-26.669,0-40.004,0c-6.894-0.518-13.786-1.043-20.681-1.549c-28.904-2.115-57.474-6.174-85.07-15.4c-12.668-4.236-24.912-9.457-34.895-18.783c-14.978-13.99-14.191-33.326,1.753-46.32c9.984-8.137,21.505-13.209,33.556-17.227c21.32-7.111,43.334-10.936,65.596-13.521c1.162-0.137,2.315-0.334,4.145-0.6c-1.004-1.688-1.736-3.012-2.555-4.281c-20.244-31.367-39.209-63.451-53.369-98.107c-8.436-20.648-15.771-41.787-15.744-64.396C51.41,89.278,71.74,52.544,111.297,26.662c17.242-11.282,36.459-17.287,57.018-18.924c0.777-0.062,1.536-0.365,2.303-0.556C175.951,7.182,181.285,7.182,186.619,7.182z M178.357,337.609c1.118-1.396,1.734-2.07,2.245-2.818c14.587-21.328,29.695-42.324,43.612-64.082c18.89-29.533,35.762-60.218,47.433-93.462c4.33-12.335,7.949-24.921,8.519-38.059c1.095-25.212-6.006-48.072-21.974-67.611c-23.812-29.134-54.911-41.996-92.268-37.682c-29.903,3.454-53.677,18.377-70.896,43.021c-14.256,20.4-20.28,43.267-17.384,68.123c1.988,17.063,7.693,33.144,14.332,48.878c14.764,34.993,34.215,67.401,55.216,98.905C157.157,307.771,167.701,322.334,178.357,337.609z M185.165,391.295c9.807-0.576,26.332-1.188,42.788-2.596c23.265-1.99,46.254-5.76,68.464-13.293c8.847-3.002,17.55-6.4,24.77-12.596c3.98-3.416,4.278-4.918,0.104-7.721c-6.133-4.117-12.518-8.234-19.368-10.844c-26.376-10.043-54.105-13.754-82.043-16.074c-1.397-0.115-3.412,1.182-4.347,2.42c-8.506,11.277-16.743,22.758-25.244,34.039c-7.142,9.479-16.219,9.461-23.377-0.041c-8.42-11.176-16.711-22.453-24.872-33.818c-1.634-2.277-3.284-3.061-5.95-2.658c-17.765,2.691-35.637,4.797-53.283,8.104c-14.787,2.771-29.467,6.781-42.225,15.18c-10.184,6.703-10.35,8.633,0.11,14.57c9.38,5.326,19.739,9.381,30.134,12.377C105.947,388.465,142.117,390.678,185.165,391.295z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M238.164,134.651c0.061,32.716-26.656,59.554-59.401,59.671c-32.814,0.117-59.896-27.005-59.688-59.782c0.208-32.938,26.772-59.403,59.6-59.375C211.478,75.192,238.104,101.816,238.164,134.651z M212.376,134.693c-0.004-18.542-15.281-33.861-33.762-33.856c-18.486,0.005-33.757,15.325-33.755,33.864c0.002,18.525,15.305,33.876,33.763,33.869C197.093,168.563,212.381,153.219,212.376,134.693z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.need-directions-wrap.need-directions-our-showroom .standard-container {
  margin-bottom: 100px; }

.need-directions-wrap.need-directions-our-showroom .need-directions {
  align-items: center;
  column-gap: 30px; }
  .need-directions-wrap.need-directions-our-showroom .need-directions .direction-map {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .need-directions-wrap.need-directions-our-showroom .need-directions .direction-map a {
      display: block; }
      .need-directions-wrap.need-directions-our-showroom .need-directions .direction-map a img {
        border: 3px solid #f8d8d0;
        display: block; }
  .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content {
    padding: 0; }
    .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content p {
      font-size: 35px;
      margin-bottom: 2.2rem;
      line-height: 3rem; }
      .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content p strong {
        color: #3c6bb4;
        font-size: 35px;
        font-weight: bold; }
      .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content p + p {
        font-size: 28px;
        margin-bottom: 1.5rem; }
    .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content .direction-link .button {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 355 422' fill='%23666666'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M186.619,7.182c8.616,1.578,17.399,2.545,25.82,4.841c31.415,8.568,55.864,26.927,73.511,54.201c14.625,22.605,21.131,47.543,19.889,74.406c-0.682,14.74-4.399,28.94-9.134,42.831c-12.411,36.414-31.218,69.646-51.331,102.205c-3.431,5.553-7.011,11.014-10.508,16.523c-0.133,0.209-0.121,0.508-0.295,1.309c5.519,0.711,11.015,1.307,16.474,2.143c24.796,3.793,49.355,8.518,72.066,19.836c8.655,4.314,16.674,9.57,22.062,17.922c7.832,12.139,5.97,26.207-4.423,36.346c-9.802,9.563-21.854,15.1-34.492,19.473c-27.898,9.648-56.865,13.76-86.158,16.016c-7.158,0.551-14.32,1.059-21.479,1.586c-13.335,0-26.669,0-40.004,0c-6.894-0.518-13.786-1.043-20.681-1.549c-28.904-2.115-57.474-6.174-85.07-15.4c-12.668-4.236-24.912-9.457-34.895-18.783c-14.978-13.99-14.191-33.326,1.753-46.32c9.984-8.137,21.505-13.209,33.556-17.227c21.32-7.111,43.334-10.936,65.596-13.521c1.162-0.137,2.315-0.334,4.145-0.6c-1.004-1.688-1.736-3.012-2.555-4.281c-20.244-31.367-39.209-63.451-53.369-98.107c-8.436-20.648-15.771-41.787-15.744-64.396C51.41,89.278,71.74,52.544,111.297,26.662c17.242-11.282,36.459-17.287,57.018-18.924c0.777-0.062,1.536-0.365,2.303-0.556C175.951,7.182,181.285,7.182,186.619,7.182z M178.357,337.609c1.118-1.396,1.734-2.07,2.245-2.818c14.587-21.328,29.695-42.324,43.612-64.082c18.89-29.533,35.762-60.218,47.433-93.462c4.33-12.335,7.949-24.921,8.519-38.059c1.095-25.212-6.006-48.072-21.974-67.611c-23.812-29.134-54.911-41.996-92.268-37.682c-29.903,3.454-53.677,18.377-70.896,43.021c-14.256,20.4-20.28,43.267-17.384,68.123c1.988,17.063,7.693,33.144,14.332,48.878c14.764,34.993,34.215,67.401,55.216,98.905C157.157,307.771,167.701,322.334,178.357,337.609z M185.165,391.295c9.807-0.576,26.332-1.188,42.788-2.596c23.265-1.99,46.254-5.76,68.464-13.293c8.847-3.002,17.55-6.4,24.77-12.596c3.98-3.416,4.278-4.918,0.104-7.721c-6.133-4.117-12.518-8.234-19.368-10.844c-26.376-10.043-54.105-13.754-82.043-16.074c-1.397-0.115-3.412,1.182-4.347,2.42c-8.506,11.277-16.743,22.758-25.244,34.039c-7.142,9.479-16.219,9.461-23.377-0.041c-8.42-11.176-16.711-22.453-24.872-33.818c-1.634-2.277-3.284-3.061-5.95-2.658c-17.765,2.691-35.637,4.797-53.283,8.104c-14.787,2.771-29.467,6.781-42.225,15.18c-10.184,6.703-10.35,8.633,0.11,14.57c9.38,5.326,19.739,9.381,30.134,12.377C105.947,388.465,142.117,390.678,185.165,391.295z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M238.164,134.651c0.061,32.716-26.656,59.554-59.401,59.671c-32.814,0.117-59.896-27.005-59.688-59.782c0.208-32.938,26.772-59.403,59.6-59.375C211.478,75.192,238.104,101.816,238.164,134.651z M212.376,134.693c-0.004-18.542-15.281-33.861-33.762-33.856c-18.486,0.005-33.757,15.325-33.755,33.864c0.002,18.525,15.305,33.876,33.763,33.869C197.093,168.563,212.381,153.219,212.376,134.693z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-color: transparent; }
      .need-directions-wrap.need-directions-our-showroom .need-directions div.direction-content .direction-link .button:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='' height='' viewBox='0 0 355 422' fill='%23666666'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M186.619,7.182c8.616,1.578,17.399,2.545,25.82,4.841c31.415,8.568,55.864,26.927,73.511,54.201c14.625,22.605,21.131,47.543,19.889,74.406c-0.682,14.74-4.399,28.94-9.134,42.831c-12.411,36.414-31.218,69.646-51.331,102.205c-3.431,5.553-7.011,11.014-10.508,16.523c-0.133,0.209-0.121,0.508-0.295,1.309c5.519,0.711,11.015,1.307,16.474,2.143c24.796,3.793,49.355,8.518,72.066,19.836c8.655,4.314,16.674,9.57,22.062,17.922c7.832,12.139,5.97,26.207-4.423,36.346c-9.802,9.563-21.854,15.1-34.492,19.473c-27.898,9.648-56.865,13.76-86.158,16.016c-7.158,0.551-14.32,1.059-21.479,1.586c-13.335,0-26.669,0-40.004,0c-6.894-0.518-13.786-1.043-20.681-1.549c-28.904-2.115-57.474-6.174-85.07-15.4c-12.668-4.236-24.912-9.457-34.895-18.783c-14.978-13.99-14.191-33.326,1.753-46.32c9.984-8.137,21.505-13.209,33.556-17.227c21.32-7.111,43.334-10.936,65.596-13.521c1.162-0.137,2.315-0.334,4.145-0.6c-1.004-1.688-1.736-3.012-2.555-4.281c-20.244-31.367-39.209-63.451-53.369-98.107c-8.436-20.648-15.771-41.787-15.744-64.396C51.41,89.278,71.74,52.544,111.297,26.662c17.242-11.282,36.459-17.287,57.018-18.924c0.777-0.062,1.536-0.365,2.303-0.556C175.951,7.182,181.285,7.182,186.619,7.182z M178.357,337.609c1.118-1.396,1.734-2.07,2.245-2.818c14.587-21.328,29.695-42.324,43.612-64.082c18.89-29.533,35.762-60.218,47.433-93.462c4.33-12.335,7.949-24.921,8.519-38.059c1.095-25.212-6.006-48.072-21.974-67.611c-23.812-29.134-54.911-41.996-92.268-37.682c-29.903,3.454-53.677,18.377-70.896,43.021c-14.256,20.4-20.28,43.267-17.384,68.123c1.988,17.063,7.693,33.144,14.332,48.878c14.764,34.993,34.215,67.401,55.216,98.905C157.157,307.771,167.701,322.334,178.357,337.609z M185.165,391.295c9.807-0.576,26.332-1.188,42.788-2.596c23.265-1.99,46.254-5.76,68.464-13.293c8.847-3.002,17.55-6.4,24.77-12.596c3.98-3.416,4.278-4.918,0.104-7.721c-6.133-4.117-12.518-8.234-19.368-10.844c-26.376-10.043-54.105-13.754-82.043-16.074c-1.397-0.115-3.412,1.182-4.347,2.42c-8.506,11.277-16.743,22.758-25.244,34.039c-7.142,9.479-16.219,9.461-23.377-0.041c-8.42-11.176-16.711-22.453-24.872-33.818c-1.634-2.277-3.284-3.061-5.95-2.658c-17.765,2.691-35.637,4.797-53.283,8.104c-14.787,2.771-29.467,6.781-42.225,15.18c-10.184,6.703-10.35,8.633,0.11,14.57c9.38,5.326,19.739,9.381,30.134,12.377C105.947,388.465,142.117,390.678,185.165,391.295z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' stroke='%23000000' stroke-width='0.25' stroke-miterlimit='10' d='M238.164,134.651c0.061,32.716-26.656,59.554-59.401,59.671c-32.814,0.117-59.896-27.005-59.688-59.782c0.208-32.938,26.772-59.403,59.6-59.375C211.478,75.192,238.104,101.816,238.164,134.651z M212.376,134.693c-0.004-18.542-15.281-33.861-33.762-33.856c-18.486,0.005-33.757,15.325-33.755,33.864c0.002,18.525,15.305,33.876,33.763,33.869C197.093,168.563,212.381,153.219,212.376,134.693z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-color: transparent; }

.FindRingSize-page .page-heading_outter {
  margin-bottom: 0; }

.FindRingSize-page .RingSizerIntroWrap {
  background: #ffece7;
  margin-bottom: 4rem;
  padding: 4rem 0 0;
  text-align: center; }
  @media (min-width: 992px) {
    .FindRingSize-page .RingSizerIntroWrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 ); } }
  .FindRingSize-page .RingSizerIntroWrap > h3 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 0 2rem;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .FindRingSize-page .RingSizerIntroWrap > h3 {
        font-size: 35px;
        line-height: 3.5rem; } }
    @media (min-width: 1261px) {
      .FindRingSize-page .RingSizerIntroWrap > h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .FindRingSize-page .RingSizerIntroWrap .container {
    padding: 0 1.5rem 1.5rem; }
    @media (min-width: 992px) {
      .FindRingSize-page .RingSizerIntroWrap .container {
        padding: 0 1.5rem; } }
  .FindRingSize-page .RingSizerIntroWrap .RingSizerIntroInner {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
    width: 100%;
    padding: 0; }
    .FindRingSize-page .RingSizerIntroWrap .RingSizerIntroInner .RingSizerIntroContent {
      padding: 3rem;
      max-width: 960px;
      margin: 0 auto;
      width: 100%; }
      .FindRingSize-page .RingSizerIntroWrap .RingSizerIntroInner .RingSizerIntroContent p {
        font-size: 18px;
        color: #6a6a6a;
        margin-bottom: 0;
        font-weight: 300; }
        @media (min-width: 801px) {
          .FindRingSize-page .RingSizerIntroWrap .RingSizerIntroInner .RingSizerIntroContent p {
            font-size: 22px; } }
        @media (min-width: 1261px) {
          .FindRingSize-page .RingSizerIntroWrap .RingSizerIntroInner .RingSizerIntroContent p {
            font-size: 28px;
            line-height: 1.4em; } }

.RequestRingSizerWrap h2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='rgb(65, 110, 182)' %3E%3Cpath d='M1.118,9.031c0.3-1.153,1.152-1.804,2.136-2.325c1.326-0.702,2.761-1.069,4.23-1.299c2.785-0.436,5.566-0.401,8.334,0.155c1.259,0.254,2.486,0.621,3.603,1.272c0.355,0.207,0.694,0.454,1.005,0.723c0.62,0.54,0.928,1.217,0.912,2.063c-0.028,1.464-0.003,2.929-0.014,4.393c-0.002,0.232,0.064,0.331,0.289,0.406c2.244,0.746,4.353,1.758,6.224,3.226c0.076,0.059,0.156,0.114,0.223,0.182c0.152,0.159,0.299,0.216,0.529,0.119c0.264-0.109,0.539-0.031,0.757,0.154c0.346,0.293,0.699,0.58,1.009,0.907c0.17,0.183,0.258,0.443,0.382,0.667c0,0.694,0,1.388,0,2.083c-0.161,0.175-0.339,0.325-0.598,0.219c-0.261-0.104-0.274-0.337-0.271-0.579c0.007-0.462,0.005-0.926-0.001-1.388c-0.001-0.102-0.003-0.237-0.064-0.301c-0.301-0.312-0.621-0.604-0.955-0.923c-0.03,0.086-0.041,0.104-0.041,0.122c-0.003,1.936-0.006,3.872,0,5.807c0,0.108,0.035,0.25,0.107,0.318c0.293,0.269,0.606,0.515,0.956,0.805c0-0.763-0.004-1.464,0.002-2.165c0.002-0.335,0.214-0.549,0.496-0.479c0.135,0.034,0.246,0.158,0.369,0.24c0,0.868,0,1.735,0,2.604c-0.273,0.553-0.617,0.764-1.078,0.641c-0.117-0.031-0.237-0.089-0.332-0.162c-0.325-0.257-0.664-0.503-0.948-0.801c-0.184-0.192-0.281-0.468-0.419-0.704c-0.073-0.128-0.122-0.284-0.229-0.376c-1.611-1.383-3.463-2.357-5.438-3.104c-2.901-1.094-5.912-1.708-9.003-1.915c-1.345-0.091-2.697-0.082-4.041-0.181c-2.026-0.15-4.009-0.514-5.852-1.428c-0.207-0.103-0.41-0.216-0.605-0.337c-0.789-0.492-1.423-1.112-1.673-2.045C1.118,13.428,1.118,11.23,1.118,9.031z M27.909,23.621c0.008-0.091,0.021-0.155,0.021-0.22c0.001-1.446,0.006-2.892-0.008-4.338c-0.001-0.128-0.095-0.289-0.197-0.376c-1.339-1.155-2.853-2.031-4.476-2.719c-3.776-1.6-7.74-2.285-11.819-2.377c-1.602-0.037-3.195-0.134-4.768-0.456c-1.383-0.284-2.731-0.671-3.933-1.446c-0.247-0.159-0.476-0.345-0.737-0.537c0,1.445-0.016,2.859,0.009,4.273c0.007,0.4,0.264,0.716,0.614,1.019c0-0.229-0.002-0.393,0-0.554c0.004-0.336,0.169-0.531,0.44-0.524c0.257,0.007,0.421,0.202,0.426,0.517c0.005,0.338-0.003,0.676,0.005,1.013c0.002,0.076,0.031,0.196,0.083,0.221c0.533,0.249,1.073,0.483,1.657,0.743c0-0.438-0.007-0.783,0.002-1.13c0.007-0.284,0.198-0.472,0.448-0.462c0.238,0.01,0.409,0.192,0.415,0.465C6.1,17.05,6.118,17.37,6.088,17.687c-0.027,0.295,0.061,0.429,0.365,0.475c0.564,0.085,1.123,0.205,1.716,0.316c0-0.415-0.008-0.771,0.003-1.126c0.008-0.233,0.147-0.375,0.38-0.397c0.249-0.024,0.407,0.104,0.462,0.341c0.026,0.111,0.018,0.23,0.018,0.346c0.002,0.303,0.001,0.607,0.001,0.961c0.755,0,1.462,0,2.203,0c0-0.287-0.002-0.593,0-0.899c0.003-0.323,0.156-0.509,0.417-0.517c0.275-0.006,0.444,0.185,0.449,0.52c0.004,0.316,0,0.631,0,0.961c0.688,0.047,1.346,0.092,2.038,0.138c0-0.315-0.003-0.611,0.001-0.907c0.004-0.338,0.167-0.533,0.437-0.535c0.269,0,0.426,0.194,0.429,0.535c0.003,0.334,0.001,0.669,0.001,1.006c0.68,0.099,1.322,0.192,2,0.292c0-0.376-0.01-0.712,0.003-1.046c0.01-0.25,0.161-0.392,0.408-0.4c0.248-0.008,0.4,0.127,0.436,0.372c0.02,0.134,0.012,0.27,0.015,0.403c0.007,0.27-0.088,0.623,0.047,0.785c0.144,0.173,0.503,0.172,0.771,0.237c0.387,0.095,0.775,0.181,1.193,0.276c0-0.303-0.005-0.563,0.001-0.82c0.007-0.33,0.183-0.535,0.444-0.529c0.253,0.006,0.416,0.2,0.421,0.52c0.005,0.299-0.006,0.598,0.007,0.896c0.004,0.078,0.054,0.205,0.112,0.226c0.56,0.198,1.127,0.378,1.72,0.574c0-0.286-0.006-0.546,0.001-0.804c0.009-0.31,0.187-0.502,0.446-0.495c0.25,0.006,0.414,0.19,0.419,0.488c0.005,0.328-0.004,0.655,0.005,0.982c0.002,0.077,0.027,0.194,0.077,0.22c0.524,0.256,1.056,0.496,1.633,0.764c0-0.258-0.007-0.475,0.002-0.691c0.012-0.285,0.169-0.447,0.423-0.449c0.248-0.001,0.415,0.161,0.436,0.442c0.013,0.162,0.026,0.33,0.002,0.49c-0.08,0.515,0.087,0.849,0.577,1.095C27.064,22.961,27.461,23.309,27.909,23.621z M10.73,5.972C10.167,6.02,9.097,6.075,8.037,6.207C6.561,6.391,5.122,6.743,3.777,7.41C3.239,7.678,2.734,7.996,2.346,8.467c-0.477,0.579-0.482,1.179-0.014,1.761c0.114,0.142,0.247,0.272,0.386,0.389c0.563,0.469,1.214,0.779,1.897,1.023c2.477,0.885,5.043,1.136,7.654,1.049c1.928-0.064,3.815-0.359,5.622-1.058c0.776-0.301,1.523-0.664,2.106-1.281c0.619-0.655,0.615-1.338,0.007-2c-0.104-0.113-0.22-0.217-0.34-0.313c-0.622-0.504-1.34-0.829-2.088-1.091C15.524,6.225,13.394,6.007,10.73,5.972z M20.44,13.992c0-0.929,0-1.863,0-2.843c-1.261,1.073-2.758,1.527-4.281,1.923C17.601,13.382,19.016,13.686,20.44,13.992z'/%3E%3Cpath d='M11.009,11.013c-1.158-0.011-2.528-0.129-3.825-0.659c-0.281-0.115-0.557-0.275-0.791-0.468c-0.64-0.528-0.647-1.271,0.023-1.759c0.388-0.283,0.847-0.52,1.31-0.64c0.778-0.203,1.583-0.308,2.381-0.43c0.358-0.055,0.574,0.109,0.595,0.383c0.021,0.265-0.176,0.424-0.535,0.479C9.446,8.031,8.72,8.13,8.01,8.297C7.654,8.38,7.315,8.573,6.995,8.763C6.723,8.926,6.718,9.12,7.001,9.262c0.469,0.234,0.957,0.469,1.463,0.582c2.005,0.447,4.014,0.433,6.003-0.123c0.284-0.079,0.562-0.203,0.821-0.346c0.479-0.262,0.488-0.497-0.011-0.73c-0.483-0.226-1-0.395-1.519-0.527c-0.436-0.11-0.894-0.131-1.342-0.193c-0.085-0.012-0.173-0.018-0.255-0.045c-0.224-0.075-0.319-0.243-0.286-0.472c0.031-0.218,0.173-0.364,0.391-0.351c1.238,0.072,2.453,0.248,3.55,0.889c0.09,0.053,0.173,0.122,0.253,0.19c0.6,0.513,0.628,1.256-0.004,1.729c-0.392,0.293-0.859,0.515-1.326,0.673C13.609,10.924,12.425,11.009,11.009,11.013z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #666;
  font-size: 30px;
  line-height: 2.8rem;
  margin: 0 0 2rem;
  padding-left: 60px;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .RequestRingSizerWrap h2 {
      font-size: 35px;
      line-height: 3.5rem; } }
  @media (min-width: 1261px) {
    .RequestRingSizerWrap h2 {
      font-size: 45px;
      line-height: 4rem; } }

.RequestRingSizerWrap .RequestRingSizer {
  max-width: 615px;
  width: 100%; }
  .RequestRingSizerWrap .RequestRingSizer > p {
    font-size: 18px;
    line-height: 1.8rem; }
    @media (min-width: 1261px) {
      .RequestRingSizerWrap .RequestRingSizer > p {
        font-size: 24px;
        line-height: 2.4rem;
        margin: 2rem 0; } }
  .RequestRingSizerWrap .RequestRingSizer label {
    color: #666666;
    font-size: 18px;
    font-weight: 300; }
  .RequestRingSizerWrap .RequestRingSizer .hs-input[type="text"], .RequestRingSizerWrap .RequestRingSizer .hs-input[name="email"], .RequestRingSizerWrap .RequestRingSizer .hs-input[type="tel"] {
    appearance: none;
    background-color: #fff;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    color: #666;
    font-size: 1rem;
    font-smoothing: antialiased;
    height: 3rem;
    margin: 0 0 0.4rem;
    padding: 0 1rem;
    width: 100%;
    transition: border-color .1s ease-out; }
  .RequestRingSizerWrap .RequestRingSizer .hs-input[type="radio"] + span {
    margin-left: 0.4rem; }
  .RequestRingSizerWrap .RequestRingSizer .hs-fieldtype-radio > label {
    display: block;
    font-size: 16px;
    margin: 2rem 0 0.6rem; }
    @media (min-width: 801px) {
      .RequestRingSizerWrap .RequestRingSizer .hs-fieldtype-radio > label {
        font-size: 18px; } }
    @media (min-width: 1261px) {
      .RequestRingSizerWrap .RequestRingSizer .hs-fieldtype-radio > label {
        font-size: 24px; } }
  .RequestRingSizerWrap .RequestRingSizer .hs-fieldtype-radio input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 22px;
    height: 18px;
    margin: 0.8rem 0; }
  .RequestRingSizerWrap .RequestRingSizer .hs_submit {
    margin: 1rem 0 0; }
    .RequestRingSizerWrap .RequestRingSizer .hs_submit input.hs-button.primary.large {
      background-color: #FFFFFF;
      border: 1px solid #505050;
      border-radius: 0;
      color: #666666;
      cursor: pointer;
      font-size: 18px;
      font-weight: 400;
      height: auto;
      line-height: 2rem;
      margin: 0 0 1rem;
      position: relative;
      display: inline-block;
      padding: 0.85714rem 2.28571rem;
      outline: none;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      width: auto; }
      .RequestRingSizerWrap .RequestRingSizer .hs_submit input.hs-button.primary.large:hover {
        color: #FFFFFF;
        background-color: #3c6bb4;
        border-color: #3c6bb4; }
  .RequestRingSizerWrap .RequestRingSizer ul {
    list-style: none;
    margin: 0; }
  .RequestRingSizerWrap .RequestRingSizer .hs-error-msgs {
    color: #c84646;
    font-size: 14px;
    font-weight: 400; }

.RequestRingSizerWrap .RingSizerIntroInner {
  background: #fff;
  padding: 20px; }
  .RequestRingSizerWrap .RingSizerIntroInner .RingSizerIntroContent {
    border: 1px solid #ddd;
    padding: 3rem 6rem;
    text-align: center; }
    .RequestRingSizerWrap .RingSizerIntroInner .RingSizerIntroContent p {
      font-family: abril-text;
      font-size: 19px;
      color: #6a6a6a;
      line-height: 1.8em;
      margin-bottom: 0;
      font-weight: 300; }

.DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='rgb(65, 110, 182)' %3E%3Cg%3E%3Cpath d='M19.721,0.882c0.862,0.843,1.727,1.682,2.584,2.528c1.725,1.702,3.444,3.41,5.173,5.108c0.188,0.186,0.268,0.379,0.268,0.642c-0.006,6.5-0.003,13-0.005,19.5c0,1.108-0.516,1.782-1.581,2.09c-0.024,0.008-0.046,0.03-0.069,0.047c-6.233,0-12.465,0-18.697,0c-0.138-0.045-0.278-0.083-0.413-0.136c-0.759-0.295-1.262-1.009-1.276-1.826c-0.008-0.486-0.001-0.975-0.001-1.458c-0.056-0.029-0.097-0.055-0.141-0.075C4.9,27,4.573,26.484,4.573,25.757c0-2.317,0.002-4.635-0.001-6.952c-0.001-0.726,0.311-1.257,0.974-1.555C5.739,17.163,5.7,17.031,5.7,16.894c0.001-3.058,0.001-6.115,0.001-9.173c0-0.087-0.005-0.176,0.002-0.263c0.02-0.269,0.204-0.44,0.456-0.429C6.4,7.039,6.56,7.204,6.576,7.464C6.581,7.551,6.577,7.64,6.577,7.728c0,3,0,5.999,0,8.996c0,0.117,0,0.233,0,0.395c0.139,0,0.261,0,0.383,0c5.083,0,10.167,0.016,15.25-0.014c1.032-0.003,1.843,0.687,1.826,1.836c-0.03,2.249-0.007,4.499-0.01,6.747c-0.003,0.912-0.551,1.617-1.351,1.713c-0.346,0.043-0.7,0.023-1.051,0.027c-0.282,0.004-0.565,0.004-0.849-0.002c-0.347-0.004-0.529-0.164-0.523-0.445c0.007-0.273,0.184-0.424,0.518-0.428c0.496-0.004,0.993,0.002,1.489-0.002c0.622-0.004,0.89-0.271,0.891-0.892c0.002-2.257,0.002-4.519,0-6.776c0-0.623-0.268-0.888-0.89-0.888c-5.307-0.001-10.614-0.001-15.921,0c-0.635,0-0.89,0.25-0.89,0.878c-0.002,2.261-0.002,4.519,0,6.778c0,0.651,0.248,0.899,0.901,0.899c3.876,0.002,7.752,0,11.628,0.002c0.106,0,0.215-0.008,0.32,0.007c0.25,0.036,0.381,0.184,0.376,0.438c-0.004,0.25-0.13,0.402-0.387,0.422c-0.116,0.008-0.233,0.008-0.351,0.008c-3.652,0-7.304,0-10.955,0c-0.124,0-0.249,0-0.39,0c0,0.544-0.039,1.062,0.011,1.569c0.051,0.524,0.519,0.896,1.05,0.922c0.087,0.004,0.175,0.002,0.263,0.002c5.872,0,11.744,0,17.615,0c0.927,0,1.333-0.405,1.333-1.335c0-6.271,0-12.542,0-18.814c0-0.106,0-0.212,0-0.358c-0.121,0-0.225,0-0.328,0c-1.606,0-3.215,0.001-4.82,0c-1.561-0.002-2.581-1.021-2.583-2.574c-0.002-1.578,0-3.155,0-4.733c0-0.104,0-0.209,0-0.347c-0.132,0-0.235,0-0.339,0c-3.642,0-7.284,0-10.926,0c-0.859,0-1.292,0.433-1.292,1.292c0,0.672,0.002,1.344-0.001,2.016c-0.001,0.333-0.153,0.5-0.437,0.499c-0.281-0.001-0.436-0.17-0.438-0.501c-0.003-0.72-0.006-1.44,0-2.161C5.709,1.93,6.308,1.18,7.259,0.935C7.305,0.924,7.349,0.9,7.393,0.882C11.502,0.882,15.611,0.882,19.721,0.882z M26.244,8.537c-2.102-2.078-4.142-4.096-6.233-6.163c0,0.167,0,0.253,0,0.339c0,1.38-0.001,2.761,0,4.142c0.001,1.048,0.636,1.678,1.693,1.68c1.362,0.002,2.724,0.001,4.086,0.001C25.915,8.537,26.038,8.537,26.244,8.537z'/%3E%3Cpath d='M12.742,22.253c0-0.653-0.001-1.305,0-1.956c0.002-0.496,0.122-0.612,0.626-0.614c0.322-0.002,0.644-0.004,0.965,0c1.09,0.016,1.835,0.589,2.118,1.652c0.211,0.786,0.188,1.563-0.182,2.305c-0.389,0.78-1.016,1.208-1.906,1.212c-0.331,0.002-0.663,0.008-0.994,0.012c-0.484,0.004-0.623-0.128-0.626-0.624C12.738,23.577,12.742,22.915,12.742,22.253z M13.64,23.977c0.263,0,0.487-0.004,0.709,0c0.566,0.01,0.942-0.275,1.158-0.774c0.264-0.608,0.258-1.23,0.028-1.848c-0.146-0.388-0.407-0.692-0.823-0.754c-0.348-0.055-0.71-0.013-1.073-0.013C13.64,21.714,13.64,22.828,13.64,23.977z'/%3E%3Cpath d='M8.837,22.98c0,0.517,0.005,0.973-0.002,1.428c-0.005,0.336-0.155,0.5-0.438,0.5c-0.27,0.002-0.427-0.146-0.431-0.438c-0.009-0.545-0.004-1.091-0.004-1.634c0-0.887-0.001-1.773,0-2.658c0.001-0.423,0.139-0.562,0.56-0.563c0.418-0.005,0.838-0.014,1.254,0.013c0.89,0.059,1.583,0.812,1.575,1.687c-0.008,0.868-0.689,1.601-1.565,1.664C9.486,23,9.184,22.98,8.837,22.98z M8.85,22.117c0.25,0,0.47,0.002,0.691-0.002c0.097,0,0.195-0.007,0.289-0.026c0.353-0.073,0.634-0.417,0.644-0.769c0.009-0.335-0.242-0.718-0.586-0.78c-0.334-0.06-0.683-0.044-1.037-0.063C8.85,21.049,8.85,21.562,8.85,22.117z'/%3E%3Cpath d='M18.846,22.67c0,0.588,0.002,1.14,0,1.694c-0.001,0.354-0.147,0.53-0.432,0.532c-0.288,0.004-0.443-0.175-0.443-0.525c-0.003-1.399-0.003-2.8,0-4.2c0-0.382,0.153-0.535,0.528-0.537c0.543-0.002,1.087-0.004,1.632,0c0.317,0.002,0.476,0.144,0.482,0.42c0.006,0.284-0.161,0.448-0.483,0.454c-0.417,0.009-0.833,0.002-1.266,0.002c0,0.428,0,0.833,0,1.286c0.35,0,0.704-0.002,1.06,0c0.371,0.002,0.56,0.15,0.556,0.441c-0.005,0.287-0.194,0.431-0.569,0.433C19.569,22.672,19.229,22.67,18.846,22.67z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: center left;
  color: #666;
  font-size: 30px;
  line-height: 3.8rem;
  margin: 0 0 2rem;
  padding-left: 6rem;
  text-align: left;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
      font-size: 35px;
      line-height: 4.5rem; } }
  @media (min-width: 1261px) {
    .DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo h2 {
      font-size: 45px;
      line-height: 5.5rem; } }

.DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
  font-size: 16px;
  margin: 0 0 3rem; }
  @media (min-width: 801px) {
    .DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
      font-size: 18px; } }
  @media (min-width: 1261px) {
    .DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo p {
      font-size: 24px; } }

.DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo .button {
  background-color: #FFFFFF;
  border-color: #505050;
  border-radius: 0;
  color: #666666;
  font-size: 18px;
  line-height: 2rem; }
  .DownloadRingSizingGuideWrap .FullTwoColumnWrap .ColumnWrap .ContentInfo .button:hover {
    color: #FFFFFF;
    background-color: #3c6bb4;
    border-color: #3c6bb4; }

.NeedKeepSecretWrap {
  background: #ffece7;
  padding: 2rem 0;
  margin: 0 0 3rem; }
  @media (min-width: 992px) {
    .NeedKeepSecretWrap {
      background: -moz-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      background: linear-gradient(to bottom, #ffece7 0%, #ffece7 60%, #ffffff 60%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffece7', endColorstr='#ffffff',GradientType=0 ); } }
  .NeedKeepSecretWrap h2 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 2rem;
    padding: 2.5rem 0;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .NeedKeepSecretWrap h2 {
        font-size: 35px;
        line-height: 3.5rem; } }
    @media (min-width: 1261px) {
      .NeedKeepSecretWrap h2 {
        font-size: 45px;
        line-height: 4rem; } }
  .NeedKeepSecretWrap .NeedKeepSecretContent {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.01) 0 5px 20px 0, rgba(0, 0, 0, 0.03) 0 5px 20px 0, rgba(0, 0, 0, 0.01) 0 5px 20px 0;
    padding: 2rem;
    width: 100%; }
    @media (min-width: 992px) {
      .NeedKeepSecretWrap .NeedKeepSecretContent {
        padding: 5rem 0; } }
    .NeedKeepSecretWrap .NeedKeepSecretContent p {
      font-size: 18px;
      font-weight: 300;
      line-height: 2rem;
      margin: 0 0 3rem;
      text-align: center; }
      @media (min-width: 801px) {
        .NeedKeepSecretWrap .NeedKeepSecretContent p {
          font-size: 22px;
          line-height: 2.4rem; } }
      @media (min-width: 1261px) {
        .NeedKeepSecretWrap .NeedKeepSecretContent p {
          font-size: 28px;
          line-height: 3rem; } }
    .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 20px;
      width: 100%; }
      .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul {
        list-style: none;
        margin: 0; }
        .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul li {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='rgb(65, 110, 182)' %3E%3Cpath d='M31.093,2.765c-9.03,4.838-14.134,12.9-17.945,21.924 c-1.015,2.403-2.468,3.479-5.055,3.576c-1.259-4.752-2.883-9.375-7.281-12.35c3.332-2.49,4.864-1.953,9.596,3.299 C15.03,10.865,21.523,4.863,31.093,2.765z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-size: 25px;
          background-position: left top 4px;
          color: #666666;
          font-size: 16px;
          font-weight: 300;
          line-height: 1.8rem;
          padding-left: 34px;
          margin-bottom: 30px;
          text-align: left; }
          @media (min-width: 801px) {
            .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul li {
              font-size: 18px;
              line-height: 2rem; } }
          @media (min-width: 1261px) {
            .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul li {
              font-size: 24px;
              line-height: 2.6rem; } }
          .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul li strong {
            font-weight: 400; }
          .NeedKeepSecretWrap .NeedKeepSecretContent .NeedKeepSecretKeyFeatuers ul li a {
            color: #3f609f; }

.NeedKeepSecretThingsNoteWrap {
  margin: 0 0 2rem; }
  .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent h3 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 0 1rem;
    padding: 0;
    text-align: left;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent h3 {
        font-size: 35px;
        line-height: 3.5rem; } }
    @media (min-width: 1261px) {
      .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent ul {
    margin-left: 2rem;
    max-width: 1380px;
    width: auto; }
    .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent ul li {
      color: #666666;
      font-size: 18px;
      font-weight: 300;
      margin-bottom: 20px;
      text-align: left; }
      .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent ul li::marker {
        color: #3c6bb4;
        font-size: 33px; }
      .NeedKeepSecretThingsNoteWrap .NeedKeepSecretThingsNoteContent ul li:last-child {
        margin: 0; }

.ShopRingsCollectionWrap .standard-container {
  margin: 20px auto;
  padding: 0 1.5rem;
  border: 1px solid #ddd; }

.ShopRingsCollectionWrap .ShopRingsCollectionContent {
  padding: 4rem 0; }
  .ShopRingsCollectionWrap .ShopRingsCollectionContent h3 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 0 2rem;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .ShopRingsCollectionWrap .ShopRingsCollectionContent h3 {
        font-size: 35px;
        line-height: 3.5rem; } }
    @media (min-width: 1261px) {
      .ShopRingsCollectionWrap .ShopRingsCollectionContent h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes {
    margin: 0 -15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column; }
    @media (min-width: 992px) {
      .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes {
        flex-direction: row; } }
    .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox {
      display: inline-flex;
      padding: 0 15px;
      max-width: 100%; }
      @media (min-width: 992px) {
        .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox {
          max-width: 33.3333%; } }
      .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent {
        background: rgba(255, 255, 255, 0.8);
        text-align: center;
        box-sizing: border-box; }
        .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent h3 {
          color: #666666;
          font-size: 18px;
          margin: 0 0 20px;
          text-align: center;
          text-transform: capitalize; }
          @media (min-width: 801px) {
            .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent h3 {
              font-size: 22px; } }
          @media (min-width: 1261px) {
            .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent h3 {
              font-size: 28px; } }
        .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent a {
          background-color: #FFFFFF;
          border: 1px solid #505050;
          border-radius: 0;
          color: #666666;
          cursor: pointer;
          font-size: 18px;
          font-weight: 400;
          height: auto;
          line-height: 2rem;
          margin: 0 0 1rem;
          position: relative;
          display: inline-block;
          padding: 0.85714rem 2.28571rem;
          outline: none;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          vertical-align: middle;
          width: auto; }
          .ShopRingsCollectionWrap .ShopRingsCollectionContent .ShopRingsCollectionBoxes .ShopRingsCollectionBox .ShopRingsCollectionBoxContent a:hover {
            color: #FFFFFF;
            background-color: #3c6bb4;
            border-color: #3c6bb4; }

.RingSizesChartWrap {
  margin: 6rem 0; }
  .RingSizesChartWrap .container {
    padding: 0; }
    @media (min-width: 992px) {
      .RingSizesChartWrap .container {
        padding: 0 1.5rem; } }
  .RingSizesChartWrap h3 {
    color: #666;
    font-size: 30px;
    line-height: 2.8rem;
    margin: 0 0 2rem;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 801px) {
      .RingSizesChartWrap h3 {
        font-size: 35px;
        line-height: 3.5rem; } }
    @media (min-width: 1261px) {
      .RingSizesChartWrap h3 {
        font-size: 45px;
        line-height: 4rem; } }
  .RingSizesChartWrap .RingSizesChartContent {
    display: flex;
    row-gap: 4rem;
    flex-direction: column; }
    @media (min-width: 1261px) {
      .RingSizesChartWrap .RingSizesChartContent {
        column-gap: 4rem;
        flex-direction: row; } }
    .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart {
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.05) 0 1px 20px 0, rgba(0, 0, 0, 0.05) 0 1px 4px 0, rgba(0, 0, 0, 0.05) 0 2px 8px 0;
      font-weight: 300;
      font-size: 15px;
      line-height: 3.4rem;
      text-align: center;
      text-transform: uppercase; }
      .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart .RingSizesChart_Heading th {
        background: #3c6bb4;
        border: 1px solid #3c6bb4;
        color: #fff;
        font-size: 28px;
        font-weight: normal;
        height: 60px; }
        @media (min-width: 801px) {
          .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart .RingSizesChart_Heading th {
            background: #fff;
            border: 1px solid #B7B8BA;
            color: #666; } }
      .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart .RingSizesChart_Heading td {
        text-transform: none;
        height: 90px; }
      .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart tr:nth-child(2n+1) {
        background: #f8f8f8; }
      .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart td {
        width: 14%;
        letter-spacing: 1.5px; }
        .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart td:nth-child(2), .RingSizesChartWrap .RingSizesChartContent .InternationalRingSizesChart td:nth-child(3) {
          color: #000; }

.showroom-visit-wrapper {
  margin: 0 0 3rem; }
  .showroom-visit-wrapper .inner {
    background-position: 30% center;
    position: relative;
    min-height: 550px;
    background-size: cover;
    background-repeat: no-repeat; }
    .showroom-visit-wrapper .inner .schedual-visit-detail {
      padding: 3rem 2rem;
      max-width: 400px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      text-align: center;
      width: 85%; }
      @media (min-width: 551px) {
        .showroom-visit-wrapper .inner .schedual-visit-detail {
          width: 100%; } }
      .showroom-visit-wrapper .inner .schedual-visit-detail h2 {
        color: #666666;
        font-size: 18px; }
        @media (min-width: 801px) {
          .showroom-visit-wrapper .inner .schedual-visit-detail h2 {
            font-size: 22px; } }
        @media (min-width: 1261px) {
          .showroom-visit-wrapper .inner .schedual-visit-detail h2 {
            font-size: 28px; } }
      .showroom-visit-wrapper .inner .schedual-visit-detail p {
        color: #666666; }
      .showroom-visit-wrapper .inner .schedual-visit-detail img {
        display: block;
        max-width: 75px;
        margin: 0 auto; }
      .showroom-visit-wrapper .inner .schedual-visit-detail .custom-primary-buttons {
        background-color: #FFFFFF;
        border-color: #505050;
        color: #666666; }

.note-info {
  font-size: 16px !important; }

.body, body {
  color: #3e3e3e;
  font-family: niveau-grotesk;
  font-size: 17px;
  line-height: 30px; }

body, .body {
  padding-top: 0; }
  body:not(.body_default), .body:not(.body_default) {
    margin-top: 0; }

.icon svg {
  stroke: #42609F; }

.page {
  margin: auto;
  padding: 0 20px; }

.button, .iotr-button, .small-caps, button {
  color: #3f609f;
  font-family: niveau-grotesk;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none; }

.button--primary {
  background-color: #3f609f;
  border-color: #3f609f;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff; }

.heading-1, h1 {
  color: #666;
  line-height: 60px;
  letter-spacing: -1px;
  margin: 0; }

.heading-2, h2 {
  font-size: 32px;
  color: #3e3e3e;
  line-height: 40px;
  letter-spacing: -.5px;
  margin: 0; }

.productCarousel .slick-prev, .designers .slick-prev {
  left: 0; }

.productCarousel .slick-next, .designers .slick-next {
  right: 0; }

.banners {
  padding: 0; }

.smallest {
  font-size: 12px; }

p {
  color: #575757;
  font-weight: 300; }

a:active, a:hover, a:focus {
  outline: none; }

.modal-background {
  background: rgba(45, 45, 45, 0.4); }

#modalLoginForm {
  width: 600px;
  padding: 10px; }

.SignInPopupInner::before {
  content: "";
  background-image: url(https://cdn7.bigcommerce.com/s-gh1go5da/content/custom_svg/blue-trs-logo.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: .6; }

.SignInPopupInner {
  border: 5px solid #D7E6F0;
  position: relative;
  background: 0 0;
  z-index: 99; }

.modal-header--no-border {
  border-bottom: none; }

.product-contact-modal__title {
  color: #3f609f;
  font-family: Montserrat,Arial,Helvetica,sans-serif;
  font-size: 25px;
  line-height: 2rem;
  padding: 0;
  margin: 20px 0;
  text-transform: none; }

.modal-close {
  background: #3f609f;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  line-height: 1.24rem;
  width: 25px;
  height: 25px;
  font-size: 25px; }

.SignInPopupForm .alertBox-message {
  line-height: 1.3rem;
  font-size: 13px;
  font-weight: 300; }

.SignInPopupForm .icon svg {
  stroke-width: 0; }

.SignInPopupForm .form-field > label.form-label {
  display: none; }

.SignInPopupForm {
  max-width: 72%;
  margin: 0 auto; }

.orTxt {
  position: relative;
  color: #575757;
  font-size: 24px;
  text-align: center; }

.orTxt::after, .orTxt::before {
  content: "";
  background: #575757;
  height: 1px;
  position: absolute;
  width: 48%;
  top: 50%; }

.orTxt::after {
  right: -6%; }

.orTxt::before {
  left: -6%; }

.SignInPopupForm .CreateAccount {
  margin-top: 20px; }

.SignInPopupForm .CreateAccount > a.button {
  width: 100%;
  border-radius: 0;
  font-size: 24px; }

.SignInPopupForm .form-field + .form-field {
  margin: 0; }

.SignInPopupForm .forgot-password {
  text-align: left;
  display: block;
  margin: 8px 0;
  text-decoration: none;
  font-size: 16px; }

#LoginButton {
  width: 100%;
  font-size: 24px; }

.productView-details .productView-title {
  font-size: 30px;
  margin: 0 0 1rem;
  line-height: 2.3rem; }

.cart-page.standard-container.page {
  padding: 0; }

#search-results-heading .page-heading {
  font-size: 18px;
  margin: 0 0 1.5rem;
  text-align: center; }
  @media (min-width: 801px) {
    #search-results-heading .page-heading {
      font-size: 20px;
      line-height: 2rem; } }

@media only screen and (min-width: 1600px) {
  .product-contact-modal__title {
    font-size: 33px;
    line-height: 2.2rem; } }

#TopBtn {
  background: #3F609F;
  position: fixed;
  bottom: 5rem;
  right: 0.3rem;
  z-index: 99;
  height: 78px;
  width: 78px;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4em;
  display: none;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  box-shadow: 0 10px 13px -7px #000,5px 5px 15px 5px transparent;
  text-transform: uppercase; }
  #TopBtn .icon {
    width: 100%;
    text-align: center;
    height: 19px;
    margin: 7px 0 5px;
    transform: rotate(180deg); }
    #TopBtn .icon svg {
      fill: #42609F;
      stroke: #fff;
      opacity: 1;
      width: 80%; }
  #TopBtn span {
    font-size: 20px;
    line-height: 0.7em;
    display: block;
    margin-top: 0.2rem; }

.showroom {
  background: url(https://cdn11.bigcommerce.com/s-gh1go5da/content/theme-images/showroom.jpg) center/cover;
  display: flex;
  min-height: 400px; }
  .showroom .standard-container {
    margin: 3rem auto; }
    .showroom .standard-container .showroom-content {
      background-color: rgba(255, 255, 255, 0.85);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 450px;
      min-height: 480px;
      padding: 2.8rem;
      text-align: center; }
      .showroom .standard-container .showroom-content h2 {
        margin-bottom: 0; }
      .showroom .standard-container .showroom-content hr {
        border-color: #97a4c4;
        border-width: 1px;
        min-width: 80px;
        max-width: 80px;
        margin: 20px 0 30px; }
      .showroom .standard-container .showroom-content p {
        margin-bottom: 24px;
        padding: 0 20px 10px; }
      .showroom .standard-container .showroom-content a, .showroom .standard-container .showroom-content .button {
        margin: 0; }

.content-container hr {
  border-color: #97a4c4;
  border-width: 1px;
  min-width: 80px;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto; }

.content-container h2 {
  text-align: center;
  margin-bottom: 20px; }

.thin {
  font-weight: 300;
  margin-bottom: 10px; }

@media only screen and (min-width: 1600px) {
  .showroom {
    max-height: 700px; } }

@media only screen and (min-width: 1261px) {
  .standard-container.page {
    padding: 0; } }

.fs-has-links::after {
  padding: 5px 7.5px;
  border: 1px solid #575757;
  color: #575757;
  content: "SHOP IT"; }

.fs-has-links:hover:after {
  background-color: #575757;
  color: rgba(239, 245, 250, 0.76); }

.fs-wrapper {
  height: auto; }

.fs-entry-container {
  height: 0 !important;
  width: 20% !important;
  padding-top: 20% !important; }

.fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title {
  font-family: Times New Roman, serif;
  font-style: italic;
  font-weight: normal; }

div.fs-text-container .fs-entry-date, div.fs-detail-container .fs-post-info, div.fs-wrapper div.fs-has-links::after, .fs-text-product, .fs-overlink-text {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: bold; }

.fs-wrapper div.fs-text-container * {
  color: #575757; }

.fs-wrapper div.fs-text-container {
  background-color: rgba(239, 245, 250, 0.76);
  margin: 0px; }

div.fs-entry-date {
  display: none; }

div.fs-entry-title {
  display: none; }

.fs-wrapper div.fs-timeline-entry {
  margin: 1px; }

input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 0px solid #0f7fff !important;
  outline-offset: 0px !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300; }

h1 {
  font-size: 32px; }
  @media (min-width: 801px) {
    h1 {
      font-size: 55px; } }

#cart-preview-dropdown {
  width: 400px;
  max-width: 360px; }

.cart-total-grandTotal {
  font-family: Montserrat,Arial,Helvetica,sans-serif; }

.new-instagram-wrap {
  text-align: center;
  margin: 0 0 5rem; }
  .new-instagram-wrap .new-instagram-title-wrap {
    margin: 0 0 2rem; }
    .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading {
      padding: 0 15px; }
      .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2 {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg%3E%3ClinearGradient id='insta_1' gradientUnits='userSpaceOnUse' x1='341.3262' y1='344.9805' x2='767.3943' y2='-81.0876' gradientTransform='matrix(1 0 0 1 -298.3594 124.0547)'%3E%3Cstop offset='0' style='stop-color:%23FED600'%3E%3C/stop%3E%3Cstop offset='0.5' style='stop-color:%23ED2224'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23BD3F97'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='insta_2' gradientUnits='userSpaceOnUse' x1='461.4023' y1='224.9043' x2='647.3132' y2='38.9934' gradientTransform='matrix(1 0 0 1 -298.3594 124.0547)'%3E%3Cstop offset='0' style='stop-color:%23F26522'%3E%3C/stop%3E%3Cstop offset='0.5' style='stop-color:%23ED2224'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23ED1C59'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='insta_3' gradientUnits='userSpaceOnUse' x1='669.2871' y1='17.019' x2='712.7335' y2='-26.4274' gradientTransform='matrix(1 0 0 1 -298.3594 124.0547)'%3E%3Cstop offset='0' style='stop-color:%23ED1573'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23DF228F'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath fill='url(%23insta_1)' d='M510.461,150.458c-1.246-27.25-5.574-45.859-11.902-62.141c-6.426-17.082-16.504-32.555-29.526-45.344c-12.785-13.023-28.263-23.105-45.345-29.535C407.403,7.113,388.797,2.79,361.547,1.55C334.246,0.301,325.524,0.004,256,0.004c-69.524,0-78.246,0.297-105.547,1.539c-27.25,1.246-45.855,5.574-62.141,11.902C71.23,19.872,55.757,29.949,42.968,42.972C29.945,55.757,19.863,71.23,13.433,88.313C7.11,104.598,2.785,123.208,1.547,150.454C0.297,177.758,0,186.478,0,256c0,69.527,0.297,78.25,1.547,105.55c1.242,27.246,5.57,45.855,11.898,62.141c6.426,17.078,16.504,32.557,29.527,45.342c12.785,13.021,28.262,23.102,45.344,29.525c16.281,6.332,34.891,10.656,62.141,11.902C177.762,511.707,186.48,512,256.004,512c69.524,0,78.246-0.293,105.547-1.539c27.25-1.246,45.855-5.57,62.142-11.902c34.387-13.297,61.569-40.479,74.866-74.867c6.332-16.283,10.656-34.895,11.902-62.141c1.242-27.305,1.539-36.023,1.539-105.546C512,186.478,511.703,177.758,510.461,150.458z M464.379,359.453c-1.137,24.961-5.309,38.516-8.813,47.535c-8.613,22.328-26.259,39.973-48.586,48.586c-9.021,3.504-22.574,7.676-47.535,8.813c-26.988,1.234-35.086,1.492-103.445,1.492c-68.363,0-76.457-0.258-103.449-1.492c-24.957-1.137-38.512-5.309-47.535-8.813c-11.117-4.105-21.176-10.648-29.434-19.152c-8.504-8.258-15.047-18.313-19.152-29.434c-3.504-9.02-7.676-22.574-8.813-47.535c-1.23-26.992-1.492-35.09-1.492-103.445c0-68.359,0.262-76.453,1.492-103.449c1.141-24.961,5.309-38.516,8.813-47.535c4.105-11.121,10.652-21.18,19.152-29.438c8.258-8.504,18.316-15.047,29.438-19.148c9.02-3.508,22.574-7.676,47.535-8.816c26.992-1.23,35.09-1.492,103.445-1.492h-0.004c68.354,0,76.453,0.262,103.449,1.496c24.961,1.137,38.512,5.309,47.535,8.813c11.116,4.105,21.176,10.648,29.434,19.148c8.504,8.258,15.047,18.316,19.148,29.438c3.508,9.02,7.68,22.574,8.815,47.535c1.23,26.992,1.492,35.09,1.492,103.445C465.871,324.363,465.614,332.457,464.379,359.453z'%3E%3C/path%3E%3Cpath fill='url(%23insta_2)' d='M255.996,124.543c-72.602,0-131.457,58.859-131.457,131.461c0,72.601,58.855,131.457,131.457,131.457c72.604,0,131.461-58.855,131.461-131.457C387.457,183.402,328.602,124.543,255.996,124.543z M255.996,341.336c-47.125-0.004-85.332-38.207-85.328-85.335c0-47.125,38.203-85.332,85.332-85.332c47.129,0.004,85.332,38.207,85.332,85.332C341.332,303.129,303.125,341.336,255.996,341.336z'%3E%3C/path%3E%3Cpath fill='url(%23insta_3)' d='M423.371,119.353c0,16.965-13.754,30.719-30.719,30.719c-16.97,0-30.724-13.754-30.724-30.719c0-16.969,13.754-30.723,30.724-30.723C409.617,88.629,423.371,102.383,423.371,119.353z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center left;
        color: #000;
        display: inline-block;
        font-size: 24px;
        font-weight: 300;
        margin: 0 0 1rem;
        padding-left: 50px;
        text-transform: uppercase;
        width: auto; }
        @media (min-width: 801px) {
          .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2 {
            font-size: 35px; } }
        @media (min-width: 1681px) {
          .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2 {
            font-size: 45px;
            line-height: 3.5rem;
            padding-left: 60px; } }
        .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2 .shop-instagram-icon {
          height: 44px;
          width: 44px;
          display: block;
          margin: 0 auto 1rem; }
          @media (min-width: 801px) {
            .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading h2 .shop-instagram-icon {
              display: inline-block;
              height: 54px;
              margin: 0 1rem 0 0;
              width: 54px; } }
      .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p {
        color: #666;
        font-size: 18px;
        margin: 0; }
        @media (min-width: 801px) {
          .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p {
            font-size: 22px; } }
        @media (min-width: 1681px) {
          .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p {
            font-size: 28px; } }
        .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p .new-instagram-btn {
          background-color: #FFFFFF;
          border-color: #505050;
          border-radius: 0;
          color: #666666;
          font-size: 18px;
          font-weight: 400;
          line-height: 2rem;
          margin: 1rem 0 0 1rem;
          padding: 0.6rem 2rem; }
          .new-instagram-wrap .new-instagram-title-wrap .new-instagram-heading p .new-instagram-btn:hover {
            color: #FFFFFF;
            background-color: #3c6bb4;
            border-color: #3c6bb4; }
  .new-instagram-wrap .fs-text-container {
    background: rgba(216, 144, 85, 0.7);
    background: -moz-linear-gradient(top, rgba(216, 144, 85, 0.7) 0%, rgba(202, 97, 91, 0.7) 22%, rgba(188, 71, 111, 0.7) 64%, rgba(154, 60, 180, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(216, 144, 85, 0.7) 0%, rgba(202, 97, 91, 0.7) 22%, rgba(188, 71, 111, 0.7) 64%, rgba(154, 60, 180, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(216, 144, 85, 0.7) 0%, rgba(202, 97, 91, 0.7) 22%, rgba(188, 71, 111, 0.7) 64%, rgba(154, 60, 180, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(216, 144, 85, 0.7)', endColorstr='rgba(154, 60, 180, 0.7)',GradientType=0 ); }
    .new-instagram-wrap .fs-text-container .fs-service-icon {
      width: 48px;
      height: 48px;
      font-size: 36pt; }
    .new-instagram-wrap .fs-text-container .fs-has-links:after {
      background-color: #fff;
      color: #000; }

.previewCart .productView {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  @media (min-width: 801px) {
    .previewCart .productView {
      flex-direction: row; } }

.body_cart .page-heading {
  color: #000;
  font-family: niveau-grotesk;
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
  letter-spacing: .02rem;
  text-transform: uppercase;
  text-align: left; }

.body_cart #SizingGuideBtn {
  display: none; }

.body.body_search {
  margin-top: 1.5rem; }
  .body.body_search .nav .navBar--sub {
    margin-bottom: 2rem;
    text-align: center; }
  .body.body_search #facetedSearch #FacetedSortBtns #CatDescIconForMobile {
    display: none; }

.innerpages-story .our-story-wrapper .ColumnWrap h2.heading-inner {
  color: #666;
  text-align: left; }

.innerpages-story .our-story-wrapper .ColumnWrap p {
  color: #666;
  font-size: 28px;
  line-height: 2.6rem; }

.innerpages-story .our-story-wrapper .ColumnWrap .custom-primary-buttons {
  background-color: transparent;
  border-color: #666;
  color: #666; }
  .innerpages-story .our-story-wrapper .ColumnWrap .custom-primary-buttons:hover {
    backgound-color: #3c6bb4; }

.innerpages-story .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li a {
  color: #666;
  line-height: 2.2rem;
  font-size: 28px; }
  .innerpages-story .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li a .icon {
    height: 24px;
    width: 24px; }
    .innerpages-story .our-story-wrapper .ColumnWrap .ContentInfo .showroom-details li a .icon svg {
      fill: #666666; }

.innerpages-story .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons .schedule-icon svg {
  fill: #666666;
  stroke: none;
  stroke-width: 10; }

.innerpages-story .our-story-wrapper .ColumnWrap .ContentInfo .make-appointment-btns .custom-primary-buttons:hover .schedule-icon svg {
  fill: #fff;
  stroke: #fff; }

.productCarousel button.slick-arrow.slick-next, .productCarousel button.slick-arrow.slick-prev {
  width: 40px;
  height: 40px;
  padding: 0; }
  .productCarousel button.slick-arrow.slick-next:before, .productCarousel button.slick-arrow.slick-prev:before {
    background-size: 11px;
    width: 100%;
    height: 100%; }

.productCarousel button.slick-arrow.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 19.083 32'%3E%3Cpath d='M3.174,30.97c-0.556,0-1.113-0.214-1.538-0.638c-0.849-0.851-0.849-2.227,0-3.076L12.91,15.984L1.637,4.712 c-0.849-0.85-0.849-2.226,0-3.075c0.85-0.85,2.226-0.85,3.075,0l12.811,12.81c0.407,0.408,0.637,0.961,0.637,1.538 c0,0.576-0.229,1.131-0.637,1.538L4.712,30.332C4.288,30.756,3.73,30.97,3.174,30.97z' /%3E%3C/svg%3E");
  background-position: center left 15px; }

.productCarousel button.slick-arrow.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 19.083 32'%3E%3Cpath d='M15.985,1c0.556,0,1.113,0.214,1.538,0.638c0.85,0.851,0.85,2.227,0,3.076L6.25,15.985l11.273,11.271c0.85,0.85,0.85,2.226,0,3.075s-2.226,0.85-3.075,0L1.637,17.522C1.229,17.115,1,16.562,1,15.985c0-0.576,0.229-1.131,0.637-1.538l12.811-12.81C14.872,1.214,15.429,1,15.985,1z' /%3E%3C/svg%3E");
  background-position: center left 12px; }

.productGrid .card .card-body .card-actions .card-price .non-sale-price--withoutTax {
  display: none; }