@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
/* == General
===================================================== */
/* == Typography
===================================================== */
@font-face {
    font-family: 'Stilson-Regular';
    src: url("../fonts/stilson/Stilson-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/stilson/Stilson-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/stilson/Stilson-Regular.woff2") format("woff2"), url("../fonts/stilson/Stilson-Regular.woff") format("woff"), url("../fonts/stilson/Stilson-Regular.ttf") format("truetype"), url("../fonts/stilson/Stilson-Regular.svg#Stilson-Regular") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'LibreBaskerville-Regular';
    src: url("../fonts/LibreBaskerville/LibreBaskerville-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/LibreBaskerville/LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LibreBaskerville/LibreBaskerville-Regular.woff2") format("woff2"), url("../fonts/LibreBaskerville/LibreBaskerville-Regular.woff") format("woff"), url("../fonts/LibreBaskerville/LibreBaskerville-Regular.ttf") format("truetype"), url("../fonts/LibreBaskerville/LibreBaskerville-Regular.svg#LibreBaskerville-Regular") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Open-Sans';
    src: url("../fonts/OpenSans-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#Open-Sans") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Open-Sans';
    src: url("../fonts/OpenSans-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#Open-Sans") format("svg");
    /* Legacy iOS */
    font-weight: bold;
}

@font-face {
    font-family: 'Open-Sans';
    src: url("../fonts/OpenSans-SemiBold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype"), url("../fonts/OpenSans-SemiBold.svg#Open-Sans") format("svg");
    /* Legacy iOS */
    font-weight: 600;
}

@font-face {
    font-family: 'Open-Sans';
    src: url("../fonts/OpenSans-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#Open-Sans") format("svg");
    /* Legacy iOS */
    font-weight: 700;
}

@font-face {
    font-family: 'Open-Sans-Semi-Bold';
    src: url("../fonts/OpenSans-SemiBold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype"), url("../fonts/OpenSans-SemiBold.svg#Open-Sans-Semi-Bold") format("svg");
    /* Legacy iOS */
}








/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! 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: not-allowed;
    }

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

input:invalid:required {
    border-block-color: red;
    border: 1px solid red;
}


/**
   * 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.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* 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;
}

.foundation-mq {
    font-family: "small=0em&xxsmall=22.5em&xsmall=30.625em&bsmall=43.9375em&medium=40em&bmedium=48em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
    font-size: 100%;
    box-sizing: border-box;
}

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

.lee {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}

select {
    width: 100%;
    border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

[data-whatinput='mouse'] button {
    outline: 0;
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .row .row {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
}

.row.expanded {
    max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

    .row.is-collapse-child,
    .row.collapse > .column > .row,
    .row.collapse > .columns > .row {
        margin-left: 0;
        margin-right: 0;
    }

.column, .columns {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    min-width: initial;
}

@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.column.row.row, .row.row.columns {
    float: none;
    display: block;
}

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.small-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.small-offset-0 {
    margin-left: 0%;
}

.small-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.small-offset-1 {
    margin-left: 8.33333%;
}

.small-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.small-offset-2 {
    margin-left: 16.66667%;
}

.small-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

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

.small-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.small-offset-4 {
    margin-left: 33.33333%;
}

.small-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.small-offset-5 {
    margin-left: 41.66667%;
}

.small-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

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

.small-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.small-offset-7 {
    margin-left: 58.33333%;
}

.small-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.small-offset-8 {
    margin-left: 66.66667%;
}

.small-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

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

.small-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.small-offset-10 {
    margin-left: 83.33333%;
}

.small-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.small-offset-11 {
    margin-left: 91.66667%;
}

.small-order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.small-order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.small-order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.small-order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.small-order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.small-order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-1 > .column, .small-up-1 > .columns {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

.small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-2 > .column, .small-up-2 > .columns {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

.small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-3 > .column, .small-up-3 > .columns {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

.small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-4 > .column, .small-up-4 > .columns {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

.small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-5 > .column, .small-up-5 > .columns {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

.small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-6 > .column, .small-up-6 > .columns {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

.small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-7 > .column, .small-up-7 > .columns {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

.small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .small-up-8 > .column, .small-up-8 > .columns {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

@media screen and (min-width: 22.5em) {
    .xxsmall-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xxsmall-offset-0 {
        margin-left: 0%;
    }

    .xxsmall-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xxsmall-offset-1 {
        margin-left: 8.33333%;
    }

    .xxsmall-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xxsmall-offset-2 {
        margin-left: 16.66667%;
    }

    .xxsmall-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .xxsmall-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xxsmall-offset-4 {
        margin-left: 33.33333%;
    }

    .xxsmall-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xxsmall-offset-5 {
        margin-left: 41.66667%;
    }

    .xxsmall-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .xxsmall-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xxsmall-offset-7 {
        margin-left: 58.33333%;
    }

    .xxsmall-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xxsmall-offset-8 {
        margin-left: 66.66667%;
    }

    .xxsmall-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .xxsmall-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xxsmall-offset-10 {
        margin-left: 83.33333%;
    }

    .xxsmall-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xxsmall-offset-11 {
        margin-left: 91.66667%;
    }

    .xxsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xxsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xxsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xxsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xxsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xxsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .xxsmall-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-1 > .column, .xxsmall-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .xxsmall-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-2 > .column, .xxsmall-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .xxsmall-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-3 > .column, .xxsmall-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .xxsmall-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-4 > .column, .xxsmall-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .xxsmall-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-5 > .column, .xxsmall-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .xxsmall-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-6 > .column, .xxsmall-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .xxsmall-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-7 > .column, .xxsmall-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .xxsmall-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxsmall-up-8 > .column, .xxsmall-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 22.5em) and (min-width: 22.5em) {
    .xxsmall-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.xxsmall-unstack > .column, .row.xxsmall-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 22.5em) {
    .row.xxsmall-unstack > .column, .row.xxsmall-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 22.5em) {
    .xxsmall-collapse > .column, .xxsmall-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xxsmall-uncollapse > .column, .xxsmall-uncollapse > .columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 30.625em) {
    .xsmall-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xsmall-offset-0 {
        margin-left: 0%;
    }

    .xsmall-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xsmall-offset-1 {
        margin-left: 8.33333%;
    }

    .xsmall-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xsmall-offset-2 {
        margin-left: 16.66667%;
    }

    .xsmall-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .xsmall-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xsmall-offset-4 {
        margin-left: 33.33333%;
    }

    .xsmall-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xsmall-offset-5 {
        margin-left: 41.66667%;
    }

    .xsmall-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .xsmall-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xsmall-offset-7 {
        margin-left: 58.33333%;
    }

    .xsmall-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xsmall-offset-8 {
        margin-left: 66.66667%;
    }

    .xsmall-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .xsmall-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xsmall-offset-10 {
        margin-left: 83.33333%;
    }

    .xsmall-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xsmall-offset-11 {
        margin-left: 91.66667%;
    }

    .xsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .xsmall-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-1 > .column, .xsmall-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .xsmall-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-2 > .column, .xsmall-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .xsmall-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-3 > .column, .xsmall-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .xsmall-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-4 > .column, .xsmall-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .xsmall-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-5 > .column, .xsmall-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .xsmall-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-6 > .column, .xsmall-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .xsmall-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-7 > .column, .xsmall-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .xsmall-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xsmall-up-8 > .column, .xsmall-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 30.625em) and (min-width: 30.625em) {
    .xsmall-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.xsmall-unstack > .column, .row.xsmall-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 30.625em) {
    .row.xsmall-unstack > .column, .row.xsmall-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 30.625em) {
    .xsmall-collapse > .column, .xsmall-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xsmall-uncollapse > .column, .xsmall-uncollapse > .columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 43.9375em) {
    .bsmall-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .bsmall-offset-0 {
        margin-left: 0%;
    }

    .bsmall-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .bsmall-offset-1 {
        margin-left: 8.33333%;
    }

    .bsmall-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .bsmall-offset-2 {
        margin-left: 16.66667%;
    }

    .bsmall-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .bsmall-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .bsmall-offset-4 {
        margin-left: 33.33333%;
    }

    .bsmall-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .bsmall-offset-5 {
        margin-left: 41.66667%;
    }

    .bsmall-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .bsmall-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .bsmall-offset-7 {
        margin-left: 58.33333%;
    }

    .bsmall-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .bsmall-offset-8 {
        margin-left: 66.66667%;
    }

    .bsmall-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .bsmall-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .bsmall-offset-10 {
        margin-left: 83.33333%;
    }

    .bsmall-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bsmall-offset-11 {
        margin-left: 91.66667%;
    }

    .bsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .bsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .bsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .bsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .bsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .bsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .bsmall-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-1 > .column, .bsmall-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .bsmall-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-2 > .column, .bsmall-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .bsmall-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-3 > .column, .bsmall-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .bsmall-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-4 > .column, .bsmall-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .bsmall-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-5 > .column, .bsmall-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .bsmall-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-6 > .column, .bsmall-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .bsmall-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-7 > .column, .bsmall-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .bsmall-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bsmall-up-8 > .column, .bsmall-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 43.9375em) and (min-width: 43.9375em) {
    .bsmall-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.bsmall-unstack > .column, .row.bsmall-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 43.9375em) {
    .row.bsmall-unstack > .column, .row.bsmall-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 43.9375em) {
    .bsmall-collapse > .column, .bsmall-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .bsmall-uncollapse > .column, .bsmall-uncollapse > .columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 40em) {
    .medium-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .medium-offset-0 {
        margin-left: 0%;
    }

    .medium-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .medium-offset-1 {
        margin-left: 8.33333%;
    }

    .medium-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .medium-offset-2 {
        margin-left: 16.66667%;
    }

    .medium-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .medium-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .medium-offset-4 {
        margin-left: 33.33333%;
    }

    .medium-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .medium-offset-5 {
        margin-left: 41.66667%;
    }

    .medium-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .medium-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .medium-offset-7 {
        margin-left: 58.33333%;
    }

    .medium-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .medium-offset-8 {
        margin-left: 66.66667%;
    }

    .medium-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .medium-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .medium-offset-10 {
        margin-left: 83.33333%;
    }

    .medium-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .medium-offset-11 {
        margin-left: 91.66667%;
    }

    .medium-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .medium-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .medium-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .medium-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .medium-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .medium-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .medium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-1 > .column, .medium-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .medium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-2 > .column, .medium-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .medium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-3 > .column, .medium-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .medium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-4 > .column, .medium-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .medium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-5 > .column, .medium-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .medium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-6 > .column, .medium-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .medium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-7 > .column, .medium-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .medium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .medium-up-8 > .column, .medium-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
    .medium-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 40em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 40em) {
    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 48em) {
    .bmedium-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .bmedium-offset-0 {
        margin-left: 0%;
    }

    .bmedium-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .bmedium-offset-1 {
        margin-left: 8.33333%;
    }

    .bmedium-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .bmedium-offset-2 {
        margin-left: 16.66667%;
    }

    .bmedium-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .bmedium-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .bmedium-offset-4 {
        margin-left: 33.33333%;
    }

    .bmedium-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .bmedium-offset-5 {
        margin-left: 41.66667%;
    }

    .bmedium-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .bmedium-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .bmedium-offset-7 {
        margin-left: 58.33333%;
    }

    .bmedium-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .bmedium-offset-8 {
        margin-left: 66.66667%;
    }

    .bmedium-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .bmedium-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .bmedium-offset-10 {
        margin-left: 83.33333%;
    }

    .bmedium-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bmedium-offset-11 {
        margin-left: 91.66667%;
    }

    .bmedium-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .bmedium-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .bmedium-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .bmedium-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .bmedium-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .bmedium-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .bmedium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-1 > .column, .bmedium-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .bmedium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-2 > .column, .bmedium-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .bmedium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-3 > .column, .bmedium-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .bmedium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-4 > .column, .bmedium-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .bmedium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-5 > .column, .bmedium-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .bmedium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-6 > .column, .bmedium-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .bmedium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-7 > .column, .bmedium-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .bmedium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bmedium-up-8 > .column, .bmedium-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 48em) and (min-width: 48em) {
    .bmedium-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.bmedium-unstack > .column, .row.bmedium-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 48em) {
    .row.bmedium-unstack > .column, .row.bmedium-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 48em) {
    .bmedium-collapse > .column, .bmedium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .bmedium-uncollapse > .column, .bmedium-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .large-offset-0 {
        margin-left: 0%;
    }

    .large-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .large-offset-1 {
        margin-left: 8.33333%;
    }

    .large-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .large-offset-2 {
        margin-left: 16.66667%;
    }

    .large-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .large-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .large-offset-4 {
        margin-left: 33.33333%;
    }

    .large-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .large-offset-5 {
        margin-left: 41.66667%;
    }

    .large-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .large-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .large-offset-7 {
        margin-left: 58.33333%;
    }

    .large-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .large-offset-8 {
        margin-left: 66.66667%;
    }

    .large-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .large-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .large-offset-10 {
        margin-left: 83.33333%;
    }

    .large-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .large-offset-11 {
        margin-left: 91.66667%;
    }

    .large-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .large-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .large-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .large-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .large-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .large-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .large-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-1 > .column, .large-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .large-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-2 > .column, .large-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .large-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-3 > .column, .large-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .large-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-4 > .column, .large-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .large-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-5 > .column, .large-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .large-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-6 > .column, .large-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .large-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-7 > .column, .large-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .large-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .large-up-8 > .column, .large-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
    .large-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 64em) {
    .large-collapse > .column, .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xlarge-offset-0 {
        margin-left: 0%;
    }

    .xlarge-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%;
    }

    .xlarge-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%;
    }

    .xlarge-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .xlarge-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%;
    }

    .xlarge-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%;
    }

    .xlarge-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .xlarge-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%;
    }

    .xlarge-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%;
    }

    .xlarge-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .xlarge-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%;
    }

    .xlarge-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%;
    }

    .xlarge-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xlarge-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xlarge-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xlarge-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xlarge-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xlarge-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .xlarge-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .xlarge-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .xlarge-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .xlarge-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .xlarge-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .xlarge-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .xlarge-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .xlarge-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
    .xlarge-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 75em) {
    .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-collapse > .column, .xlarge-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xxlarge-offset-0 {
        margin-left: 0%;
    }

    .xxlarge-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%;
    }

    .xxlarge-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%;
    }

    .xxlarge-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

    .xxlarge-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%;
    }

    .xxlarge-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%;
    }

    .xxlarge-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

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

    .xxlarge-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%;
    }

    .xxlarge-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%;
    }

    .xxlarge-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

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

    .xxlarge-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%;
    }

    .xxlarge-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%;
    }

    .xxlarge-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xxlarge-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xxlarge-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xxlarge-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xxlarge-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xxlarge-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .xxlarge-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

    .xxlarge-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

    .xxlarge-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

    .xxlarge-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

    .xxlarge-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

    .xxlarge-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }

    .xxlarge-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
            -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
            max-width: 14.28571%;
        }

    .xxlarge-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }
}

@media screen and (min-width: 90em) and (min-width: 90em) {
    .xxlarge-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 90em) {
    .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.column.align-top, .align-top.columns {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.column.align-bottom, .align-bottom.columns {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.column.align-middle, .align-middle.columns {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.column.align-stretch, .align-stretch.columns {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

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

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        color: #cacaca;
        line-height: 0;
    }

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.1875rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.0625rem;
}

h6 {
    font-size: 1rem;
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.9375rem;
    }

    h4 {
        font-size: 1.5625rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    }
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

    a:hover, a:focus {
        color: #1585cf;
    }

    a img {
        border: 0;
    }

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both;
}

ul,
ol,
dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside;
}

li {
    font-size: inherit;
}

ul {
    list-style-type: disc;
    margin-left: 1.25rem;
}

ol {
    margin-left: 1.25rem;
}

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

dl {
    margin-bottom: 1rem;
}

    dl dt {
        margin-bottom: 0.3rem;
        font-weight: bold;
    }

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a;
    }

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a;
}

    cite:before {
        content: '\2014 \0020';
    }

abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
    padding: 0.125rem 0.25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a;
}

.lead {
    font-size: 125%;
    line-height: 1.6;
}

.stat {
    font-size: 2.5rem;
    line-height: 1;
}

p + .stat {
    margin-top: -1rem;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

@media screen and (min-width: 22.5em) {
    .xxsmall-text-left {
        text-align: left;
    }

    .xxsmall-text-right {
        text-align: right;
    }

    .xxsmall-text-center {
        text-align: center;
    }

    .xxsmall-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 30.625em) {
    .xsmall-text-left {
        text-align: left;
    }

    .xsmall-text-right {
        text-align: right;
    }

    .xsmall-text-center {
        text-align: center;
    }

    .xsmall-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 43.9375em) {
    .bsmall-text-left {
        text-align: left;
    }

    .bsmall-text-right {
        text-align: right;
    }

    .bsmall-text-center {
        text-align: center;
    }

    .bsmall-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left;
    }

    .medium-text-right {
        text-align: right;
    }

    .medium-text-center {
        text-align: center;
    }

    .medium-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 48em) {
    .bmedium-text-left {
        text-align: left;
    }

    .bmedium-text-right {
        text-align: right;
    }

    .bmedium-text-center {
        text-align: center;
    }

    .bmedium-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align: left;
    }

    .large-text-right {
        text-align: right;
    }

    .large-text-center {
        text-align: center;
    }

    .large-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-text-left {
        text-align: left;
    }

    .xlarge-text-right {
        text-align: right;
    }

    .xlarge-text-center {
        text-align: center;
    }

    .xlarge-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-text-left {
        text-align: left;
    }

    .xxlarge-text-right {
        text-align: right;
    }

    .xxlarge-text-center {
        text-align: center;
    }

    .xxlarge-text-justify {
        text-align: justify;
    }
}

.show-for-print {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        .ir a:after,
        a[href^='javascript:']:after,
        a[href^='#']:after {
            content: '';
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe;
}

[data-whatinput='mouse'] .button {
    outline: 0;
}

.button:hover, .button:focus {
    background-color: #1583cc;
    color: #fefefe;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

.button.large {
    font-size: 1.25rem;
}

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

.button.primary {
    background-color: #2199e8;
    color: #fefefe;
}

    .button.primary:hover, .button.primary:focus {
        background-color: #147cc0;
        color: #fefefe;
    }

.button.secondary {
    background-color: #777;
    color: #fefefe;
}

    .button.secondary:hover, .button.secondary:focus {
        background-color: #5f5f5f;
        color: #fefefe;
    }

.button.success {
    background-color: #3adb76;
    color: #fefefe;
}

    .button.success:hover, .button.success:focus {
        background-color: #22bb5b;
        color: #fefefe;
    }

.button.warning {
    background-color: #ffae00;
    color: #fefefe;
}

    .button.warning:hover, .button.warning:focus {
        background-color: #cc8b00;
        color: #fefefe;
    }

.button.alert {
    background-color: #ec5840;
    color: #fefefe;
}

    .button.alert:hover, .button.alert:focus {
        background-color: #da3116;
        color: #fefefe;
    }

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8;
}

    .button.hollow, .button.hollow:hover, .button.hollow:focus {
        background-color: transparent;
    }

        .button.hollow:hover, .button.hollow:focus {
            border-color: #0c4d78;
            color: #0c4d78;
        }

        .button.hollow.primary {
            border: 1px solid #2199e8;
            color: #2199e8;
        }

            .button.hollow.primary:hover, .button.hollow.primary:focus {
                border-color: #0c4d78;
                color: #0c4d78;
            }

        .button.hollow.secondary {
            border: 1px solid #777;
            color: #777;
        }

            .button.hollow.secondary:hover, .button.hollow.secondary:focus {
                border-color: #3c3c3c;
                color: #3c3c3c;
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76;
        }

            .button.hollow.success:hover, .button.hollow.success:focus {
                border-color: #157539;
                color: #157539;
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00;
        }

            .button.hollow.warning:hover, .button.hollow.warning:focus {
                border-color: #805700;
                color: #805700;
            }

        .button.hollow.alert {
            border: 1px solid #ec5840;
            color: #ec5840;
        }

            .button.hollow.alert:hover, .button.hollow.alert:focus {
                border-color: #881f0e;
                color: #881f0e;
            }

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

    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
        background-color: #2199e8;
        color: #fefefe;
    }

    .button.disabled.primary, .button[disabled].primary {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
            background-color: #2199e8;
            color: #fefefe;
        }

    .button.disabled.secondary, .button[disabled].secondary {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
            background-color: #777;
            color: #fefefe;
        }

    .button.disabled.success, .button[disabled].success {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
            background-color: #3adb76;
            color: #fefefe;
        }

    .button.disabled.warning, .button[disabled].warning {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
            background-color: #ffae00;
            color: #fefefe;
        }

    .button.disabled.alert, .button[disabled].alert {
        opacity: 0.25;
        cursor: not-allowed;
    }

        .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
            background-color: #ec5840;
            color: #fefefe;
        }

.button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #ffffff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block;
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
    textarea:focus {
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        outline: none;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    }

textarea {
    max-width: 100%;
}

    textarea[rows] {
        height: auto;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #cacaca;
    }

    input::placeholder,
    textarea::placeholder {
        color: #cacaca;
    }

    input:disabled, input[readonly],
    textarea:disabled,
    textarea[readonly] {
        background-color: #e6e6e6;
        cursor: default;
    }

[type='submit'],
[type='button'] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="search"] {
    box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem;
}

    [type='checkbox'] + label,
    [type='radio'] + label {
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

        [type='checkbox'] + label[for],
        [type='radio'] + label[for] {
            cursor: pointer;
        }

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: 0.5rem;
}

[type='file'] {
    width: 100%;
}

label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

    label.middle {
        margin: 0 0 1rem;
        padding: 0.5625rem 0;
    }

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a;
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}

    .input-group > :first-child {
        border-radius: 0 0 0 0;
    }

    .input-group > :last-child > * {
        border-radius: 0 0 0 0;
    }

.input-group-label, .input-group-field, .input-group-button {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%;
}

    .input-group-label:first-child {
        border-right: 0;
    }

    .input-group-label:last-child {
        border-left: 0;
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem;
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%;
}

    .input-group-button a,
    .input-group-button input,
    .input-group-button button {
        margin: 0;
    }

.input-group .input-group-button {
    display: table-cell;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

legend {
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

    .fieldset legend {
        background: #fefefe;
        padding: 0 0.1875rem;
        margin: 0;
        margin-left: -0.1875rem;
    }

select {
    padding: 0.5rem;
    border: 1px solid #cacaca;
    /*margin: 0 0 1rem;*/
    /*font-size: 1rem;*/
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: default;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background-image: none;
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840;
}

.is-invalid-label {
    color: #ec5840;
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ec5840;
}

    .form-error.is-visible {
        display: block;
    }

.accordion {
    list-style-type: none;
    background: #fefefe;
    margin-left: 0;
}

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

:last-child:not(.is-active) > .accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #e6e6e6;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6;
}

.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem;
}

.is-active > .accordion-title::before {
    content: '–';
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #2199e8;
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.is-accordion-submenu-parent > a {
    position: relative;
}

    .is-accordion-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 1rem;
    }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.badge {
    display: inline-block;
    padding: 0.3em;
    min-width: 2.1em;
    font-size: 0.6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe;
}

    .badge.secondary {
        background: #777;
        color: #ffffff;
    }

    .badge.success {
        background: #3adb76;
        color: #ffffff;
    }

    .badge.warning {
        background: #ffae00;
        color: #ffffff;
    }

    .badge.alert {
        background: #ec5840;
        color: #ffffff;
    }

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0;
}

    .breadcrumbs::before, .breadcrumbs::after {
        content: ' ';
        display: table;
    }

    .breadcrumbs::after {
        clear: both;
    }

    .breadcrumbs li {
        float: left;
        color: #0a0a0a;
        font-size: 0.6875rem;
        cursor: default;
        text-transform: uppercase;
    }

        .breadcrumbs li:not(:last-child)::after {
            color: #cacaca;
            content: "/";
            margin: 0 0.75rem;
            position: relative;
            top: 1px;
            opacity: 1;
        }

    .breadcrumbs a {
        color: #2199e8;
    }

        .breadcrumbs a:hover {
            text-decoration: underline;
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed;
    }

.button-group {
    margin-bottom: 1rem;
    font-size: 0;
}

    .button-group::before, .button-group::after {
        content: ' ';
        display: table;
    }

    .button-group::after {
        clear: both;
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: 0.9rem;
    }

        .button-group .button:last-child {
            margin-right: 0;
        }

    .button-group.tiny .button {
        font-size: 0.6rem;
    }

    .button-group.small .button {
        font-size: 0.75rem;
    }

    .button-group.large .button {
        font-size: 1.25rem;
    }

    .button-group.expanded {
        margin-right: -1px;
    }

        .button-group.expanded::before, .button-group.expanded::after {
            display: none;
        }

        .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
            display: inline-block;
            width: calc(50% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
            display: inline-block;
            width: calc(33.33333% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
            display: inline-block;
            width: calc(25% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
            display: inline-block;
            width: calc(20% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
                margin-right: -6px;
            }

        .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
            display: inline-block;
            width: calc(16.66667% - 1px);
            margin-right: 1px;
        }

            .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
                margin-right: -6px;
            }

    .button-group.primary .button {
        background-color: #2199e8;
        color: #fefefe;
    }

        .button-group.primary .button:hover, .button-group.primary .button:focus {
            background-color: #147cc0;
            color: #fefefe;
        }

    .button-group.secondary .button {
        background-color: #777;
        color: #fefefe;
    }

        .button-group.secondary .button:hover, .button-group.secondary .button:focus {
            background-color: #5f5f5f;
            color: #fefefe;
        }

    .button-group.success .button {
        background-color: #3adb76;
        color: #fefefe;
    }

        .button-group.success .button:hover, .button-group.success .button:focus {
            background-color: #22bb5b;
            color: #fefefe;
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #fefefe;
    }

        .button-group.warning .button:hover, .button-group.warning .button:focus {
            background-color: #cc8b00;
            color: #fefefe;
        }

    .button-group.alert .button {
        background-color: #ec5840;
        color: #fefefe;
    }

        .button-group.alert .button:hover, .button-group.alert .button:focus {
            background-color: #da3116;
            color: #fefefe;
        }

    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
        width: 100%;
    }

        .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
            margin-bottom: 0;
        }

@media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 22.4375em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0;
        }
}

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: white;
}

    .callout > :first-child {
        margin-top: 0;
    }

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

    .callout.primary {
        background-color: #def0fc;
    }

    .callout.secondary {
        background-color: #ebebeb;
    }

    .callout.success {
        background-color: #e1faea;
    }

    .callout.warning {
        background-color: #fff3d9;
    }

    .callout.alert {
        background-color: #fce6e2;
    }

    .callout.small {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem;
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
    outline: 0;
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
}

.menu {
    margin: 0;
    list-style-type: none;
}

    .menu > li {
        display: table-cell;
        vertical-align: middle;
    }

[data-whatinput='mouse'] .menu > li {
    outline: 0;
}

.menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.menu input,
.menu a,
.menu button {
    margin-bottom: 0;
}

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    vertical-align: middle;
}

    .menu > li > a img + span,
    .menu > li > a i + span,
    .menu > li > a svg + span {
        vertical-align: middle;
    }

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    margin-right: 0.25rem;
    display: inline-block;
}

.menu > li {
    display: table-cell;
}

.menu.vertical > li {
    display: block;
}

@media screen and (min-width: 22.5em) {
    .menu.xxsmall-horizontal > li {
        display: table-cell;
    }

    .menu.xxsmall-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 30.625em) {
    .menu.xsmall-horizontal > li {
        display: table-cell;
    }

    .menu.xsmall-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 43.9375em) {
    .menu.bsmall-horizontal > li {
        display: table-cell;
    }

    .menu.bsmall-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell;
    }

    .menu.medium-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 48em) {
    .menu.bmedium-horizontal > li {
        display: table-cell;
    }

    .menu.bmedium-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell;
    }

    .menu.large-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 75em) {
    .menu.xlarge-horizontal > li {
        display: table-cell;
    }

    .menu.xlarge-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 90em) {
    .menu.xxlarge-horizontal > li {
        display: table-cell;
    }

    .menu.xxlarge-vertical > li {
        display: block;
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem;
}

.menu.simple a {
    padding: 0;
}

.menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table;
}

.menu.align-right::after {
    clear: both;
}

.menu.align-right > li {
    float: right;
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .menu.expanded > li:first-child:last-child {
        width: 100%;
    }

.menu.icon-top > li > a {
    text-align: center;
}

    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i,
    .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto 0.25rem;
    }

.menu.nested {
    margin-left: 1rem;
}

.menu .active > a {
    color: #fefefe;
    background: #2199e8;
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem;
}

.menu-centered {
    text-align: center;
}

    .menu-centered > .menu {
        display: inline-block;
    }

.no-js [data-responsive-menu] ul {
    display: none;
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

    .menu-icon::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        top: 0;
        left: 0;
        box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    }

    .menu-icon:hover::after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        width: 20px;
        height: 16px;
    }

        .menu-icon.dark::after {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            background: #000000;
            top: 0;
            left: 0;
            box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
        }

.is-drilldown {
    position: relative;
    overflow: hidden;
}

    .is-drilldown li {
        display: block !important;
    }

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear;
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .is-drilldown-submenu.is-closing {
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

.is-drilldown-submenu-parent > a {
    position: relative;
}

    .is-drilldown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem;
    }

.js-drilldown-back > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10;
}

    .dropdown-pane.is-open {
        visibility: visible;
    }

    .dropdown-pane.tiny {
        width: 100px;
    }

    .dropdown-pane.small {
        width: 200px;
    }

    .dropdown-pane.large {
        width: 400px;
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0;
}

.no-js .dropdown.menu ul {
    display: none;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.dropdown.menu.vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
}

.dropdown.menu.vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
}

@media screen and (min-width: 22.5em) {
    .dropdown.menu.xxsmall-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xxsmall-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xxsmall-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.xxsmall-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.xxsmall-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xxsmall-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xxsmall-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xxsmall-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xxsmall-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xxsmall-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 30.625em) {
    .dropdown.menu.xsmall-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xsmall-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xsmall-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.xsmall-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.xsmall-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xsmall-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xsmall-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xsmall-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xsmall-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xsmall-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 43.9375em) {
    .dropdown.menu.bsmall-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.bsmall-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.bsmall-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.bsmall-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.bsmall-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.bsmall-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.bsmall-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.bsmall-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.bsmall-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.bsmall-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 48em) {
    .dropdown.menu.bmedium-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.bmedium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.bmedium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.bmedium-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.bmedium-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.bmedium-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.bmedium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.bmedium-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.bmedium-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.bmedium-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 75em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xlarge-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 90em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

        .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #2199e8 transparent transparent;
            border-top-style: solid;
            border-bottom-width: 0;
            right: 5px;
            margin-top: -2px;
        }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xxlarge-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0;
}

.is-dropdown-menu.vertical {
    width: 100px;
}

    .is-dropdown-menu.vertical.align-right {
        float: right;
    }

.is-dropdown-submenu-parent {
    position: relative;
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -2px;
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto;
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca;
}

    .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }

    .is-dropdown-submenu .is-dropdown-submenu {
        margin-top: -1px;
    }

    .is-dropdown-submenu > li {
        width: 100%;
    }

    .is-dropdown-submenu.js-dropdown-active {
        display: block;
    }

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden;
}

    .flex-video iframe,
    .flex-video object,
    .flex-video embed,
    .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .flex-video.widescreen {
        padding-bottom: 56.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe;
}

    .label.secondary {
        background: #777;
        color: #ffffff;
    }

    .label.success {
        background: #3adb76;
        color: #ffffff;
    }

    .label.warning {
        background: #ffae00;
        color: #ffffff;
    }

    .label.alert {
        background: #ec5840;
        color: #ffffff;
    }

.media-object {
    margin-bottom: 1rem;
    display: block;
}

    .media-object img {
        max-width: none;
    }

@media screen and (max-width: 22.4375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block;
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%;
        }
}

.media-object-section {
    display: table-cell;
    vertical-align: top;
}

    .media-object-section:first-child {
        padding-right: 1rem;
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem;
    }

    .media-object-section > :last-child {
        margin-bottom: 0;
    }

    .media-object-section.middle {
        vertical-align: middle;
    }

    .media-object-section.bottom {
        vertical-align: bottom;
    }

html,
body {
    height: 100%;
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    transition: transform 0.5s ease;
}

    .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
        content: ' ';
        display: table;
    }

    .off-canvas-wrapper-inner::after {
        clear: both;
    }

.off-canvas-content,
.off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: 0.1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.25);
    cursor: pointer;
    transition: background 0.5s ease;
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -ms-transform: translateX(0);
    transform: translateX(0);
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0;
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px;
}

.is-open-left {
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px;
}

.is-open-right {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

@media screen and (min-width: 22.5em) {
    .position-left.reveal-for-xxsmall {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-xxsmall ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-xxsmall {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-xxsmall ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 30.625em) {
    .position-left.reveal-for-xsmall {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-xsmall ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-xsmall {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-xsmall ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 43.9375em) {
    .position-left.reveal-for-bsmall {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-bsmall ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-bsmall {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-bsmall ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 48em) {
    .position-left.reveal-for-bmedium {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-bmedium ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-bmedium {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-bmedium ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 75em) {
    .position-left.reveal-for-xlarge {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-xlarge ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-xlarge {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-xlarge ~ .off-canvas-content {
            margin-right: 250px;
        }
}

@media screen and (min-width: 90em) {
    .position-left.reveal-for-xxlarge {
        left: 0;
        z-index: auto;
        position: fixed;
    }

        .position-left.reveal-for-xxlarge ~ .off-canvas-content {
            margin-left: 250px;
        }

    .position-right.reveal-for-xxlarge {
        right: 0;
        z-index: auto;
        position: fixed;
    }

        .position-right.reveal-for-xxlarge ~ .off-canvas-content {
            margin-right: 250px;
        }
}

.orbit {
    position: relative;
}

.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

.orbit-slide {
    width: 100%;
    max-height: 100%;
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0;
    }

.orbit-figure {
    margin: 0;
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #ffffff;
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #ffffff;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
    left: 0;
}

.orbit-next {
    left: auto;
    right: 0;
}

.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0;
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%;
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a;
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a;
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

    .pagination::before, .pagination::after {
        content: ' ';
        display: table;
    }

    .pagination::after {
        clear: both;
    }

    .pagination li {
        font-size: 0.875rem;
        margin-right: 0.0625rem;
        border-radius: 0;
        display: none;
    }

        .pagination li:last-child, .pagination li:first-child {
            display: inline-block;
        }

@media screen and (min-width: 40em) {
    .pagination li {
        display: inline-block;
    }
}

.pagination a,
.pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
}

    .pagination a:hover,
    .pagination button:hover {
        background: #e6e6e6;
    }

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
}

    .pagination .disabled:hover {
        background: transparent;
    }

.pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: '\00ab';
    display: inline-block;
    margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
    content: '\00bb';
    display: inline-block;
    margin-left: 0.5rem;
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
}

    .progress.primary .progress-meter {
        background-color: #2199e8;
    }

    .progress.secondary .progress-meter {
        background-color: #777;
    }

    .progress.success .progress-meter {
        background-color: #3adb76;
    }

    .progress.warning .progress-meter {
        background-color: #ffae00;
    }

    .progress.alert .progress-meter {
        background-color: #ec5840;
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2199e8;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
}

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out;
}

    .slider-fill.is-dragging {
        transition: all 0s linear;
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 0;
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0;
}

.slider-handle:hover {
    background-color: #1583cc;
}

.slider-handle.is-dragging {
    transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

    .slider.vertical .slider-fill {
        top: 0;
        width: 0.5rem;
        max-height: 100%;
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.sticky-container {
    position: relative;
}

.sticky {
    position: absolute;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
    }

        .sticky.is-stuck.is-at-top {
            top: 0;
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0;
        }

    .sticky.is-anchored {
        position: absolute;
        left: auto;
        right: auto;
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0;
        }

body.is-reveal-open {
    overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll;
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
    outline: 0;
}

@media screen and (min-width: 40em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column, .reveal .columns,
.reveal .columns {
    min-width: 0;
}

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

@media screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal .reveal {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

.reveal.collapse {
    padding: 0;
}

@media screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem;
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 22.4375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.switch {
    height: 2rem;
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.875rem;
}

.switch-input {
    opacity: 0;
    position: absolute;
    margin-bottom: 0;
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all 0.25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
}

input + .switch-paddle {
    margin: 0;
}

.switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
}

input:checked ~ .switch-paddle {
    background: #2199e8;
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem;
    }

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0;
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.switch-active {
    left: 8%;
    display: none;
}

input:checked + label > .switch-active {
    display: block;
}

.switch-inactive {
    right: 15%;
}

input:checked + label > .switch-inactive {
    display: none;
}

.switch.tiny {
    height: 1.5rem;
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: 0.625rem;
    }

        .switch.tiny .switch-paddle::after {
            width: 1rem;
            height: 1rem;
        }

    .switch.tiny input:checked ~ .switch-paddle::after {
        left: 1.75rem;
    }

.switch.small {
    height: 1.75rem;
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: 0.75rem;
    }

        .switch.small .switch-paddle::after {
            width: 1.25rem;
            height: 1.25rem;
        }

    .switch.small input:checked ~ .switch-paddle::after {
        left: 2rem;
    }

.switch.large {
    height: 2.5rem;
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem;
    }

        .switch.large .switch-paddle::after {
            width: 2rem;
            height: 2rem;
        }

    .switch.large input:checked ~ .switch-paddle::after {
        left: 2.75rem;
    }

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

thead,
tbody,
tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

thead {
    background: #f8f8f8;
    color: #0a0a0a;
}

tfoot {
    background: #f1f1f1;
    color: #0a0a0a;
}

    thead tr,
    tfoot tr {
        background: transparent;
    }

    thead th,
    thead td,
    tfoot th,
    tfoot td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: bold;
        text-align: left;
    }

tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 47.9375em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover thead tr:hover {
    background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
    background-color: #ececec;
}

table.hover tbody tr:hover {
    background-color: #f9f9f9;
}

table.hover tbody tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}

    .table-scroll table {
        width: auto;
    }

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
}

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

    .tabs::after {
        clear: both;
    }

    .tabs.vertical > li {
        width: auto;
        float: none;
        display: block;
    }

    .tabs.simple > li > a {
        padding: 0;
    }

        .tabs.simple > li > a:hover {
            background: transparent;
        }

    .tabs.primary {
        background: #2199e8;
    }

        .tabs.primary > li > a {
            color: #ffffff;
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #1893e4;
            }

.tabs-title {
    float: left;
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        line-height: 1;
        font-size: 0.75rem;
    }

        .tabs-title > a:hover {
            background: #fefefe;
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
            background: #e6e6e6;
        }

.tabs-content {
    background: #fefefe;
    transition: all 0.5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0;
    }

.tabs-panel {
    display: none;
    padding: 1rem;
}

    .tabs-panel.is-active {
        display: block;
    }

.thumbnail {
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 0;
    margin-bottom: 1rem;
}

    .thumbnail:hover, .thumbnail:focus {
        box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
    }

.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: 0.5rem;
}

    .title-bar::before, .title-bar::after {
        content: ' ';
        display: table;
    }

    .title-bar::after {
        clear: both;
    }

    .title-bar .menu-icon {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

.title-bar-left {
    float: left;
}

.title-bar-right {
    float: right;
    text-align: right;
}

.title-bar-title {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

.has-tip {
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    position: relative;
    display: inline-block;
    cursor: help;
}

.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 40%;
    padding: 0.75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + 0.6495rem);
    max-width: 10rem !important;
    border-radius: 0;
}

    .tooltip::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        border-color: transparent transparent #0a0a0a;
        border-bottom-style: solid;
        border-top-width: 0;
        bottom: 100%;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tooltip.top::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        border-color: #0a0a0a transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        top: 100%;
        bottom: auto;
    }

    .tooltip.left::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        border-color: transparent transparent transparent #0a0a0a;
        border-left-style: solid;
        border-right-width: 0;
        bottom: auto;
        left: 100%;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tooltip.right::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        border-color: transparent #0a0a0a transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
        bottom: auto;
        left: auto;
        right: 100%;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.top-bar {
    padding: 0.5rem;
}

    .top-bar::before, .top-bar::after {
        content: ' ';
        display: table;
    }

    .top-bar::after {
        clear: both;
    }

    .top-bar,
    .top-bar ul {
        background-color: #e6e6e6;
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem;
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0;
        }

        .top-bar input.button {
            width: auto;
        }

        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            width: 100%;
        }

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto;
    }
}

@media screen and (max-width: 30.5625em) {
    .top-bar.stacked-for-xxsmall .top-bar-left,
    .top-bar.stacked-for-xxsmall .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 43.875em) {
    .top-bar.stacked-for-xsmall .top-bar-left,
    .top-bar.stacked-for-xsmall .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 39.9375em) {
    .top-bar.stacked-for-bsmall .top-bar-left,
    .top-bar.stacked-for-bsmall .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 47.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-bmedium .top-bar-left,
    .top-bar.stacked-for-bmedium .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 89.9375em) {
    .top-bar.stacked-for-xlarge .top-bar-left,
    .top-bar.stacked-for-xlarge .top-bar-right {
        width: 100%;
    }
}

.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
    width: 100%;
}

.top-bar-title {
    float: left;
    margin-right: 1rem;
}

.top-bar-left {
    float: left;
}

.top-bar-right {
    float: right;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 22.4375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em), screen and (min-width: 22.5em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media screen and (min-width: 22.5em) {
    .hide-for-xxsmall {
        display: none !important;
    }
}

@media screen and (max-width: 22.4375em) {
    .show-for-xxsmall {
        display: none !important;
    }
}

@media screen and (min-width: 22.5em) and (max-width: 30.5625em) {
    .hide-for-xxsmall-only {
        display: none !important;
    }
}

@media screen and (max-width: 22.4375em), screen and (min-width: 30.625em) {
    .show-for-xxsmall-only {
        display: none !important;
    }
}

@media screen and (min-width: 30.625em) {
    .hide-for-xsmall {
        display: none !important;
    }
}

@media screen and (max-width: 30.5625em) {
    .show-for-xsmall {
        display: none !important;
    }
}

@media screen and (min-width: 30.625em) and (max-width: 43.875em) {
    .hide-for-xsmall-only {
        display: none !important;
    }
}

@media screen and (max-width: 30.5625em), screen and (min-width: 43.9375em) {
    .show-for-xsmall-only {
        display: none !important;
    }
}

@media screen and (min-width: 43.9375em) {
    .hide-for-bsmall {
        display: none !important;
    }
}

@media screen and (max-width: 43.875em) {
    .show-for-bsmall {
        display: none !important;
    }
}

@media screen and (min-width: 43.9375em) and (max-width: 39.9375em) {
    .hide-for-bsmall-only {
        display: none !important;
    }
}

@media screen and (max-width: 43.875em), screen and (min-width: 40em) {
    .show-for-bsmall-only {
        display: none !important;
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 47.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 48em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media screen and (min-width: 48em) {
    .hide-for-bmedium {
        display: none !important;
    }
}

@media screen and (max-width: 47.9375em) {
    .show-for-bmedium {
        display: none !important;
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .hide-for-bmedium-only {
        display: none !important;
    }
}

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
    .show-for-bmedium-only {
        display: none !important;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important;
    }
}

@media screen and (min-width: 75em) {
    .hide-for-xlarge {
        display: none !important;
    }
}

@media screen and (max-width: 74.9375em) {
    .show-for-xlarge {
        display: none !important;
    }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
    .hide-for-xlarge-only {
        display: none !important;
    }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important;
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xxlarge {
        display: none !important;
    }
}

@media screen and (max-width: 89.9375em) {
    .show-for-xxlarge {
        display: none !important;
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xxlarge-only {
        display: none !important;
    }
}

@media screen and (max-width: 89.9375em) {
    .show-for-xxlarge-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

.show-for-landscape,
.hide-for-portrait {
    display: block !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}

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

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

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before, .clearfix::after {
    content: ' ';
    display: table;
}

.clearfix::after {
    clear: both;
}

.align-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.align-justify {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

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

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

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

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-middle {
    -ms-flex-align: center;
    align-items: center;
}

.align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.small-order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.small-order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.small-order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.small-order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.small-order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.small-order-6 {
    -ms-flex-order: 6;
    order: 6;
}

@media screen and (min-width: 22.5em) {
    .xxsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xxsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xxsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xxsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xxsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xxsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 30.625em) {
    .xsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 43.9375em) {
    .bsmall-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .bsmall-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .bsmall-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .bsmall-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .bsmall-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .bsmall-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 40em) {
    .medium-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .medium-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .medium-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .medium-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .medium-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .medium-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 48em) {
    .bmedium-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .bmedium-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .bmedium-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .bmedium-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .bmedium-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .bmedium-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 64em) {
    .large-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .large-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .large-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .large-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .large-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .large-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xlarge-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xlarge-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xlarge-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xlarge-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xlarge-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-order-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .xxlarge-order-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .xxlarge-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .xxlarge-order-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .xxlarge-order-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .xxlarge-order-6 {
        -ms-flex-order: 6;
        order: 6;
    }
}

.slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-down.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-left.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-up.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-right.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-down.mui-leave.mui-leave-active {
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

.slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-right.mui-leave.mui-leave-active {
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

.slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-up.mui-leave.mui-leave-active {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-left.mui-leave.mui-leave-active {
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.fade-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity;
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1;
    }

.fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity;
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0;
    }

.hinge-in-from-top.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-bottom.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0;
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-out-from-top.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

.hinge-out-from-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

.hinge-out-from-bottom.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0;
    }

.hinge-out-from-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1;
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

.scale-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    transition-property: transform, opacity;
    opacity: 0;
}

    .scale-in-up.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0;
}

    .scale-in-down.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
}

    .scale-out-up.mui-leave.mui-leave-active {
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }

.scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
}

    .scale-out-down.mui-leave.mui-leave-active {
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

.spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
}

    .spin-in.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

.spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
}

    .spin-out.mui-leave.mui-leave-active {
        -ms-transform: rotate(0.75turn);
        transform: rotate(0.75turn);
        opacity: 0;
    }

.spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

.spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -ms-transform: rotate(-0.75turn);
        transform: rotate(-0.75turn);
        opacity: 0;
    }

.slow {
    transition-duration: 750ms !important;
}

.fast {
    transition-duration: 250ms !important;
}

.linear {
    transition-timing-function: linear !important;
}

.ease {
    transition-timing-function: ease !important;
}

.ease-in {
    transition-timing-function: ease-in !important;
}

.ease-out {
    transition-timing-function: ease-out !important;
}

.ease-in-out {
    transition-timing-function: ease-in-out !important;
}

.bounce-in {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    transition-delay: 300ms !important;
}

.long-delay {
    transition-delay: 700ms !important;
}

.shake {
    animation-name: shake-7;
}

@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        transform: translateX(7%);
    }

    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        transform: translateX(-7%);
    }
}

.spin-cw {
    animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn);
    }

    100% {
        transform: rotate(0);
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(1turn);
    }
}

.wiggle {
    animation-name: wiggle-7deg;
}

@keyframes wiggle-7deg {
    40%, 50%, 60% {
        transform: rotate(7deg);
    }

    35%, 45%, 55%, 65% {
        transform: rotate(-7deg);
    }

    0%, 30%, 70%, 100% {
        transform: rotate(0);
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    animation-duration: 500ms;
}

.infinite {
    animation-iteration-count: infinite;
}

.slow {
    animation-duration: 750ms !important;
}

.fast {
    animation-duration: 250ms !important;
}

.linear {
    animation-timing-function: linear !important;
}

.ease {
    animation-timing-function: ease !important;
}

.ease-in {
    animation-timing-function: ease-in !important;
}

.ease-out {
    animation-timing-function: ease-out !important;
}

.ease-in-out {
    animation-timing-function: ease-in-out !important;
}

.bounce-in {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    animation-delay: 300ms !important;
}

.long-delay {
    animation-delay: 700ms !important;
}

.clearfix {
    *zoom: 1;
}

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

    .clearfix:after {
        clear: both;
    }

@media (max-width: 767px) {
    .hide-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .show-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .hide-desktop {
        display: none;
    }
}

.icon-play:before {
    content: "\25B6";
    font-size: 1.5em;
}

.icon-map-pin:before {
    content: "\e60f";
}

.icon-plus {
    transition: all 250ms;
}

    .icon-plus.rotate {
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        transition: all 250ms;
    }

.icon-map-pin.replace-star {
    position: relative;
}

    .icon-map-pin.replace-star:after {
        content: "\e613";
        color: white;
        font-size: .4em;
        position: absolute;
        left: .35em;
        top: .30em;
    }

    .icon-map-pin.replace-star:before {
        content: "\e60f";
    }

.icon-map-pin.replace-bullet {
    position: relative;
}

    .icon-map-pin.replace-bullet:after {
        font-family: "Open-Sans", sans-serif !important;
        content: "\2022";
        color: white;
        font-size: 0.9em;
        position: absolute;
        left: 0.14em;
        top: -.05em;
    }

    .icon-map-pin.replace-bullet:before {
        content: "\e60f";
    }

.icon-map-pin.replace-bullet-header {
    position: relative;
}

    .icon-map-pin.replace-bullet-header:after {
        font-family: "Open-Sans", sans-serif !important;
        content: "\2022";
        color: white;
        font-size: 0.8em;
        position: absolute;
        left: 0.542em;
        top: .45em;
    }

    .icon-map-pin.replace-bullet-header:before {
        content: "\e60f";
    }

.icon-map-pin.replace-letter {
    position: relative;
}

    .icon-map-pin.replace-letter:after {
        font-family: "Open-Sans", sans-serif !important;
        content: attr(data-letter);
        color: white;
        font-size: 0.4em;
        position: absolute;
        left: 0.55em;
        top: 0.3em;
    }

    .icon-map-pin.replace-letter:before {
        content: "\e60f";
    }

.icon-search:before {
    content: "\e610";
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?ftgu8i");
    src: url("../fonts/icomoon/icomoon.eot?#iefixftgu8i") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?ftgu8i") format("woff"), url("../fonts/icomoon/icomoon.ttf?ftgu8i") format("truetype"), url("../fonts/icomoon/icomoon.svg?ftgu8i#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\e623";
}

.icon-coupon:before {
    content: "\e622";
}

.icon-map-pin-dot:before {
    content: "\e621";
}

.icon-boarding-pass:before {
    content: "\e620";
}

.icon-set-appointment:before {
    content: "\e61f";
}

.icon-i:before {
    content: "\e61e";
}

.icon-view-four-up:before {
    content: "\e619";
}

.icon-view-three-up:before {
    content: "\e619";
}

.icon-view-two-up:before {
    content: "\e61a";
}

.icon-view-picture:before {
    content: "\e61b";
}

.icon-printer:before {
    content: "\e61c";
}

.icon-share:before {
    content: "\e61d";
}

.icon-minus:before {
    content: "\e615";
}

.icon-plus:before {
    content: "\e616";
}

.icon-arrow-down-solid:before {
    content: "\e617";
}

.icon-arrow-right-solid:before {
    content: "\e618";
}

.icon-close-x:before {
    content: "\e600";
}

.icon-arrow-down:before {
    content: "\e601";
}

.icon-arrow-up:before {
    content: "\e602";
}

.icon-check:before {
    content: "\e614";
}

.icon-instagram:before {
    content: "\e611";
}

.icon-burger:before {
    content: "\e603";
}

.icon-calendar:before {
    content: "\e60d";
}

.icon-at:before {
    content: "\e60e";
}

.icon-twitter:before {
    content: "\e608";
}

.icon-youtube:before {
    content: "\e609";
}

.icon-pinterest:before {
    content: "\e60a";
}

.icon-google-plus:before {
    content: "\e60b";
}

.icon-facebook:before {
    content: "\e60c";
}

.icon-arrow-left:before {
    content: "\e604";
}

.icon-arrow-right:before {
    content: "\e605";
}

.icon-sample-box:before {
    content: "\e606";
}

.icon-my-acct:before {
    content: "\e607";
}

.icon-map-pin:before {
    content: "\e60f";
}

.icon-magnifier:before {
    content: "\e610";
}

.icon-heart:before {
    content: "\e612";
}

.icon-star:before {
    content: "\e613";
}

section.ForeverIcons.container {
    margin-top: 40px;
    height: 100px;
}

    section.ForeverIcons.container .ForeverIcon {
        width: 20%;
        position: relative;
        float: left;
        border-right: 1px solid #b4b4b4;
        text-align: center;
    }

        section.ForeverIcons.container .ForeverIcon a {
            text-decoration: none;
        }

        section.ForeverIcons.container .ForeverIcon div {
            height: 70px;
            position: relative;
            text-align: center;
        }

section.ForeverIcons .ForeverBeautiful {
    border-right: none;
}

.button-down-container {
    text-align: center;
}

.button.button-primary.button-down.icon-arrow-right {
    padding: 18px 0 18px 4px;
    margin: 0px;
    min-width: 60px !important;
}

.button.button-primary.button-down:before {
    font-size: 20px;
    content: "\e601";
}

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

body {
    background-color: #fff9f2;
}

.md-scroll-mask {
    position: initial;
}

.container {
    max-width: 61.26em;
    margin: 0 auto;
}

    .container.SScenter {
        text-align: center;
        margin-bottom: 80px;
        margin-top: 90px;
    }

        .container.SScenter a {
            color: #ea412b;
            text-transform: uppercase;
        }

        .container.SScenter p {
            text-align: left;
        }

        .container.SScenter ul {
            margin-left: 50px;
        }

            .container.SScenter ul li {
                text-align: left;
                list-style: initial;
            }

        .container.SScenter .resources {
            margin-top: 100px;
        }

.directive {
    display: block;
}

.relative {
    position: relative;
}

.button-group {
    text-align: center;
}

    .button-group a {
        display: inline-block;
        margin-right: 15px;
        font-size: 0.825em;
    }

        .button-group a:last-child {
            margin-right: 0;
        }

    .button-group .button {
        min-width: 17em;
    }

        .button-group .button:first-of-type {
            margin-left: 0;
        }

    .button-group .sale {
        min-width: 17em;
    }

        .button-group .sale:first-of-type {
            color: #fff;
            height: 51px;
            width: 196px;
            margin: 75% auto;
        }

@media (min-width: 768px) {
    .vertical-center {
        position: relative;
        top: 45%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

i.icon-play:before,
.icon-play {
    line-height: 1em;
}

a.button.icon-play {
    line-height: normal;
}

section.container.center {
    text-align: center;
    margin-bottom: 90px;
}

    section.container.center img.slide-logo {
        margin-top: 100px;
        margin-bottom: 40px;
    }

hr.paragraph-break {
    width: 50px;
    background-color: #3d3a39;
}

hr.shortline {
    width: 120px;
    background: #7e7e7e;
    margin-top: 15px;
    margin-bottom: 15px;
}

.comparisonChart {
    margin-top: 70px;
}

body {
    color: #3b3835;
    font-family: "Open-Sans", sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

a {
    color: #3b3835;
    text-decoration: underline;
}

    a:active {
        color: #f9473a;
    }

    a:visited {
        color: #383838;
    }

    a:hover {
        color: #0a0a0a;
        text-decoration: underline;
    }

    a:focus, a:active {
        outline: 0;
    }

    a > sup {
        display: inline-block;
    }

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup {
    position: relative;
    top: -0.5em;
    font-size: 65%;
    vertical-align: baseline;
    line-height: 0;
}

/*
MOBILE
60pt -> 30px Hero
56pt -> 28px Title
48pt -> 24px Product Name & small title
40pt ->20px Big body copy & some titles
32pt -> 16px body
28pt -> 14px small body
24pt -> 12px link, small copy

 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open-Sans", sans-serif;
    font-weight: normal;
    line-height: 1em;
}

h1 {
    font-size: 1.5625em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.428571429;
}

h5 {
    font-size: 0.875em;
}

h6 {
    font-size: 0.75em;
    letter-spacing: 0.1em;
}

p {
    margin: 0 0 1em;
}

    p a {
        font-size: 1em;
    }

    p.large {
        font-size: 20px;
    }

hr {
    border: 0;
    height: 1px;
    background: #eeede9;
}

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

.serif {
    font-family: serif;
}

.serif-light-italic {
    font-family: serif;
}

.serif-xlight {
    font-family: serif;
}

.sans {
    font-family: "Open-Sans", sans-serif;
}

.cap {
    text-transform: uppercase;
}

.centered {
    text-align: center;
}

@media (min-width: 768px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 12px;
    }
}

h1.page-heading {
    text-align: center;
    padding: 2em 0 1.33em;
    background-color: #faf8f4;
    font-size: 3em;
    letter-spacing: .025em;
}

@media (max-width: 767px) {
    h1.page-heading {
        padding: 0.9em 1em 1.1em;
        font-size: 1.75em;
    }
}

.unstyled {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

    .unstyled:hover {
        cursor: pointer;
    }

.txt-big {
    font-size: 3em;
}

.txt-small {
    text-transform: uppercase;
    color: #f3f3f3;
    font-size: .8em;
}

    .txt-small .txt-small {
        font-size: 1em;
    }

.txt-tiny {
    text-transform: uppercase;
    color: #f3f3f3;
    font-size: .75em;
}

.txt-ttu {
    text-transform: uppercase;
}

.txt-centered {
    text-align: center;
}

/**
 *  Forms/Buttons
 *
 *  1.0 Placeholder
 *  2.0 Forms
 *  3.0 Inputs
 *  4.0 Labels
 *  5.0 Fields
 *  6.0 Buttons
 *  7.0 Validation
 *
 *  >>> Media Queries
 */
::-webkit-input-placeholder {
    font-family: "Open-Sans", sans-serif;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Open-Sans", sans-serif;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Open-Sans", sans-serif;
}

:-ms-input-placeholder {
    font-family: "Open-Sans", sans-serif;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    width: 100%;
    margin: 0 auto;
    padding: 1.071428571em 1.363636364em;
    font-size: 0.875em;
    font-family: "Open-Sans", sans-serif;
    border: 1px solid #bdbbb7;
    transition: all 1s;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="password"]:focus,
    textarea:focus {
        transition: all 1s;
        border: 1px solid #3d3a39;
    }

input[type="checkbox"] {
    float: left;
    width: 27px;
    height: 27px;
    color: #f9473a;
    border: 1px solid #bdbbb7;
    outline: none;
    -moz-appearance: none;
    transition: all 1s;
}

    input[type="checkbox"] + label {
        font-size: 0.7em;
        text-indent: 0;
        padding:  5px 0 0 25px;
    }

    input[type="checkbox"]:before {
        display: inline-block;
        opacity: 0;
        margin: 8px 0 0 7px;
        -ms-transform: scale(0);
        transform: scale(0);
        transition: all 100ms;
    }

    input[type="checkbox"]:checked:before {
        opacity: 1;
        margin: 5px 0 0 7px;
        -ms-transform: scale(1.25);
        transform: scale(1.25);
        transition: all 100ms;
    }

    input[type="checkbox"]:focus {
        border: 1px solid #3d3a39;
        transition: all 1s;
    }

.search-listing input[type="checkbox"] {
    float: none;
    width: 10px;
    height: 10px;
    border-radius: 0;
    transition: none;
    padding: 0 0.4em;
}

select {
    padding: 10px 25px 10px 10px;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #bdbbb7;
    /*background: none;*/
    outline: none;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*text-align: center;*/
    transition: all 1s;
}

    select:focus {
        transition: all 1s;
        border: 1px solid #3d3a39;
    }

        select:focus + i {
            color: #3d3a39;
            transition: all 1s;
        }

.select-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #BDBBB7;
}

    .select-wrap select {
        /*width: calc(100% + 4.2em);*/
        border: none;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }

        .select-wrap select.show-select {
            width: 130%;
        }

    .select-wrap i {
        position: absolute;
        top: 40%;
        right: 6px;
        color: #a3a09d;
        pointer-events: none;
        transition: all 1s;
    }

    .select-wrap .sort {
        width: 30%;
    }

    .select-wrap .select-box {
        width: 70%;
        display: inline-block;
    }

        .select-wrap .select-box select {
            width: 125%;
            overflow: hidden;
        }

textarea {
    min-height: 10em;
}

button:focus,
button:active {
    outline: none;
}

label {
    /*display:inline-block;
    text-indent:2.0625em;*/
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #a3a09d;
    margin-top: 5px;
}

.fields {
    *zoom: 1;
    width: 100%;
}

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

    .fields:after {
        clear: both;
    }

@media (min-width: 768px) and (max-width: 979px) {
    .fields {
        padding: 0 1.1em;
    }
}

.fields.two-up .field {
    width: 86.6666667%;
    margin-right: 6.66666665%;
}

.field {
    float: left;
    width: 93.87755%;
    height: auto;
    margin: 0 3.06122%;
    padding-top: 3.06122%;
}

@media (min-width: 768px) {
    .field {
        width: 100%;
        margin: 0 auto;
        padding-top: 3.06122%;
    }
}

.field-error input[type="text"],
.field-error input[type="email"],
.field-error input[type="password"] {
    border: 1px solid #f9473a !important;
}

.field-error label {
    opacity: 1 !important;
    top: 4px !important;
    color: #f9473a !important;
}

.animate-label {
    position: relative;
    padding-top: 1.875em !important;
}

    .animate-label label {
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 12px;
        left: 0;
        transition: all 250ms;
        color: #000000;
    }

    .animate-label input:focus + label, .animate-label input.ng-not-empty + label,
    .animate-label textarea:focus + label,
    .animate-label textarea.ng-not-empty + label {
        top: 8px;
        opacity: 1;
        transition: all 250ms;
    }

    .animate-label.animate-label-show-label label {
        top: 8px;
        opacity: 1;
        transition: all 250ms;
    }

.button,
a.button {
    display: inline-block;
    min-width: 11.818181818em;
    padding: 1.818181818em 2em;
    margin: 0 1.136363636em;
    border: none;
    outline: none;
    background: #a3a09d;
    border-radius: 0.1875em;
    cursor: pointer;
    color: #fff;
    font-size: 0.6875em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    transition: background 1s;
    -webkit-appearance: none;
}

    .button:focus,
    a.button:focus {
        background: #a3a09d;
    }

    .button:hover,
    a.button:hover {
        background: #8a8783;
    }

    .button.button-primary,
    a.button.button-primary {
        background: #f9473a;
        font-family: "Open-Sans", sans-serif;
    }

        .button.button-primary:hover,
        a.button.button-primary:hover {
            background: #f71909;
            transition: background 250ms;
        }

        .button.button-primary:focus,
        a.button.button-primary:focus {
            background: #eb4336;
            transition: background 1s;
        }

    .button.button-secondary,
    a.button.button-secondary {
        background: #a3a09d;
    }

        .button.button-secondary:hover,
        a.button.button-secondary:hover {
            background: #8a8783;
        }

    .button.button-outline,
    a.button.button-outline {
        position: relative;
        margin: 0;
        /*padding: 20px 25px 20px 10px;*/
        border-radius: 0;
        border: 1px solid #bdbbb7;
        background: none;
        outline: none;
        letter-spacing: 0.05em;
        text-align: left;
        color: #3d3a39;
        transition: all 1s;
    }

        .button.button-outline i,
        a.button.button-outline i {
            position: absolute;
            top: 16px;
            right: 8px;
            color: #a3a09d;
            pointer-events: none;
            font-size: 150%;
        }

    .button.button-disabled,
    a.button.button-disabled {
        opacity: 0.3;
    }

@media (min-width: 768px) {
    .button,
    a.button {
        padding: 1.818181818em 2em;
        font-size: 0.6875em;
    }
}

input[type="submit"]:disabled {
    opacity: 0.3;
    transition: opacity 0.3s linear;
}

@media (min-width: 768px) {
    .fields.two-up .field {
        width: 48.46939%;
        margin-right: 3.06122%;
    }

        .fields.two-up .field:nth-child(2n) {
            margin-right: 0;
        }
}

.form-errors {
    float: left;
    width: 100%;
    color: #d0021b;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    min-height: 19px;
}

    .form-errors > div > div.error {
        display: inline-block;
    }

button.primary-btn, a.primary-btn {
    display: inline-block;
    min-width: initial;
    padding: 25px 15px;
    text-align: center;
    font-size: 14px;
    color: #323232;
    font-weight: bold;
    background: none;
}

    button.primary-btn.bordered, a.primary-btn.bordered {
        border: solid 3px #323232;
        border-radius: 0;
    }

    button.primary-btn.filled, a.primary-btn.filled {
        color: #fff9f2;
        background: #323232;
        border: solid 3px #323232;
    }

.tan-button {
    background: #fff9f2;
}

    .tan-button:hover {
        background: #e9e1d9;
    }

.show-mobile-only {
    display: none !important;
}

@media (max-width: 768px) {
    .show-mobile-only {
        display: block !important;
    }
}

.hide-mobile-only {
    display: block;
}

@media (max-width: 768px) {
    .hide-mobile-only {
        display: none !important;
    }
}

input[type="radio"] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #bdbbb7;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 1s;
    cursor: pointer;
    position: relative;
    background-color: #fff9f2;
}

    input[type="radio"]:before {
        display: inline-block;
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
        transition: all 100ms;
    }

    input[type="radio"]:checked:before {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
        transition: all 100ms;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        background-color: #323232;
        content: '';
        display: inline-block;
        visibility: visible;
        border: none;
    }

    input[type="radio"]:focus {
        border: 1px solid #3d3a39;
        transition: all 1s;
    }

.link-container {
    margin-bottom: 24px;
    text-align: center;
}

    .link-container a {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: inline;
    }

        .link-container a:hover {
            background-color: rgba(216, 216, 216, 0.58);
            padding: 5px 25px;
            text-decoration: none;
        }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.reveal {
    background: rgba(29, 27, 27, 0.8);
}

    .reveal.top-overlay {
        z-index: 9999;
    }

        .reveal.top-overlay .container {
            position: relative;
        }

            .reveal.top-overlay .container .close-button {
                font-size: 3em;
                margin-bottom: 1em;
                z-index: 3;
            }

    .reveal .overlay {
        background: #fff9f2;
        margin-top: 70px;
    }

        .reveal .overlay button.close-button {
            right: 40px;
            top: 10px;
        }

@media (max-width: 768px) {
    .reveal .overlay button.close-button {
        right: 20px;
    }
}

.reveal .overlay .overlay-close-button {
    right: 40px;
    top: 15px;
}

.reveal.full {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

body.has-active-menu {
    overflow: hidden;
    display: block;
}

input:-ms-input-placeholder {
    color: #323232;
}

input::placeholder {
    color: #323232;
}

.txt-centered {
    text-align: center;
}

input::-ms-clear {
    display: none;
}

input[type="checkbox"] {
    color: #323232;
}

.tanned .site-header {
    box-shadow: 1px 5px 9px -5px black;
}

@media (min-width: 980px) {
    .tanned .site-header {
        border-bottom: 1px solid #979797;
        box-shadow: none;
    }
}

.site-header {
    position: relative;
    z-index: 2700;
}

    .site-header .global-nav-container {
        display: block;
        width: 100%;
        min-height: 30px;
        background: #323232;
    }

        .site-header .global-nav-container .global-nav {
            background-color: transparent;
            display: -ms-flexbox;
            display: flex;
            height: auto;
            position: relative;
            max-width: 100%;
            z-index: 4000;
        }

            .site-header .global-nav-container .global-nav .global-links {
                -ms-flex: 1 0;
                flex: 1 0;
                margin: 0 1em 0 13px;
                white-space: nowrap;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                color: #ffffff;
            }

@media (min-width: 768px) {
    .site-header .global-nav-container .global-nav .global-links.hide-for-large {
        display: none;
    }
}

@media (max-width: 767px) {
    .site-header .global-nav-container .global-nav .global-links.hide-mobile {
        display: none;
    }
}

.site-header .global-nav-container .global-nav .global-links .header {
    background: #222222;
}

    .site-header .global-nav-container .global-nav .global-links .header a {
        cursor: default;
    }

.site-header .global-nav-container .global-nav .global-links > .global-link {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link.active + :before, .site-header .global-nav-container .global-nav .global-links > .global-link.active:before {
        content: "";
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link.active a {
        background-color: #fff9f2;
        color: #323232;
        height: 30px;
    }

        .site-header .global-nav-container .global-nav .global-links > .global-link.active a:hover {
            cursor: default;
            text-decoration: none;
        }

    .site-header .global-nav-container .global-nav .global-links > .global-link a,
    .site-header .global-nav-container .global-nav .global-links > .global-link span {
        text-transform: uppercase;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 1px;
        display: inline-block;
        text-decoration: none;
        color: #ffffff;
        padding: 8px 10px;
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop {
        display: inline-block;
        z-index: 1001;
        background-color: transparent;
    }

        .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop > li {
            display: block;
        }

@media (max-width: 767px) {
    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .is-dropdown-submenu-parent {
        position: static;
    }
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .is-dropdown-submenu-parent > a {
    padding-right: 25px;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .is-dropdown-submenu-parent > a:after {
        border-color: #ffffff transparent transparent;
        right: 10px;
        margin-top: -3px;
    }

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .is-dropdown-submenu-parent.is-active > a:after {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .is-dropdown-submenu {
    border: 0;
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu {
    background-color: #323232;
    padding: 5px 0;
}

@media (max-width: 767px) {
    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu {
        width: 100%;
    }
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu a,
.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu span {
    display: block;
    padding: 9px 20px 10px;
}

@media (max-width: 767px) {
    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu a,
    .site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .submenu span {
        text-align: center;
    }
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .hide-before-load {
    display: none;
}

.site-header .global-nav-container .global-nav .global-links > .global-link .global-nav-drop .js-dropdown-active {
    display: block;
    width: 100%;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag {
    position: relative;
    color: #3b3835;
    font-size: 16px;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown {
        opacity: 0;
        display: none;
        animation: fadeInFromNone 0.3s ease-out;
        position: absolute;
        margin-top: 12px;
        right: 0;
        width: 290px;
        background-color: #fff9f2;
        padding: 30px 25px;
        border: 1px solid #323232;
        font-size: .85em;
        letter-spacing: .05em;
        z-index: 100000;
        text-align: center;
    }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown::before {
            position: absolute;
            top: -13px;
            left: 0;
            background: transparent;
            width: 100%;
            height: 12px;
            content: '';
        }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown::after {
            position: absolute;
            top: -11px;
            right: 7px;
            width: 0;
            height: 0;
            border-bottom: 10px solid black;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            content: '';
        }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown.show {
            opacity: 1;
            display: block;
            transition: all .3s;
        }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown.utility-samples-mobile {
            display: none;
            position: relative;
            top: 0;
            right: 0;
            width: auto;
            border: none;
            float: none;
            text-align: center;
            max-width: 26em;
            clear: left;
            margin: 0 auto;
            -ms-transform: none;
            transform: none;
        }

@media (max-width: 979px) {
    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown.utility-samples-mobile {
        display: block;
    }
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown h3 {
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown > span.error-qty {
    padding-bottom: 1em;
    color: #d0021b;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown .utility-sample-added p {
    color: #9b9b9b;
    font-size: 15px;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-dropdown .utility-sample-added .icon-check {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: auto;
    font-size: 18px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag:hover .utility-samples-dropdown {
    opacity: 1;
    display: block;
    transition: all .3s;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag.scrolled .utility-samples-dropdown {
    position: fixed;
    top: 75px;
    right: 13px;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag.scrolled .utility-samples-dropdown::after {
        display: none;
    }

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-added .circle-check {
    display: block;
    position: relative;
    margin: 0 auto 1em;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #9b9b9b;
    color: #9b9b9b;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-added p {
    text-transform: uppercase;
    color: #9b9b9b;
    text-align: center;
}

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-list {
    text-align: left;
    text-transform: uppercase;
    color: #3b3835;
    padding-bottom: 0.5em;
    margin-left: 0;
    list-style: none;
    font-size: 15px;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-list.more-padding {
        padding-bottom: 1.25em;
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-list span {
        float: right;
        padding: 0;
        color: #323232;
        line-height: 20px;
        font-weight: bold;
        font-size: 15px;
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-list li {
        padding: 10px 0;
    }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-samples-list li:last-child {
            border-top: 1px solid #3b3835;
        }

.site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -8px;
}

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-actions a:not(.primary-btn) {
        color: #323232;
        padding: 0;
        font-size: 15px;
        line-height: 50px;
        text-decoration: underline;
        font-weight: bold;
        letter-spacing: 0;
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-actions .primary-btn {
        padding: 15px 20px;
        font-size: 14px;
        letter-spacing: 0;
    }

    .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-actions.empty {
        display: block;
    }

        .site-header .global-nav-container .global-nav .global-links > .global-link.sample-bag .utility-sample-actions.empty p {
            white-space: normal;
        }

.site-header .global-nav-container .global-nav .global-links > .global-link.divider::before {
    content: "|";
    font-size: 11px;
}

.site-header .global-nav-container .global-nav ul#global-right-side {
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 15px;
    list-style-type: none;
}

    .site-header .global-nav-container .global-nav ul#global-right-side .divider {
        font-size: 12px;
        line-height: 1;
        margin-top: -4px;
    }

    .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .person-link {
        padding: 5px 10px 6px;
    }

        .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .person-link > img {
            height: 19px;
            width: 19px;
        }

    .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .heart-link {
        padding: 5px 10px 4px;
    }

        .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .heart-link span {
            height: 17px;
            width: 20px;
            display: inline-block;
            background-image: url("/images/icons/heart.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

            .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .heart-link span.selected {
                background-image: url("/images/pdp/heart-selected.svg");
            }

    .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .bag-link {
        padding: 6px 10px;
    }

        .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .bag-link > img {
            height: 18px;
            width: 19px;
        }

        .site-header .global-nav-container .global-nav ul#global-right-side > .global-link .bag-link .bag-link-quantity {
            position: absolute;
            left: 32px;
            top: 1px;
            font-weight: 400;
            padding: 8px 0;
            max-width: 20px;
        }

.site-header .scrolled-padding {
    display: none;
    height: 132px;
}

.site-header .nav-wrapper {
    background-color: #fff9f2;
    width: 100%;
    border-bottom: solid 1px #323232;
}

    .site-header .nav-wrapper.has-header-promo {
        border-bottom: none;
    }

    .site-header .nav-wrapper nav.container {
        background-color: #fff9f2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 90em;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

        .site-header .nav-wrapper nav.container .burger {
            line-height: 0;
            font-size: 0;
            margin: 0 39px 0 4px;
        }

            .site-header .nav-wrapper nav.container .burger .toggle-button {
                display: block;
                font-size: 24px;
                line-height: 24px;
                text-decoration: none;
                padding: 15px;
            }

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .burger .toggle-button {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .burger .toggle-button .icon-burger,
    .site-header .nav-wrapper nav.container .burger .toggle-button .icon-close-x {
        font-size: 37px;
    }
}

.site-header .nav-wrapper nav.container .burger .toggle-button .icon-close-x {
    display: none;
}

.site-header .nav-wrapper nav.container .burger .toggle-button.active .icon-burger {
    display: none;
}

.site-header .nav-wrapper nav.container .burger .toggle-button.active .icon-close-x {
    display: block;
}

.site-header .nav-wrapper nav.container .karastan-logo {
    display: block;
    margin: 8px auto 10px;
    text-align: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .site-header .nav-wrapper nav.container .karastan-logo img {
        height: 42px;
        transition: height linear 0.2s;
    }

.site-header .nav-wrapper nav.container .primary-nav-container {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding: 0;
    background: #fff9f2;
    transition: opacity linear 0.5s;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    z-index: 3000;
}

    .site-header .nav-wrapper nav.container .primary-nav-container.has-sale-banner > li:nth-child(2) {
        border-top: none;
    }

    .site-header .nav-wrapper nav.container .primary-nav-container.active {
        box-shadow: inset 1px 5px 9px -5px black;
        opacity: 1;
        visibility: visible;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container.active > li .primary-nav-header {
            display: block;
        }

    .site-header .nav-wrapper nav.container .primary-nav-container > li {
        display: block;
        width: calc(100% - 54px);
        border-top: 1px solid #323232;
        margin: 0 27px;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container > li:first-child {
            border-top: none;
        }

        .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header {
            display: none;
            width: 100%;
            color: #000000;
            font-size: 14px;
            text-transform: uppercase;
            text-decoration: none;
            position: relative;
            padding: 1em 0;
            cursor: pointer;
        }

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.dropdown:after {
        content: '';
        top: 30%;
        position: absolute;
        right: 0;
        opacity: 1;
        width: 19px;
        height: 19px;
        background-color: #3a3a3a;
        -webkit-mask-image: url(/images/icons/plus.svg);
        mask-image: url(/images/icons/plus.svg);
    }

    .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.active:after {
        content: '';
        top: 30%;
        background-color: #3a3a3a;
        -webkit-mask-image: url(/images/icons/minus.svg);
        mask-image: url(/images/icons/minus.svg);
    }

    .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.external-link:after {
        content: '\2192';
    }

    .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.no-after:after {
        content: '';
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container {
    display: none;
    z-index: 1000;
}

    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container.active {
        display: block;
    }

    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container {
        display: block;
        margin-bottom: 15px;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div,
        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div {
            display: block;
            margin-left: 37px;
        }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.category > a,
            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.category > a {
                display: block;
                text-decoration: none;
                padding: 7px 0;
                position: static;
                height: auto;
                width: auto;
            }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.category > a img,
                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.category > a img {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: inherit;
                }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.category > a span,
                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.category > a span {
                    display: block;
                    position: static;
                    font-size: 14px;
                    font-weight: normal;
                    letter-spacing: 0px;
                    color: #000000;
                    text-transform: none;
                    top: auto;
                    left: auto;
                    -ms-transform: none;
                    transform: none;
                }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section,
            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section {
                display: inline-block;
                margin: 0 8px 20px 20px;
            }

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section {
        width: 100%;
        display: block;
        margin-bottom: 0;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a {
    display: block;
    position: relative;
    height: 181px;
    width: 181px;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a {
        padding: 7px 0;
        position: static;
        height: 36px;
        width: auto;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a img,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a img,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a img {
        display: none;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container {
    background-color: rgba(255, 249, 242, 0.7);
    position: absolute;
    top: 10px;
    left: 10px;
    height: 161px;
    width: 161px;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container {
        height: auto;
        width: auto;
        top: inherit;
        left: inherit;
        display: inline-block;
        position: relative;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container h4,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container h4 {
    color: #323232;
    font-size: 13px;
    text-transform: uppercase;
    margin: 50px auto 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container h4,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container h4 {
        margin: 0;
        font-size: inherit;
        text-transform: none;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container hr,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container hr {
    background-color: #323232;
    margin: 0 15px 12px;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container hr,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container hr {
        display: none;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container p,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container p {
    color: #323232;
    font-size: 10px;
    line-height: 14px;
    margin: 0 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a .section-content-container p,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a .section-content-container p {
        display: none;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.section > a:hover .section-content-container,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.section > a:hover .section-content-container {
    background-color: rgba(255, 249, 242, 0.85);
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.links,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.links {
    margin-right: 65px;
    margin-left: 0;
}

    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.links:first-of-type .secondary-nav-header,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.links:first-of-type .secondary-nav-header {
        margin-top: 15px;
    }

    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.links .secondary-nav-header,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.links .secondary-nav-header {
        font-size: 14px;
        margin: 27px 0 12px 37px;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div.links .secondary-nav-header a,
        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div.links .secondary-nav-header a {
            text-decoration: none;
        }

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div:last-child.links,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div:last-child.links {
    margin-right: 0;
}

.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav,
.site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav {
    list-style-type: none;
    margin: 0;
}

    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav > li,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav > li {
        font-size: 12px;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav > li:not(.cta),
        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav > li:not(.cta) {
            margin-left: 66px;
        }

        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav > li a,
        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav > li a {
            color: #323232;
            display: block;
            text-decoration: none;
            padding: 7px 0;
        }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav > li a.btn,
            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav > li a.btn {
                display: block;
                background-color: #323232;
                font-size: 15px;
                font-weight: bold;
                line-height: 20px;
                letter-spacing: 1.3px;
                text-align: center;
                color: #ffffff;
                margin: 10px 0 0;
                padding: 25px 17px;
                text-transform: uppercase;
            }

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .category-container > div .secondary-nav > li a.btn,
    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container > .container .links-container > div .secondary-nav > li a.btn {
        padding: 15px 45px;
    }
}

.site-header .nav-wrapper nav.container .primary-nav-container .my-retailer-wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 0 27px;
    background: #d4c9c2;
    border-top: 0 none;
}

    .site-header .nav-wrapper nav.container .primary-nav-container .my-retailer-wrapper .search {
        width: 100%;
    }

.site-header .nav-wrapper nav.container .primary-nav-container .search-locations-wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 0 27px;
    background: #fff9f2;
    border-top: 0 none;
}

.site-header .nav-wrapper nav.container .nav-utils {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    min-width: 0;
    max-width: 25%;
}

@media (min-width: 768px) and (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils {
        max-width: 13%;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item {
    font-size: 0;
    line-height: 0;
}

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util a {
        padding-right: 15px;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item .icon {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item .content {
    display: none;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item a {
    color: #323232;
    display: block;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 15px 8px;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item a.close-find-retailer {
        padding: 0;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item .search {
    color: #fff9f2;
    padding: 8px 30px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 975px;
    margin: 0 auto 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches h6 {
        font-size: 16px;
        line-height: 23px;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 15px 13px 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches ul,
    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches li {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
        width: auto;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 20px;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches li {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 6px 12px;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches a {
        color: #000000;
        display: block;
        text-decoration: none;
        font-size: 14px;
        line-height: 19px;
        padding: 15px 40px 16px;
        border: 1px solid #323232;
        transition: background 250ms;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches a:hover {
            background: #cdcdcd;
        }

.site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .content {
    z-index: 3000;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding: 0;
    background: #fff9f2;
    margin: 0;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#search-util.active .content {
    display: inline-block;
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util.active .content {
        box-shadow: inset 1px 5px 9px -5px black;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .icon > img {
    height: 20px;
    width: 20px;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .icon > img.close {
        display: none;
        height: 13px;
        width: 13px;
        margin: 7px 10px 0 0;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form {
    text-align: center;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form.ng-invalid {
        border-color: red;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search {
        background: none;
        display: inline-block;
        font-size: 14px;
        line-height: 19px;
        padding: 15px 50px 14px;
        margin: 28px 28px 13px;
        color: #323232;
        box-shadow: none;
        border: 1px solid #323232;
        width: 300px;
        text-align: center;
        height: auto;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search:-ms-input-placeholder {
            color: #323232;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search::placeholder {
            color: #323232;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .tt-menu {
        margin-top: 51px;
        background-color: #fff9f2;
        border-top: none;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .tt-menu .tt-suggestion a {
            line-height: 20px;
            padding: 0;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button {
        background: #323232;
        color: #fff9f2;
        display: block;
        padding: 8px 50px;
        margin: 0 auto 14px;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button span {
            display: block;
            letter-spacing: 1.3px;
            font-weight: bold;
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button img {
            display: none;
        }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util.active .find-retailer {
    display: block;
    opacity: 1;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .icon {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .icon > img {
        height: 22px;
        width: 17px;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .content {
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: right;
    position: relative;
    padding-right: 20px;
    text-transform: uppercase;
    padding-top: 2px;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .content::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #323232;
        position: absolute;
        top: auto;
        bottom: 0;
        top: 0;
        right: 0;
        margin: auto;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer {
    display: none;
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    background: #fff9f2;
    margin: 0;
    opacity: 0;
    transition: opacity linear 0.5s;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 1px;
        padding: 21px 25px 19px;
        background: #d4c9c2;
        box-shadow: none;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .header-info {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .header-info p {
                margin: 0;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .header-info .content {
                display: inline-block;
                margin: 0;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .header-info .icon {
                margin: 0 8px 0 0;
            }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .header-info .icon > img {
                    height: 22px;
                    width: 17px;
                }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section .icon-close-x {
            display: block;
            font-size: 19px;
            line-height: 19px;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .btn {
        background: #323232;
        color: #fff9f2;
        text-align: center;
        border-radius: 0;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search {
        display: inline-block;
        margin: 13px auto;
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: 1.3px;
        padding: 15px 30px;
        text-transform: uppercase;
        width: 100%;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search.disabled {
            pointer-events: none;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container {
        background: #fff9f2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: baseline;
        align-items: baseline;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container {
        padding: 15px 25px;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container > p {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 10px;
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container > p {
        width: 100%;
        text-align: left;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container > p.hide-mobile {
    font-weight: bold;
    font-size: 16px;
    margin-right: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .zip-search {
    text-align: center;
    position: relative;
    -ms-flex: 0 0 255px;
    flex: 0 0 255px;
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .zip-search {
        -ms-flex: inherit;
        flex: inherit;
        width: 100%;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .zipTxtbox {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #323232;
    color: #000000;
    margin: 0 auto;
    height: auto;
    font-size: 15px;
    line-height: 20px;
    padding: 13px 50px 15px;
    text-align: center;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .clear {
    height: 50px;
    width: 50px;
    border-right: 1px solid #323232;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .clear img {
        height: 20px;
        width: 20px;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .nearby-title {
    background: #d4c9c2;
    color: #323232;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 25px 5px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col.map-container {
    display: none;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col.map-container .btn {
        background: #323232;
        color: #fff9f2;
        text-align: center;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer {
    background: #d4c9c2;
    padding: 12px 25px;
    position: relative;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .pin-wrapper {
        position: absolute;
        left: 25px;
        top: 9px;
    }

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .pin-wrapper {
        left: 25px;
        top: 25px;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .pin-wrapper .retailer-pin {
    width: 18px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .pin-wrapper .retailer-pin-label {
    color: white;
    font-size: 9px;
    line-height: 13px;
    position: absolute;
    top: 3px;
    width: 100%;
    text-align: center;
    display: block;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-name {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 0 0 25px;
    line-height: 20px;
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-name {
        margin: 0 0 0 15px;
    }
}

@media (min-width: 980px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-name {
        max-width: 80%;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-name a {
    font-size: 15px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details {
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .left {
        -ms-flex: 2;
        flex: 2;
        margin-right: 60px;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right {
        min-width: 60px;
        position: relative;
        text-align: right;
        margin: -16px 0 0;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .miles {
            margin: 0 0 15px;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .coupon-cta {
            margin: 4px 0;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .coupon-cta .btn {
                background-color: #d0021b;
                border-radius: 1px;
                color: #ffffff;
                display: block;
                font-size: 8px;
                line-height: 11px;
                padding: 1px 12px 2px;
                text-transform: uppercase;
                letter-spacing: 0;
                font-weight: bold;
                cursor: default;
            }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .retailer-stars {
            font-size: 10px;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9'%3E%3Cpath fill='%23636363' fill-rule='evenodd' d='M5.6 7.463L2.603 9l.572-3.256L.75 3.438l3.351-.475L5.601 0l1.498 2.963 3.352.475-2.426 2.306L8.598 9z'/%3E%3C/svg%3E");
            height: 9px;
            margin: 0 auto;
            position: absolute;
            right: 0;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-0_5 {
                width: 5.5px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-1 {
                width: 11px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-1_5 {
                width: 16.5px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-2 {
                width: 22px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-2_5 {
                width: 27.5px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-3 {
                width: 33px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-3_5 {
                width: 38.5px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-4 {
                width: 44px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-4_5 {
                width: 49.5px;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating.stars-5 {
                width: 55px;
            }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details p {
        font-size: 12px;
        line-height: 15px;
        color: #323232;
        margin: 0;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details p.phone {
            font-weight: bold;
        }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer {
    margin: 14px 0;
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer {
        margin: 0 0 10px;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer input {
    margin: 0;
    vertical-align: -5px;
    position: relative;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer label {
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer label span {
        display: inline-block;
        margin: 0 0 0 3px;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .get-directions {
    margin: 0 auto;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .get-directions .btn {
        background: #323232;
        color: #fff9f2;
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        padding: 15px 50px;
        text-align: center;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer {
    padding-top: 0;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .pin-wrapper {
        top: 0px;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .pin-wrapper .retailer-pin {
            width: 15px;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .retailer-name {
        margin: 0 0 0 25px;
    }

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .retailer-name {
        max-width: 250px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .retailer-name {
        max-width: none;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer.my-retailer .retailer-details .right {
    margin: -20px 0 0;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .nearby-title {
    background: #d4c9c2;
    color: #323232;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 25px 5px;
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only {
    width: 370px;
    right: auto;
    left: auto;
    top: 100%;
    padding: 20px;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1024px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only {
        right: 0;
    }
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only {
        width: 100%;
        padding: 0;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .txt-wrapper {
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 4px;
    line-height: 1;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .txt-wrapper span {
        font-size: 10pt;
    }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search {
    display: block;
    position: relative;
    width: 100%;
    background: transparent;
    height: 45px;
    margin: 1.5em auto 1em;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search input {
        height: 100%;
        text-align: center;
        border: solid 1px #323232;
        background-color: #fff9f2;
        box-shadow: none;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search input.ng-invalid {
            border-color: #f9473a;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search input:-ms-input-placeholder {
            color: #323232;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search input::placeholder {
            color: #323232;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search .clear {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 100%;
        border-right: solid 1px #323232;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .zip-search .clear img {
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 18px;
            height: 18px;
        }

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .links-container {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
}

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .links-container a {
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
        display: inline-block;
    }

@media (max-width: 767px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .my-retailer {
        text-align: left;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .my-retailer .search {
            width: 100%;
        }
}

@media (max-width: 979px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .my-retailer .retailer-name a {
        padding: 0;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .my-retailer .search {
        width: 100%;
    }
}

.site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .first-set-retailers {
    padding-top: 0;
}

.site-header .nav-wrapper nav.container .nav-utils.active {
    max-width: inherit;
}

.site-header .nav-wrapper.find-a-retailer-active {
    border-bottom: 0 none;
}

@media (min-width: 768px) {
    .site-header .nav-wrapper nav.container {
        position: static;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container {
            top: 90px;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .content {
            top: 90px;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer {
            top: 90px;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section {
                box-shadow: inset 1px 5px 9px -5px black;
            }
}

@media (min-width: 980px) {
    .site-header .nav-wrapper.scrolled {
        /* .nav-wrapper.scrolled */
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5000;
        border-bottom: none;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }

        .site-header .nav-wrapper.scrolled.has-header-promo {
            box-shadow: none;
        }

        .site-header .nav-wrapper.scrolled nav.container .primary-nav-container > li .secondary-nav-container,
        .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#nearby-util .find-retailer {
            top: 70px;
        }

            .site-header .nav-wrapper.scrolled nav.container .primary-nav-container > li .secondary-nav-container.search-only,
            .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only {
                top: 100%;
            }

        .site-header .nav-wrapper.scrolled nav.container .karastan-logo {
            margin: 0 20px;
        }

            .site-header .nav-wrapper.scrolled nav.container .karastan-logo img {
                height: 50px;
            }

        .site-header .nav-wrapper.scrolled nav.container .primary-nav-container {
            margin: 0;
        }

            .site-header .nav-wrapper.scrolled nav.container .primary-nav-container > li .primary-nav-header {
                padding: 15px 10px;
            }

        .site-header .nav-wrapper.scrolled nav.container .nav-utils {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

            .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#nearby-util {
                width: 100%;
            }

                .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#nearby-util > a {
                    padding: 15px 5px;
                    min-height: 70px;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                }
}

@media screen and (min-width: 980px) and (-ms-high-contrast: active) and (min-width: 980px), (min-width: 980px) and (-ms-high-contrast: none) and (min-width: 980px) {
    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#nearby-util > a {
        height: 70px;
    }
}

@media (min-width: 980px) {
    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        margin-left: 30px;
    }

        .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util > a {
            padding: 15px 5px;
            min-height: 70px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            width: 30px;
        }
}

@media screen and (min-width: 980px) and (-ms-high-contrast: active) and (min-width: 980px), (min-width: 980px) and (-ms-high-contrast: none) and (min-width: 980px) {
    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util > a {
        height: 70px;
        margin-right: 10px;
    }
}

@media (min-width: 980px) {
    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util .icon {
        display: inline-block;
        font-size: 20px;
        line-height: 20px;
    }

    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util .content {
        display: none;
    }

    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util.active .icon .mag {
        display: none;
    }

    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util.active .icon .close {
        display: block;
    }

    .site-header .nav-wrapper.scrolled nav.container .nav-utils .util-item#search-util.active .content {
        display: inline-block;
    }

    .site-header .nav-wrapper nav.container .burger {
        display: none;
    }

    .site-header .nav-wrapper nav.container .karastan-logo {
        margin: 20px 10px;
        padding: 10px;
    }

        .site-header .nav-wrapper nav.container .karastan-logo img {
            height: 71px;
        }

    .site-header .nav-wrapper nav.container .primary-nav-container {
        position: static;
        opacity: 1;
        visibility: visible;
        top: auto;
        left: auto;
        right: auto;
        margin: 54px 0 0 0;
        padding: 0;
        vertical-align: top;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

        .site-header .nav-wrapper nav.container .primary-nav-container.active {
            box-shadow: none;
            display: none;
        }

        .site-header .nav-wrapper nav.container .primary-nav-container > li {
            display: inline-block;
            width: auto;
            border: none;
            margin: 0;
        }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.active {
                display: block;
            }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header.active:after {
                    opacity: 1;
                    transition: opacity linear 0.5s;
                }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container.active {
                opacity: 1;
                visibility: visible;
                border-top: 1px solid #323232;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header {
                color: #323232;
                font-size: 12px;
                letter-spacing: 1px;
                width: auto;
                line-height: 40px;
                padding: 0 10px 37px;
                position: relative;
                z-index: 1;
                background: none;
                display: block;
            }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header:after {
                    content: '';
                    top: 1.33em;
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #323232;
                }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .primary-nav-header:after {
                    position: absolute;
                    top: auto;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    content: '';
                    opacity: 0;
                }

            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container {
                background: #fff9f2;
                display: block;
                position: absolute;
                top: 161px;
                left: 0;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                transition: opacity linear 0.5s;
            }

                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container {
                    display: -ms-flexbox;
                    display: flex;
                    margin-bottom: 0;
                }

                    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        padding: 52px 0;
                    }

                        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container .category {
                            -ms-flex: 0 0 220px;
                            flex: 0 0 220px;
                            padding: 0 10px 20px;
                        }

                    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container {
                        -ms-flex: 0 0 250px;
                        flex: 0 0 250px;
                        display: -ms-flexbox;
                        display: flex;
                    }

                        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div,
                        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div {
                            margin-left: 0;
                            padding: 45px 10px;
                        }

                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.category > a,
                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.category > a {
                                padding: 0;
                                position: relative;
                                height: 141px;
                                width: 220px;
                            }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.category > a img,
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.category > a img {
                                    display: block;
                                }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.category > a span,
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.category > a span {
                                    position: absolute;
                                    font-size: 15px;
                                    font-weight: bold;
                                    letter-spacing: 1px;
                                    color: #fff9f2;
                                    text-transform: uppercase;
                                    top: 50%;
                                    left: 50%;
                                    -ms-transform: translate(-50%, -50%);
                                    transform: translate(-50%, -50%);
                                    text-align: center;
                                }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.category > a:hover span,
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.category > a:hover span {
                                    text-decoration: underline;
                                }

                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.section,
                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.section {
                                margin: 0;
                            }

                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.links:first-of-type .secondary-nav-header,
                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.links:first-of-type .secondary-nav-header {
                                margin-top: 0;
                            }

                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.links .secondary-nav-header,
                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.links .secondary-nav-header {
                                font-size: 1em;
                                font-weight: bold;
                                line-height: 29px;
                                letter-spacing: 1px;
                                text-transform: uppercase;
                                margin: 0 0 0.5em;
                            }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div.links .secondary-nav-header a:hover,
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div.links .secondary-nav-header a:hover {
                                    font-weight: bold;
                                }

                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div .secondary-nav > li,
                            .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div .secondary-nav > li {
                                font-size: 1em;
                                line-height: 29px;
                                letter-spacing: 1px;
                            }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div .secondary-nav > li:not(.cta),
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div .secondary-nav > li:not(.cta) {
                                    margin-left: 0;
                                }

                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div .secondary-nav > li a,
                                .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div .secondary-nav > li a {
                                    padding: 0;
                                }

                                    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div .secondary-nav > li a:hover,
                                    .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div .secondary-nav > li a:hover {
                                        text-shadow: 0.5px 0 0, -0.5px 0 0;
                                    }

                                        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .category-container > div .secondary-nav > li a:hover.btn,
                                        .site-header .nav-wrapper nav.container .primary-nav-container > li .secondary-nav-container .container .links-container > div .secondary-nav > li a:hover.btn {
                                            background-color: rgba(50, 50, 50, 0.58);
                                            text-shadow: none;
                                        }

    .site-header .nav-wrapper nav.container .nav-utils {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 16px 0 0;
        width: 100%;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item {
            font-size: initial;
            line-height: initial;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item.active {
                width: 100% !important;
            }

                .site-header .nav-wrapper nav.container .nav-utils .util-item.active .content {
                    max-width: 100% !important;
                }

            .site-header .nav-wrapper nav.container .nav-utils .util-item .content {
                display: inline-block;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item a {
                padding: 0;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item .popular-searches {
                display: none;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util {
                margin: 0;
                text-align: right;
                width: 100%;
            }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .icon {
                    display: none;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .content {
                    opacity: 1;
                    position: static;
                    width: 100%;
                    max-width: 350px;
                    top: auto;
                    left: auto;
                    right: auto;
                }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form {
                    border: 1px solid #323232;
                    display: block;
                    position: relative;
                    margin: 16px 0 14px 0;
                    padding: 5px 0 5px 0;
                }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search {
                        height: 1.58em;
                        margin: 0;
                        padding: 0 35px 0 20px;
                        border: none;
                        width: 100%;
                        text-align: left;
                    }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search:focus {
                            border: none;
                            background: none;
                            box-shadow: none;
                        }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .pred-search:hover {
                            border: none;
                        }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form .tt-menu {
                        margin-top: 6px;
                        background-color: #fff9f2;
                        border: 1px solid #323232;
                        border-top: none;
                    }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button {
                        position: absolute;
                        padding: 0;
                        margin: 0;
                        top: 0.625em;
                        right: 0.625em;
                        font-size: 14px;
                        border: none;
                        background: none;
                        color: #6d6b69;
                        cursor: pointer;
                    }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button span {
                            display: none;
                        }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#search-util .header-search-form > button img {
                            display: block;
                        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util.search-only-item {
                position: relative;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util.active > a:after {
                opacity: 1;
                transition: opacity linear 0.5s;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util.active .find-retailer {
                border-top: 1px solid #323232;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                display: -ms-flexbox;
                display: flex;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util > a {
                position: relative;
                z-index: 1;
                background: none;
                padding-bottom: 44px;
                display: inline-block;
                float: right;
            }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util > a:after {
                    content: '';
                    top: 1.33em;
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #323232;
                }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util > a:after {
                    position: absolute;
                    top: auto;
                    bottom: 0px;
                    left: 0;
                    right: 0;
                    margin: auto;
                    opacity: 0;
                }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util > a:hover {
                    text-shadow: 0.5px 0 0, -0.5px 0 0;
                }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .icon {
                margin: 0 6px 0 0;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer {
                -ms-flex-pack: center;
                justify-content: center;
                top: 161px;
                height: auto;
                right: auto;
                padding: 0 20px;
                width: 100%;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .header-section {
                    display: none;
                }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container {
                    background: transparent;
                    -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
                    margin-top: 15px;
                }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .zip-search {
                        display: -ms-flexbox;
                        display: flex;
                        margin: 0;
                    }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .zipTxtbox {
                        background-color: #ffffff;
                        border: 1px solid #979797;
                        display: inline-block;
                        height: 35px;
                        padding: 10px 20px;
                        margin: 0 10px 0 0;
                        font-size: 12px;
                        line-height: 15px;
                        font-weight: bold;
                        letter-spacing: 1px;
                    }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .clear {
                        height: 35px;
                        width: 22px;
                        border: 0;
                    }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .clear img {
                            height: 9px;
                            width: 9px;
                            margin: 13px 6px;
                        }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .search-container .search {
                        letter-spacing: 1px;
                        margin: 0 auto 13px;
                        font-size: 12px;
                        line-height: 17px;
                        padding: 8px 30px;
                        -ms-flex: 1 1 0px;
                        flex: 1 1 0;
                        height: 35px;
                    }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .search-container {
                    margin-top: 0;
                    max-width: 255px;
                }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .search-container .txt-wrapper {
                        margin: 0;
                    }

                    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .search-container .zip-search {
                        display: block;
                        margin: 0.5em auto 1em;
                    }

                        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer.search-only .search-container .zip-search .clear img {
                            margin: auto;
                        }

                .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col {
                    margin: 15px 25px;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
                    max-width: 300px;
                }
}

@media (min-width: 980px) and (min-width: 1090px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col {
        width: 100%;
    }
}

@media (min-width: 980px) {
    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col.map-container {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 350px;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col.map-container .view-all {
            display: block;
            letter-spacing: 1.3px;
            font-size: 15px;
            line-height: 20px;
            margin: 15px auto 0;
            padding: 25px 30px;
            width: 100%;
            max-width: 240px;
            text-transform: uppercase;
            font-weight: bold;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col.map-container .retailers-shortlist-gmap-wrapper {
            height: 350px;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .nearby-title {
        display: none;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer {
        background: transparent;
        margin: 33px 0 0;
        padding: 0;
    }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .pin-wrapper {
            left: -25px;
            top: 1px;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-name {
            margin: 0;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer:first-child {
            margin-top: 0;
        }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right {
            position: static;
            text-align: center;
            margin-top: 0;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .miles {
                margin-bottom: 0;
            }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .retailer-details .right .rating {
                position: static;
            }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer {
            margin: 3px 0 0;
            text-align: left;
        }

            .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .make-my-retailer label {
                color: #4a4a4a;
                background: transparent;
                padding: 0;
            }

        .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .retailer .get-directions {
            display: none;
        }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .col .error-message {
        text-align: center;
        color: #f9473a;
        margin: 0;
    }

    .site-header .nav-wrapper nav.container .nav-utils .util-item#nearby-util .find-retailer .close-button {
        color: #323232;
        top: 0;
        font-size: 3em;
    }
}

@media (min-width: 1024px) {
    .site-header .nav-wrapper nav.container .primary-nav-container {
        margin-left: 21px;
    }

    .site-header .nav-wrapper nav.container .nav-utils {
        margin-left: 30px;
    }
}

.header-sale-banner {
    width: 100%;
    border: none;
    padding: 2em 0 2.4em;
    display: block;
    text-align: center;
    position: relative;
    display: none;
    margin: 0 -15px 0 0px !important;
    width: 100% !important;
}

    .header-sale-banner p {
        font-size: .7em;
        margin-bottom: .3em;
        color: #fff;
        letter-spacing: .1em;
    }

    .header-sale-banner hr {
        width: 2em;
        margin: 0 auto .75em;
        background-color: #fff;
    }

    .header-sale-banner .header-promo-text {
        display: block;
        font-size: 1.75em;
        letter-spacing: .1em;
        padding: 0 0 .75em;
        padding-bottom: .7em;
        vertical-align: middle;
        color: white;
        font-family: serif;
    }

        .header-sale-banner .header-promo-text .small {
            display: block;
            font-size: .5em;
            letter-spacing: .05em;
            padding-top: .2em;
        }

    .header-sale-banner .header-promo-btn {
        display: inline-block;
        vertical-align: middle;
        padding: .4em 1.9em;
        border-radius: 2px;
        background-color: #fff;
        font-size: .75em;
        letter-spacing: .05em;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
    }

    .header-sale-banner .sale-mobile-navigation-footer {
        position: absolute;
        left: 0;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        bottom: 0;
        height: 23px;
    }

.navigation-overlay {
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2500;
}

footer {
    background: #323232;
    color: #fff9f2;
    padding: 0 33px;
}

    footer ul,
    footer li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    footer a,
    footer a:focus,
    footer a:visited,
    footer a:active {
        color: #fff9f2;
        text-decoration: none;
    }

        footer a:hover {
            color: #fff9f2;
            text-decoration: none;
        }

    footer .masthead {
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
    }

        footer .masthead .karastan-logo-footer {
            display: inline-block;
            margin: 28px auto 28px;
        }

            footer .masthead .karastan-logo-footer img {
                height: 70px;
            }

        footer .masthead .social-links {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
        }

            footer .masthead .social-links li {
                margin: 0 17px;
            }

@media (max-width: 560px) {
    footer .masthead .social-links li {
        margin: 0 auto;
    }

        footer .masthead .social-links li:first-child {
            margin-left: 10px;
        }

        footer .masthead .social-links li:last-child {
            margin-right: 10px;
        }
}

footer .masthead .social-links img {
    height: 21px;
}

footer .footer-nav-container {
    margin: 40px auto 35px;
    max-width: 960px;
}

@media (max-width: 560px) {
    footer .footer-nav-container {
        margin: 40px auto 25px;
    }
}

footer .nav-footer > li {
    border-bottom: 1px solid #979797;
}

    footer .nav-footer > li:first-child {
        border-top: 1px solid #979797;
    }

footer .nav-footer .primary-nav-header {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 3px;
    position: relative;
}

    footer .nav-footer .primary-nav-header .mobile-dropdown-button {
        display: none;
    }

@media (max-width: 979px) {
    footer .nav-footer .primary-nav-header:hover {
        cursor: pointer;
    }

    footer .nav-footer .primary-nav-header .mobile-dropdown-button {
        position: relative;
        width: 19px;
        float: right;
        height: 19px;
        display: block;
        margin: 0;
        padding: 0;
    }

        footer .nav-footer .primary-nav-header .mobile-dropdown-button .minus-icon-img {
            display: none;
        }

        footer .nav-footer .primary-nav-header .mobile-dropdown-button .plus-icon-img {
            display: block;
        }

    footer .nav-footer .primary-nav-header.external-link:after {
        content: '\2192';
    }

    footer .nav-footer .primary-nav-header.no-after:after {
        content: '';
    }

    footer .nav-footer .primary-nav-header.active .mobile-dropdown-button .minus-icon-img {
        display: block;
    }

    footer .nav-footer .primary-nav-header.active .mobile-dropdown-button .plus-icon-img {
        display: none;
    }
}

footer .nav-footer .secondary-nav-container {
    display: none;
    margin: 9px 0 13px;
}

    footer .nav-footer .secondary-nav-container.active {
        display: block;
    }

    footer .nav-footer .secondary-nav-container ul li a {
        display: block;
        font-size: 10px;
        padding: 5px 3px;
        text-transform: uppercase;
    }

footer .legal {
    font-size: 9px;
    line-height: 2em;
    padding: 0 0 25px;
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
}

    footer .legal p {
        line-height: 2em;
    }

@media (min-width: 768px) {
    footer {
        padding: 0 66px;
    }

        footer .masthead .karastan-logo-footer {
            margin: 35px auto 33px;
        }

            footer .masthead .karastan-logo-footer img {
                height: 55px;
            }

        footer .footer-nav-container {
            margin: 60px auto 45px;
        }

        footer .legal {
            font-size: 10px;
        }
}

@media (min-width: 1024px) {
    footer a:hover {
        text-decoration: underline;
    }

    footer .masthead .karastan-logo-footer {
        margin: 41px auto 36px;
    }

    footer .footer-nav-container {
        margin: 60px auto 55px;
    }

    footer .nav-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        footer .nav-footer > li {
            border: 0;
        }

            footer .nav-footer > li:first-child {
                border: 0;
            }

        footer .nav-footer .secondary-nav-container {
            display: block;
        }
}

@media (min-width: 1440px) {
    footer .masthead .karastan-logo-footer {
        margin: 60px auto 38px;
    }

        footer .masthead .karastan-logo-footer img {
            height: 109px;
        }

    footer .footer-nav-container {
        margin: 92px auto 45px;
    }

    footer .legal {
        font-size: 15px;
    }
}

.global-nav {
    height: 30px;
    background-color: #3b3835;
    position: relative;
    z-index: 9;
    display: block;
}

    .global-nav .container {
        position: relative;
        height: 30px;
    }

    .global-nav.global-nav-hide-mobile {
        display: none;
    }

@media screen and (min-width: 40em) {
    .global-nav.global-nav-hide-mobile {
        display: block;
    }

    .global-nav.global-nav-show-mobile {
        display: none;
    }
}

.global-nav .left-panel {
    display: inline-block;
    margin-left: 30px;
    line-height: 30px;
}

    .global-nav .left-panel li {
        display: inline;
    }

        .global-nav .left-panel li a {
            font-size: 11px;
            color: #cdcdcd;
            font-family: "UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-decoration: none;
            line-height: 30px;
            vertical-align: top;
            letter-spacing: .4px;
            text-transform: uppercase;
        }

            .global-nav .left-panel li a::after {
                content: '|';
                display: inline;
                padding-left: 5px;
                line-height: 30px;
                vertical-align: top;
            }

        .global-nav .left-panel li:first-child a {
            color: white;
            font-weight: bold;
        }

.global-nav .right-panel {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    font-family: "UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .global-nav .right-panel.other-brands .divider {
        color: #cdcdcd;
        padding-left: 2px;
        font-size: 10px;
        vertical-align: bottom;
    }

    .global-nav .right-panel .dropdown-button {
        font-size: 11px;
        color: #cdcdcd;
        position: relative;
        cursor: pointer;
        line-height: 30px;
        vertical-align: top;
        letter-spacing: .4px;
        text-transform: uppercase;
    }

        .global-nav .right-panel .dropdown-button::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid #bdbab7;
            margin-left: 5px;
            opacity: 1;
            transition: all 250ms linear;
            display: inline-block;
            margin-bottom: 2px;
        }

        .global-nav .right-panel .dropdown-button.hover::after {
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .global-nav .right-panel .global-nav-dropdown {
        background-color: #3b3835;
        border: none;
        width: 180px;
        padding: 5px 20px;
        top: 29px !important;
        left: -7px !important;
    }

        .global-nav .right-panel .global-nav-dropdown li a {
            font-size: 11px;
            letter-spacing: .1px;
            color: #cdcdcd;
            cursor: pointer;
            padding-left: 0;
            padding-right: 0;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            text-transform: uppercase;
            font-family: "UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

.global-nav.global-nav-show-mobile .right-panel {
    right: auto;
    width: 100%;
    text-align: left;
}

    .global-nav.global-nav-show-mobile .right-panel .dropdown-button {
        width: 150px;
        margin-left: 20px;
        text-transform: uppercase;
    }

    .global-nav.global-nav-show-mobile .right-panel .dropdown-pane {
        top: 30px !important;
        left: 0 !important;
        width: 100% !important;
        background: #3b3835;
        border: none;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }

        .global-nav.global-nav-show-mobile .right-panel .dropdown-pane .submenu {
            padding-bottom: 10px;
        }

            .global-nav.global-nav-show-mobile .right-panel .dropdown-pane .submenu li {
                height: 36px;
                line-height: 36px;
            }

                .global-nav.global-nav-show-mobile .right-panel .dropdown-pane .submenu li a {
                    color: #cdcdcd;
                    font-size: 12px;
                    letter-spacing: .1px;
                    font-family: "UniversLTStd-light", "Helvetica Neue", Helvetica, Arial, sans-serif;
                    text-decoration: none;
                }

                .global-nav.global-nav-show-mobile .right-panel .dropdown-pane .submenu li.self a {
                    color: white;
                    font-weight: bold;
                }

                .global-nav.global-nav-show-mobile .right-panel .dropdown-pane .submenu li.parent {
                    font-size: 12px;
                    color: white;
                    height: 44px;
                    line-height: 44px;
                    background: #322f2c;
                    margin-bottom: 10px;
                }

.loading-animation-wrapper {
    position: relative;
}

.loading-animation-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.loading-animation {
    position: relative;
    width: 90px;
    height: 90px;
    position: relative;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
}

    .loading-animation > div {
        position: absolute;
        background-color: #d1d0ce;
        height: 16px;
        width: 16px;
        border-radius: 8px;
        animation-name: f_fadeG;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-direction: linear;
    }

.lc-01 {
    left: 0;
    top: 37px;
    animation-delay: 0.45s;
}

.lc-02 {
    left: 11px;
    top: 11px;
    animation-delay: 0.6s;
}

.lc-03 {
    left: 37px;
    top: 0;
    animation-delay: 0.75s;
}

.lc-04 {
    right: 11px;
    top: 11px;
    animation-delay: 0.9s;
}

.lc-05 {
    right: 0;
    top: 37px;
    animation-delay: 1.05s;
}

.lc-06 {
    right: 11px;
    bottom: 11px;
    animation-delay: 1.2s;
}

.lc-07 {
    left: 37px;
    bottom: 0;
    animation-delay: 1.35s;
}

.lc-08 {
    left: 11px;
    bottom: 11px;
    animation-delay: 1.5s;
}

@keyframes f_fadeG {
    0% {
        background-color: #a39f9c;
    }

    100% {
        background-color: #d1d0ce;
    }
}

span.shopping-bag-icon {
    background-image: url(/images/icons/shopping-bag-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 19px;
    height: 20px;
    background-size: contain;
}

    span.shopping-bag-icon.active, span.shopping-bag-icon.filled, .selected span.shopping-bag-icon {
        background-image: url(/images/icons/shopping-bag-icon-filled.svg);
    }

span.heart-icon {
    background-image: url(/images/icons/heart-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 19px;
    height: 20px;
    background-size: contain;
}

    span.heart-icon.active, span.heart-icon.filled, span.heart-icon.selected {
        background-image: url(/images/icons/heart-filled.svg);
    }

.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin-left: -1px;
    box-sizing: content-box;
}

@media (max-width: 768px) {
    .tt-menu {
        margin-left: 0;
    }
}

@media screen and (max-width: 22.4375em) {
    .tt-menu {
        max-height: 550px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 22.4375em) and (orientation: landscape) {
    .tt-menu {
        max-height: 300px;
    }
}

.tt-menu .tt-dataset {
    text-align: left;
}

    .tt-menu .tt-dataset.tt-dataset-links .tt-suggestion {
        padding: 10px 20px;
        text-decoration: underline;
    }

        .tt-menu .tt-dataset.tt-dataset-links .tt-suggestion:hover {
            background-color: inherit;
        }

    .tt-menu .tt-dataset h5 {
        color: #3b3835;
        margin: 0 20px;
        font-size: 12px;
        font-weight: 600;
        line-height: 30px;
        border-top: 1px solid #979797;
        text-transform: uppercase;
    }

    .tt-menu .tt-dataset .tt-suggestion {
        text-transform: none;
        padding: 5px 20px;
        font-size: 15px;
        font-weight: 400;
    }

        .tt-menu .tt-dataset .tt-suggestion.tt-cursor {
            background-color: rgba(0, 0, 0, 0.06);
        }

        .tt-menu .tt-dataset .tt-suggestion:hover {
            background-color: rgba(0, 0, 0, 0.06);
        }

        .tt-menu .tt-dataset .tt-suggestion a {
            display: inline-block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            font-size: 15px !important;
        }

            .tt-menu .tt-dataset .tt-suggestion a:hover {
                cursor: pointer;
                font-weight: bold;
            }

            .tt-menu .tt-dataset .tt-suggestion a.global-link {
                color: #f9473a;
                font-weight: 600;
                font-size: 15px;
                text-decoration: underline;
                text-transform: uppercase;
                width: inherit;
            }

    .tt-menu .tt-dataset .tt-footer {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        text-decoration: underline;
        padding: 10px 20px 10px;
    }

        .tt-menu .tt-dataset .tt-footer a {
            color: #f9473a;
            font-weight: 600;
            font-size: 15px !important;
        }

            .tt-menu .tt-dataset .tt-footer a:hover {
                cursor: pointer;
            }

    .tt-menu .tt-dataset .tt-none {
        padding: 10px 10px 0;
    }

    .tt-menu .tt-dataset:first-child h5 {
        border-top: none;
    }

.video-full-width {
    padding: 35px 0;
    background: #d3c8c1;
}

    .video-full-width .container {
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
    }

        .video-full-width .container .text-content {
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            display: -ms-flexbox;
            display: flex;
            padding-right: 30px;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .video-full-width .container .text-content .text-wrapper {
                text-align: right;
            }

                .video-full-width .container .text-content .text-wrapper h3 {
                    font-weight: 600;
                    margin-bottom: 15px;
                }

            .video-full-width .container .text-content .cta {
                text-align: right;
            }

                .video-full-width .container .text-content .cta .btn {
                    background-color: #323232;
                    color: #fff9f2;
                    display: inline-block;
                    text-transform: uppercase;
                    font-size: 15px;
                    line-height: 50px;
                    letter-spacing: 1.3px;
                    font-weight: bold;
                    text-decoration: none;
                    height: 50px;
                    max-width: 250px;
                    padding-left: 20px;
                    padding-right: 20px;
                }

                    .video-full-width .container .text-content .cta .btn:hover {
                        background-color: rgba(50, 50, 50, 0.58);
                    }

        .video-full-width .container .video-content {
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            position: relative;
        }

            .video-full-width .container .video-content img {
                width: 100%;
            }

            .video-full-width .container .video-content .video-button {
                background-image: url("/images/icons/play.svg");
                position: relative;
                left: 50%;
                top: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: absolute;
                height: 80px;
                width: 80px;
            }

@media (max-width: 979px) {
    .video-full-width .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .video-full-width .container .text-content {
            margin: 0 30px;
            -ms-flex-order: 2;
            order: 2;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            padding: 0;
            max-width: 600px;
        }

            .video-full-width .container .text-content .text-wrapper {
                text-align: center;
            }

            .video-full-width .container .text-content .cta {
                margin: 0 auto;
            }

        .video-full-width .container .video-content {
            -ms-flex-order: 1;
            order: 1;
            -ms-flex: 0 1 600px;
            flex: 0 1 600px;
            margin-bottom: 20px;
        }
}

@media (max-width: 767px) {
    .video-modal .container .video-container {
        padding-top: 40%;
        margin-top: 30px;
    }
}

.video-modal {
    z-index: 6000;
    background-color: #fff9f2;
}

.retailer-samples-callout .container {
    padding: 35px 0;
    border-top: solid 1px #a3a09d;
    display: -ms-flexbox;
    display: flex;
}

    .retailer-samples-callout .container .img-wrapper {
        -ms-flex: 0 0 210px;
        flex: 0 0 210px;
    }

        .retailer-samples-callout .container .img-wrapper img {
            width: 100%;
        }

    .retailer-samples-callout .container .text-wrapper {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 15px;
    }

        .retailer-samples-callout .container .text-wrapper p {
            font-size: 20px;
            margin: 0;
        }

            .retailer-samples-callout .container .text-wrapper p span {
                display: block;
                font-weight: bold;
            }

    .retailer-samples-callout .container .btn-wrapper {
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .retailer-samples-callout .container .btn-wrapper button {
            width: 100%;
            margin: 0;
        }

@media (max-width: 979px) {
    .retailer-samples-callout {
        padding: 35px 50px;
    }

        .retailer-samples-callout .container .img-wrapper {
            -ms-flex: 0 0 160px;
            flex: 0 0 160px;
            margin-bottom: 10px;
        }

        .retailer-samples-callout .container .text-wrapper {
            text-align: center;
            margin-bottom: 10px;
        }

            .retailer-samples-callout .container .text-wrapper p {
                font-size: 16px;
            }

        .retailer-samples-callout .container .btn-wrapper button {
            padding: 15px;
        }
}

@media (max-width: 560px) {
    .retailer-samples-callout {
        padding: 20px 30px;
    }

        .retailer-samples-callout .container {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .retailer-samples-callout .container .img-wrapper {
                -ms-flex: 1 0 100%;
                flex: 1 0 100%;
            }

            .retailer-samples-callout .container .text-wrapper {
                padding: 0 30px;
            }

            .retailer-samples-callout .container .btn-wrapper {
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
                padding: 0 30px;
            }
}

.inspiration-grid {
    padding-top: 35px;
    overflow: hidden;
}

    .inspiration-grid .subtitle {
        font-size: 22px;
        text-align: center;
        margin-bottom: 10px;
    }

    .inspiration-grid .title {
        text-align: center;
        line-height: normal;
        font-size: 25px;
        max-width: 400px;
        margin: 0 auto 30px;
        font-family: "Open-Sans", sans-serif;
    }

    .inspiration-grid .grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 2px;
    }

        .inspiration-grid .grid .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            max-width: 100%;
            margin: 0 -2px;
            -ms-flex-flow: nowrap;
            flex-flow: nowrap;
        }

            .inspiration-grid .grid .row .card {
                background-size: cover;
                background-position: center;
                border: 2px solid #fff9f2;
                position: relative;
            }

                .inspiration-grid .grid .row .card a {
                    display: none;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
                }

@media (max-width: 1024px) {
    .inspiration-grid .grid .row .card a {
        display: block;
    }
}

.inspiration-grid .grid .row .card:hover a {
    display: block;
}

.inspiration-grid .grid .row .card .text-container {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .inspiration-grid .grid .row .card .text-container {
        left: 30px;
        bottom: 30px;
    }
}

.inspiration-grid .grid .row .card .text-container .card-title {
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    letter-spacing: .5px;
    display: block;
}

@media (min-width: 768px) {
    .inspiration-grid .grid .row .card .text-container .card-title {
        font-size: 12px;
        line-height: 18px;
    }
}

.inspiration-grid .grid .row .card .text-container .subtext {
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
}

.inspiration-grid .grid .row .card .social-link {
    position: absolute;
    top: 10px;
    right: 10px;
}

.inspiration-grid .grid .row .card.big {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 300px;
}

.inspiration-grid .grid .row .card.small {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 150px;
}

.inspiration-grid .grid .row .card img {
    width: 100%;
}

.inspiration-grid .grid .row .card iframe {
    width: 100%;
    height: 100%;
}

.inspiration-grid .grid .row.horizontal-3 .card.small:first-child {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 300px;
}

.inspiration-grid .grid .row .cards-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .inspiration-grid .grid .row .cards-container.vertical {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

        .inspiration-grid .grid .row .cards-container.vertical .card {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        }

@media (min-width: 768px) {
    .inspiration-grid .subtitle {
        font-size: 30px;
    }

    .inspiration-grid .title {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .inspiration-grid .grid .row .card.big {
        -ms-flex: 0 0 66.66666%;
        flex: 0 0 66.66666%;
        height: 380px;
    }

    .inspiration-grid .grid .row .card.small {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        height: 190px;
    }

    .inspiration-grid .grid .row.horizontal-3 .card.small:first-child {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        height: 190px;
    }

    .inspiration-grid .grid .row .cards-container.vertical {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    }

        .inspiration-grid .grid .row .cards-container.vertical .card {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }
}

@media (min-width: 1024px) {
    .inspiration-grid .grid .row .card.big {
        height: 480px;
    }

    .inspiration-grid .grid .row .card.small {
        height: 240px;
    }

    .inspiration-grid .grid .row.horizontal-3 .card.small:first-child {
        height: 240px;
    }
}

@media (min-width: 1440px) {
    .inspiration-grid .grid .row .card.big {
        height: 660px;
    }

    .inspiration-grid .grid .row .card.small {
        height: 330px;
    }

    .inspiration-grid .grid .row.horizontal-3 .card.small:first-child {
        height: 330px;
    }
}

.inspiration-tabs {
    padding: 30px 0 0;
}

    .inspiration-tabs .title {
        font-size: 50px;
        letter-spacing: 5px;
        text-align: center;
        margin-bottom: 15px;
        font-family: "Open-Sans", sans-serif;
        line-height: 1.3em;
    }

@media (max-width: 979px) {
    .inspiration-tabs .title {
        font-size: 25px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .inspiration-tabs .title {
        letter-spacing: 3px;
    }
}

@media (max-width: 767px) {
    .inspiration-tabs .title {
        letter-spacing: 2px;
    }
}

@media (max-width: 768px) {
    .inspiration-tabs .title {
        padding: 0 20px;
    }
}

.inspiration-tabs .intro {
    font-size: 16px;
    line-height: 29px;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Open-Sans", sans-serif;
}

@media (max-width: 979px) {
    .inspiration-tabs .intro {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .inspiration-tabs .intro {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .inspiration-tabs .intro {
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .inspiration-tabs .intro {
        max-width: 410px;
        padding: 0;
    }
}

.inspiration-tabs .inspiration-tabulator .tabs {
    text-align: center;
    background: transparent;
    border: none;
    padding: 0 20px;
}

@media (min-width: 1440px) {
    .inspiration-tabs .inspiration-tabulator .tabs {
        margin: 0 0 10px;
    }
}

@media (max-width: 979px) {
    .inspiration-tabs .inspiration-tabulator .tabs {
        margin: 0;
    }
}

.inspiration-tabs .inspiration-tabulator .tabs .tab {
    padding: 0 15px;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: inline-block;
}

    .inspiration-tabs .inspiration-tabulator .tabs .tab:not(:last-child):after {
        content: '|';
        display: inline-block;
        top: 0;
        right: -4px;
        position: absolute;
    }

    .inspiration-tabs .inspiration-tabulator .tabs .tab span {
        font-size: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .inspiration-tabs .inspiration-tabulator .tabs .tab.active span {
        font-weight: bold;
    }

@media (max-width: 768px) {
    .inspiration-tabs .inspiration-tabulator .tabs .tab span {
        font-size: 13px;
        letter-spacing: 1px;
    }
}

.inspiration-tabs .inspiration-tabulator .content .tabs-content {
    width: 100%;
    border: none;
    background: none;
}

    .inspiration-tabs .inspiration-tabulator .content .tabs-content .tabs-panel {
        display: none;
        width: 100%;
        padding: 0;
    }

        .inspiration-tabs .inspiration-tabulator .content .tabs-content .tabs-panel.active {
            display: block;
        }

.inspiration-tabs .btn-container {
    padding: 45px 0 65px;
    text-align: center;
}

@media (max-width: 768px) {
    .inspiration-tabs .btn-container {
        padding: 35px 0;
    }
}

.inspiration-tabs .btn-container a.primary-btn {
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    border: 1px solid #323232;
    border-radius: 0;
    line-height: 1.2em;
    display: inline-block;
    min-width: initial;
    padding: 25px 45px;
    text-align: center;
    font-size: 15px;
    color: #323232;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

    .inspiration-tabs .btn-container a.primary-btn:hover {
        background-color: #323232;
        color: #ffffff;
    }

.featured-blog-post .blog-container {
    height: 540px;
    position: relative;
}

    .featured-blog-post .blog-container .content {
        background: #fff9f2;
        opacity: .9;
        padding: 40px;
        text-align: center;
        width: 620px;
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
    }

        .featured-blog-post .blog-container .content .title {
            font-size: 28px;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .featured-blog-post .blog-container .content .divider {
            width: 340px;
            border-top: solid 1px black;
            margin: 20px auto;
        }

        .featured-blog-post .blog-container .content p {
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: .5px;
            margin-bottom: 20px;
        }

        .featured-blog-post .blog-container .content a {
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 1.3px;
            text-transform: uppercase;
            text-decoration: none;
        }

@media (max-width: 979px) {
    .featured-blog-post .blog-container {
        height: 350px;
    }

        .featured-blog-post .blog-container .content {
            width: 80%;
            padding: 30px 20px;
        }

            .featured-blog-post .blog-container .content .title {
                font-size: 20px;
            }

            .featured-blog-post .blog-container .content .divider {
                display: none;
            }
}

@media (max-width: 560px) {
    .featured-blog-post .blog-container {
        height: 280px;
    }

        .featured-blog-post .blog-container .content p {
            display: none;
        }
}

.two-col {
    padding: 5px 0 0;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
}

    .two-col .col {
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        border-left: solid 3px #fff9f2;
        border-right: solid 3px #fff9f2;
        position: relative;
        background-size: cover;
        height: 400px;
    }

        .two-col .col:first-child {
            border-left: none;
        }

        .two-col .col:last-child {
            border-right: none;
        }

        .two-col .col .cta {
            padding: 25px 45px;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 1.3px;
            text-decoration: none;
            text-transform: uppercase;
            position: relative;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            text-align: center;
        }

@media (max-width: 979px) {
    .two-col .col {
        height: 300px;
    }

        .two-col .col .cta {
            width: 230px;
            padding: 15px 40px;
        }
}

@media (max-width: 560px) {
    .two-col .col {
        height: 200px;
    }

        .two-col .col .cta {
            width: auto;
            padding: 15px;
        }
}

.owl-carousel.hero-carousel {
    overflow: hidden;
}

    .owl-carousel.hero-carousel.animate-fade .owl-item .item {
        float: none;
        clear: both;
        opacity: 0;
        transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

        .owl-carousel.hero-carousel.animate-fade .owl-item .item .slide-content {
            opacity: 0;
            transition: all 500ms 250ms ease-in-out;
        }

@media (max-width: 768px) {
    .owl-carousel.hero-carousel.animate-fade .owl-item .item video {
        height: 450px;
    }

    .owl-carousel.hero-carousel.animate-fade .owl-item .item img.frame {
        min-height: 250px;
    }

    .owl-carousel.hero-carousel.animate-fade .owl-item .item .bg-vid {
        height: 450px;
    }
}

.owl-carousel.hero-carousel.animate-fade .owl-item.active .item {
    opacity: 1;
}

    .owl-carousel.hero-carousel.animate-fade .owl-item.active .item .slide-content {
        opacity: 1;
    }

.owl-carousel.hero-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.owl-carousel.hero-carousel .hero-slide .item {
    margin-bottom: 0;
}

.owl-carousel.hero-carousel .hero-slide .product-link {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 10%;
    vertical-align: middle;
    font-size: 15px;
    color: white;
    letter-spacing: 1.1px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

    .owl-carousel.hero-carousel .hero-slide .product-link img {
        width: 34px;
        height: 34px;
        margin-right: 5px;
        display: inline-block;
    }

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .product-link {
        display: none;
    }
}

.owl-carousel.hero-carousel .hero-slide .slide-content {
    padding: 0 1em;
    color: #fff;
    text-align: center;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 45%;
    position: absolute;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content {
        padding: 0 45px;
        top: 50%;
    }
}

@media (max-width: 320px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content {
        padding: 0 10px;
        top: 50%;
    }
}

.owl-carousel.hero-carousel .hero-slide .slide-content .richtext p {
    margin-bottom: 0;
    line-height: 1.8;
    letter-spacing: 0.5px;
}

.owl-carousel.hero-carousel .hero-slide .slide-content .product-link {
    display: none;
    bottom: auto;
    right: auto;
    margin: 15px auto;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .product-link {
        display: inline-block;
        position: relative;
    }
}

.owl-carousel.hero-carousel .hero-slide .slide-content h2 {
    line-height: 1.3em;
    font-size: 71px;
    letter-spacing: 4px;
    text-align: center;
    font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
    padding-bottom: 20px;
    border-bottom: solid 1px white;
    display: inline-block;
    margin-bottom: 30px;
}

@media (max-width: 979px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content h2 {
        font-size: 42px;
    }
}

.owl-carousel.hero-carousel .hero-slide .slide-content h2.nosubtitle {
    border: 0;
    width: calc(100% - 50px);
    margin: 0 auto;
    padding: 0 50px;
}

.owl-carousel.hero-carousel .hero-slide .slide-content .button {
    padding: 25px 20px;
    background: transparent;
    border: solid 1px white;
    border-radius: 0;
    font-size: 15px;
    letter-spacing: 1.3px;
    font-weight: bold;
    margin-top: 15px;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .button {
        margin-top: 20px;
    }
}

@media (max-width: 979px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .button {
        padding: 18px;
    }
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content div.product-link-container {
        margin-top: 5px;
    }
}

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content h1,
    .owl-carousel.hero-carousel .hero-slide .slide-content h5 {
        font-size: 0.875em;
    }
}

@media (max-width: 767px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .button.button-secondary {
        display: none;
    }
}

.owl-carousel.hero-carousel .hero-slide .slide-content .overlay-link {
    display: block;
    width: 90%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .overlay-link {
        width: 80%;
    }
}

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-slide .slide-content .overlay-link {
        width: 65%;
    }
}

.owl-carousel.hero-carousel .hero-simple .item {
    margin-bottom: 0;
}

.owl-carousel.hero-carousel .hero-simple .slide-content {
    padding: 0 1em;
    color: #fff;
    text-align: center;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content {
        top: 50%;
    }
}

.owl-carousel.hero-carousel .hero-simple .slide-content h2 {
    line-height: 1.19047619em;
    font-size: 2em;
    letter-spacing: 0.05em;
    text-align: center;
    font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
    display: inline-block;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content h2 {
        font-size: 3em;
    }
}

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content h2 {
        font-size: 3.75em;
    }
}

@media screen and (min-width: 1025px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content h2 {
        font-size: 4.5em;
    }
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content h2 {
        line-height: 1em;
    }
}

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-simple .slide-content h1,
    .owl-carousel.hero-carousel .hero-simple .slide-content h5 {
        font-size: 0.875em;
    }
}

.owl-carousel.hero-carousel .hero-date .item {
    margin-bottom: 0;
}

.owl-carousel.hero-carousel .hero-date .slide-content {
    padding: 0 1em;
    color: #fff;
    text-align: center;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .hero-date .slide-content {
        top: 50%;
    }
}

.owl-carousel.hero-carousel .hero-date .slide-content .date-container {
    padding: 30px 80px 80px 80px;
    background-color: rgba(255, 249, 242, 0.8);
    width: 624px;
    margin-left: auto;
    margin-right: auto;
    color: black;
}

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-bar {
        position: relative;
        width: 100%;
        padding: 15px;
    }

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-bar-before {
        width: 42%;
        margin-left: 0;
        margin-right: auto;
        padding: 0;
        border-bottom: 1px solid black;
    }

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-bar-after {
        width: 42%;
        margin-left: auto;
        margin-right: 0;
        padding: 0;
        border-bottom: 1px solid black;
    }

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-text {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 16px;
        font-weight: 600;
        width: 40px;
        margin-top: -12px;
        margin-bottom: 0;
        margin-left: -20px;
    }

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .richtext p {
        margin-bottom: 0;
        line-height: 1.8;
        font-size: 14px;
        padding: 0;
    }

    .owl-carousel.hero-carousel .hero-date .slide-content .date-container h2 {
        font-size: 30px;
        letter-spacing: 0.05em;
        text-align: center;
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        padding: 15px;
        display: inline-block;
        font-weight: normal;
    }

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-date .slide-content .date-container h1,
    .owl-carousel.hero-carousel .hero-date .slide-content .date-container h5 {
        font-size: 0.875em;
    }
}

@media (max-width: 767px) {
    .owl-carousel.hero-carousel .hero-date .slide-content .date-container {
        width: 90%;
        padding: 30px 30px 40px;
    }

        .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-bar-before, .owl-carousel.hero-carousel .hero-date .slide-content .date-container .date-bar-after {
            width: 33%;
        }

        .owl-carousel.hero-carousel .hero-date .slide-content .date-container h2 {
            font-size: 20px !important;
            padding: 5px;
        }

        .owl-carousel.hero-carousel .hero-date .slide-content .date-container .richtext p {
            font-size: 12px;
        }
}

.owl-carousel.hero-carousel .hero-date .slide-content .date-container .overlay-link {
    display: block;
    width: 90%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .overlay-link {
        width: 80%;
    }
}

@media (min-width: 980px) {
    .owl-carousel.hero-carousel .hero-date .slide-content .date-container .overlay-link {
        width: 65%;
    }
}

@media (min-width: 768px) {
    .owl-carousel.hero-carousel .owl-item.active .slide-content.animate-fade.ng-hide {
        opacity: 0;
    }
}

.owl-carousel.hero-carousel .owl-nav {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    margin: 0;
    top: 0;
}

    .owl-carousel.hero-carousel .owl-nav .owl-prev,
    .owl-carousel.hero-carousel .owl-nav .owl-next {
        height: 530px;
        margin: 0;
        opacity: 1;
        border-radius: 0;
        position: absolute;
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 44px;
    }

        .owl-carousel.hero-carousel .owl-nav .owl-prev.disabled,
        .owl-carousel.hero-carousel .owl-nav .owl-next.disabled {
            opacity: 0;
        }

    .owl-carousel.hero-carousel .owl-nav .owl-prev {
        left: -80px;
    }

        .owl-carousel.hero-carousel .owl-nav .owl-prev:after {
            position: absolute;
            right: 0;
            display: inline-block;
            content: '';
            width: 25px;
            height: 100%;
            background: url("/images/hero/left-arrow.svg") no-repeat;
        }

        .owl-carousel.hero-carousel .owl-nav .owl-prev:hover {
            opacity: 1;
            background: transparent;
        }

            .owl-carousel.hero-carousel .owl-nav .owl-prev:hover.disabled {
                opacity: 0;
            }

    .owl-carousel.hero-carousel .owl-nav .owl-next {
        right: -80px;
    }

        .owl-carousel.hero-carousel .owl-nav .owl-next:after {
            position: absolute;
            left: 0;
            display: inline-block;
            content: '';
            width: 25px;
            height: 100%;
            background: url("/images/hero/right-arrow.svg") no-repeat;
        }

        .owl-carousel.hero-carousel .owl-nav .owl-next:hover {
            opacity: 1;
            background: transparent;
        }

            .owl-carousel.hero-carousel .owl-nav .owl-next:hover.disabled {
                opacity: 0;
            }

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .owl-nav {
        display: none;
    }
}

.owl-carousel.hero-carousel:hover .owl-prev {
    left: 0;
}

.owl-carousel.hero-carousel:hover .owl-next {
    right: 0;
}

.owl-carousel.hero-carousel .owl-dots {
    position: absolute;
    bottom: 2em;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    pointer-events: none;
}

@media (max-width: 768px) {
    .owl-carousel.hero-carousel .owl-dots {
        bottom: 1em;
    }
}

.owl-carousel.hero-carousel .owl-dots .owl-dot {
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 0.3125em;
    overflow: hidden;
    border-radius: 50%;
    background-color: white;
    border: none;
    outline: none;
    font-size: 1em;
    line-height: 0;
    text-indent: -9999px;
    direction: ltr;
    cursor: pointer;
    pointer-events: auto;
}

    .owl-carousel.hero-carousel .owl-dots .owl-dot:hover, .owl-carousel.hero-carousel .owl-dots .owl-dot.active {
        background-color: #C0C0C0;
    }

    .owl-carousel.hero-carousel .owl-dots .owl-dot span {
        display: none;
    }

.carousel-fullbleed {
    display: none;
}

@media (min-width: 768px) {
    .carousel-fullbleed {
        display: block;
    }
}

.carousel-fullbleed .slide-content h2 {
    margin-bottom: .5em;
}

@media (min-width: 768px) {
    .carousel-fullbleed .slide-content h2 {
        font-size: 3em;
    }
}

@media (min-width: 980px) {
    .carousel-fullbleed .slide-content h2 {
        font-size: 3.75em;
    }
}

@media screen and (min-width: 1025px) {
    .carousel-fullbleed .slide-content h2 {
        font-size: 4.25em;
    }
}

.carousel-fullbleed .carousel-control-nav {
    bottom: 2em;
}

@media (min-width: 768px) {
    .carousel-fullbleed .slide.active .slide-content {
        top: 50%;
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
    }

        .carousel-fullbleed .slide.active .slide-content.animate-fade.ng-hide {
            opacity: 0;
        }
}

.bg-vid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 1;
}

    .bg-vid > div {
        z-index: 0 !important;
    }

        .bg-vid > div video {
            left: auto !important;
            -ms-transform: none !important;
            transform: none !important;
        }

    .bg-vid.top-offset-0 video {
        top: 0 !important;
    }

    .bg-vid.top-offset-10 video {
        top: -5.3% !important;
    }

    .bg-vid.top-offset-20 video {
        top: -10.6% !important;
    }

    .bg-vid.top-offset-30 video {
        top: -15.9% !important;
    }

    .bg-vid.top-offset-40 video {
        top: -21.2% !important;
    }

    .bg-vid.top-offset-50 video {
        top: -26.5% !important;
    }

    .bg-vid.top-offset-60 video {
        top: -31.8% !important;
    }

    .bg-vid.top-offset-70 video {
        top: -37.1% !important;
    }

    .bg-vid.top-offset-80 video {
        top: -42.4% !important;
    }

    .bg-vid.top-offset-90 video {
        top: -47.7% !important;
    }

    .bg-vid.top-offset-100 video {
        top: -53% !important;
    }

.bg-img-container {
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 768px) {
    .bg-img-container {
        height: 420px;
    }
}

@media screen and (min-width: 1025px) {
    .bg-img-container {
        height: 530px;
    }
}

@media (max-width: 767px) {
    .bg-img-container {
        height: 530px;
    }
}

@media screen and (min-width: 1800px) {
    .bg-img-container {
        height: 730px;
    }
}

@media (max-width: 767px) {
    section.product-details {
        display: none;
    }
}

section.product-details .room-header {
    display: block;
    height: 385px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: 30% 60%;
    background-color: #d4c9c2;
}

@media (max-width: 768px) {
    section.product-details .room-header {
        height: 350px;
    }
}

section.product-details .room-header ul {
    display: block;
    position: absolute;
    right: 25px;
    bottom: 25px;
}

@media (max-width: 979px) {
    section.product-details .room-header ul {
        display: none;
    }
}

section.product-details .room-header ul li {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    border: 3px solid transparent;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

    section.product-details .room-header ul li.selected {
        border: 3px solid #323232;
    }

section.product-details .room-header .button.desktop {
    background: #a3a09d;
    position: absolute;
    bottom: 25px;
    right: 25px;
    margin: 0;
    width: 200px;
}

section.product-details > .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
}

    section.product-details > .row .column.swatches-section, section.product-details > .row .swatches-section.columns {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section, section.product-details > .row .swatches-section.columns {
        -ms-flex: 0 0 330px;
        flex: 0 0 330px;
        max-width: 330px;
    }
}

section.product-details > .row .column.swatches-section div.swatch-image, section.product-details > .row .swatches-section.columns div.swatch-image {
    display: block;
    position: relative;
    height: 400px;
    width: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 460px;
    background-color: #faf8f4;
    top: -240px;
    margin: 0 auto -240px;
    border: solid 10px #faf8f4;
}

    section.product-details > .row .column.swatches-section div.swatch-image.bg-contain, section.product-details > .row .swatches-section.columns div.swatch-image.bg-contain {
        background-size: contain;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.swatch-image, section.product-details > .row .swatches-section.columns div.swatch-image {
        width: 200px;
        height: 200px;
        border: solid 5px #faf8f4;
        top: -170px;
        margin: 0 auto -165px;
    }
}

section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite,
section.product-details > .row .column.swatches-section div.swatch-image .search,
section.product-details > .row .swatches-section.columns div.swatch-image .search {
    display: block;
    width: 48px;
    height: 48px;
    background-color: rgba(59, 56, 53, 0.7);
    position: absolute;
    top: 0;
    cursor: pointer;
}

    section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span,
    section.product-details > .row .column.swatches-section div.swatch-image .search span,
    section.product-details > .row .swatches-section.columns div.swatch-image .search span {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: 27px;
        height: 27px;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite,
    section.product-details > .row .column.swatches-section div.swatch-image .search,
    section.product-details > .row .swatches-section.columns div.swatch-image .search {
        width: 31px;
        height: 31px;
    }

        section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span,
        section.product-details > .row .column.swatches-section div.swatch-image .search span,
        section.product-details > .row .swatches-section.columns div.swatch-image .search span {
            width: 20px;
            height: 20px;
        }
}

section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite {
    left: 0;
}

    section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span {
        background-image: url(/images/pdp/pdp-heart.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

        section.product-details > .row .column.swatches-section div.swatch-image .favorite span.selected, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span.selected {
            background-image: url(/images/pdp/heart-selected.svg);
        }

section.product-details > .row .column.swatches-section div.swatch-image .search,
section.product-details > .row .swatches-section.columns div.swatch-image .search {
    right: 0;
}

    section.product-details > .row .column.swatches-section div.swatch-image .search span,
    section.product-details > .row .swatches-section.columns div.swatch-image .search span {
        background-image: url(/images/pdp/zoom.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

section.product-details > .row .column.swatches-section h2, section.product-details > .row .swatches-section.columns h2 {
    color: #3b3835;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

section.product-details > .row .column.swatches-section h5, section.product-details > .row .swatches-section.columns h5 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #3b3835;
    margin-top: 5px;
    margin-bottom: 10px;
}

section.product-details > .row .column.swatches-section div.fav, section.product-details > .row .swatches-section.columns div.fav {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 15px auto 20px;
    background-image: url(/images/pdp/heart.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    section.product-details > .row .column.swatches-section div.fav.selected, section.product-details > .row .swatches-section.columns div.fav.selected {
        background-image: url(/images/pdp/heart-selected.svg);
    }

section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
    margin-top: 25px;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
}

    section.product-details > .row .column.swatches-section div.buttons button, section.product-details > .row .swatches-section.columns div.buttons button, section.product-details > .row .column.swatches-section div.buttons a, section.product-details > .row .swatches-section.columns div.buttons a {
        text-transform: uppercase;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        text-decoration: none;
        padding: 20px;
    }

    section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples {
        position: relative;
        margin: 0;
        margin-right: 20px;
        font-size: 14px;
        font-weight: 700;
    }

    section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
        margin: 0;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples, section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            margin-bottom: 10px;
            padding: 10px 20px;
        }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples {
            line-height: 27px;
            border-radius: 0;
            background: #a3a09d !important;
            margin: 0 0 10px;
        }
}

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
        -ms-flex-pack: center;
        justify-content: center;
    }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples, section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
            -ms-flex: 0 0 250px;
            flex: 0 0 250px;
        }
}

section.product-details > .row .column.swatches-section .count, section.product-details > .row .swatches-section.columns .count {
    margin: 20px auto 0;
    text-align: center;
}

    section.product-details > .row .column.swatches-section .count span, section.product-details > .row .swatches-section.columns .count span {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

section.product-details > .row .column.swatches-section .slider-container, section.product-details > .row .swatches-section.columns .slider-container {
    margin-top: 30px;
    padding-bottom: 60px;
}

    section.product-details > .row .column.swatches-section .slider-container h3, section.product-details > .row .swatches-section.columns .slider-container h3 {
        font-size: 16px;
        color: #3b3835;
        text-align: center;
    }

    section.product-details > .row .column.swatches-section .slider-container.rugs, section.product-details > .row .swatches-section.columns .slider-container.rugs {
        margin-top: 10px;
        padding-bottom: 20px;
        border-bottom: solid 1px #a3a09d;
    }

        section.product-details > .row .column.swatches-section .slider-container.rugs .slick-carousel, section.product-details > .row .swatches-section.columns .slider-container.rugs .slick-carousel {
            margin-top: 0;
        }

            section.product-details > .row .column.swatches-section .slider-container.rugs .slick-carousel .slick-slide > div, section.product-details > .row .swatches-section.columns .slider-container.rugs .slick-carousel .slick-slide > div {
                text-align: center;
            }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        max-width: 800px;
        margin: 30px auto 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.tablet, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.tablet {
            display: none;
        }

@media (min-width: 768px) and (max-width: 979px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        width: 85%;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.desktop, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.desktop {
            display: none;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.tablet, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.tablet {
            display: block;
        }
}

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        max-width: 430px;
        width: 75%;
    }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item > div, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item > div {
    overflow: hidden;
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a {
    width: 20%;
    margin: 0 2.5%;
    border: none;
    float: left;
    text-decoration: none;
    text-align: center;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a img, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a img {
        border: 1px solid transparent;
        margin-bottom: -2px;
        padding: 4px;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a:hover img, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a:hover img,
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a.current-color img,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a.current-color img {
        padding: 4px;
        border: 1px solid #eeede9;
        transition: all 250ms;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a span {
        font-size: 11px;
        text-decoration: none;
        color: #3b3835;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a {
        display: block;
        width: 95px;
        margin: 0;
        border: none;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a:hover, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a:hover {
            border: none;
            transition: none;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a span {
            display: none;
        }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav {
    position: absolute;
    margin-top: 0;
    width: 100%;
    bottom: -25px;
    z-index: 1;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev,
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background: transparent;
        font-family: icomoon;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 12px;
        margin: 0;
        padding: 10px 15px;
        -o-transition: .2s ease-out, .3s ease-in;
        -ms-transition: .2s ease-out, .3s ease-in;
        -moz-transition: .2s ease-out, .3s ease-in;
        -webkit-transition: .2s ease-out, .3s ease-in;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:hover:not(.disabled), section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:hover:not(.disabled),
        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:hover:not(.disabled),
        section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:hover:not(.disabled) {
            background: rgba(163, 160, 157, 0.2) !important;
            border-radius: 0 !important;
        }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:after {
            content: '\e604';
            color: #a3a09d;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:hover:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:hover:after {
            content: '\e604';
            color: #fff !important;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev.disabled, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev.disabled {
            display: none;
        }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:after {
            content: '\e605';
            color: #a3a09d;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:hover:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:hover:after {
            content: '\e605';
            color: #fff !important;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next.disabled, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next.disabled {
            display: none;
        }

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav {
        display: none;
    }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px;
    width: 100%;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots .owl-dot span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots .owl-dot span {
        margin: 5px 3px;
        background: #d8d8d8;
        border: solid 1px #d2d0cc;
        width: 8px;
        height: 8px;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots .owl-dot.active span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots .owl-dot.active span {
        background: transparent;
    }

@media (max-width: 560px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots {
        bottom: -35px;
    }
}

section.product-details > .row .column.swatches-section .slider-container a.view-all, section.product-details > .row .swatches-section.columns .slider-container a.view-all {
    display: block;
    margin-top: 50px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

section.product-details > .row .column.main-info, section.product-details > .row .main-info.columns {
    -ms-flex: 0 0 565px;
    flex: 0 0 565px;
    padding-left: 25px;
    padding-top: 23px;
}

    section.product-details > .row .column.main-info h2, section.product-details > .row .main-info.columns h2 {
        font-size: 43px;
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        text-transform: uppercase;
        color: #3b3835;
        margin-bottom: 10px;
    }

    section.product-details > .row .column.main-info h3, section.product-details > .row .main-info.columns h3 {
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: .5px;
        color: #3b3835;
        text-transform: uppercase;
    }

    section.product-details > .row .column.main-info .icons, section.product-details > .row .main-info.columns .icons {
        margin: 15px 0 30px;
    }

        section.product-details > .row .column.main-info .icons a, section.product-details > .row .main-info.columns .icons a {
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
            width: 31px;
            height: 31px;
            margin: 0 5px;
        }

            section.product-details > .row .column.main-info .icons a.email, section.product-details > .row .main-info.columns .icons a.email {
                background-image: url(/images/pdp/mail.svg);
            }

            section.product-details > .row .column.main-info .icons a.facebook, section.product-details > .row .main-info.columns .icons a.facebook {
                background-image: url(/images/pdp/facebook.svg);
            }

            section.product-details > .row .column.main-info .icons a.pinterest, section.product-details > .row .main-info.columns .icons a.pinterest {
                background-image: url(/images/pdp/pinterest.svg);
            }

    section.product-details > .row .column.main-info .specifications-section, section.product-details > .row .main-info.columns .specifications-section {
        margin-top: 30px;
    }

@media (max-width: 768px) {
    section.product-details > .row .column.main-info .specifications-section, section.product-details > .row .main-info.columns .specifications-section {
        margin-top: 15px;
    }
}

section.product-details > .row .column.main-info .specifications-section .tabs, section.product-details > .row .main-info.columns .specifications-section .tabs {
    background-color: transparent;
    padding: 0;
    -ms-flex-pack: left;
    justify-content: left;
}

    section.product-details > .row .column.main-info .specifications-section .tabs .tab, section.product-details > .row .main-info.columns .specifications-section .tabs .tab {
        min-height: 44px;
        padding: 0;
        border-color: #d4c9c2;
        text-transform: none;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    section.product-details > .row .column.main-info .specifications-section .tabs .tab, section.product-details > .row .main-info.columns .specifications-section .tabs .tab {
        height: 40px;
    }
}

section.product-details > .row .column.main-info .specifications-section .tabs .tab.active, section.product-details > .row .main-info.columns .specifications-section .tabs .tab.active {
    border: 1px solid #d4c9c2;
    background-color: #d4c9c2;
}

section.product-details > .row .column.main-info .specifications-section .tabs .tab:first-child::before, section.product-details > .row .main-info.columns .specifications-section .tabs .tab:first-child::before, section.product-details > .row .column.main-info .specifications-section .tabs .tab:last-child::before, section.product-details > .row .main-info.columns .specifications-section .tabs .tab:last-child::before {
    content: none;
}

section.product-details > .row .column.main-info .specifications-section .tabs-content, section.product-details > .row .main-info.columns .specifications-section .tabs-content {
    background-color: transparent;
}

    section.product-details > .row .column.main-info .specifications-section .tabs-content .tab, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab {
        border-bottom: 2px solid #faf8f4;
        background-color: #d4c9c2;
        color: #ffffff;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tab span, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab span {
            color: #3b3835;
            font-size: 16px;
            font-weight: bold;
            text-transform: initial;
            display: block;
            position: relative;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tab span:after, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab span:after {
                font-weight: normal;
                color: #3b3835;
                content: '+';
                font-size: 28px;
                top: -4px;
                position: absolute;
                right: 9px;
            }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tab.active span:after, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab.active span:after {
            content: '_';
            top: -13px;
            right: 11px;
        }

    section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel {
        padding: 20px;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul {
            list-style-type: none;
            margin: 0;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul li, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul li {
                margin-bottom: 6px;
            }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul > span, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul > span {
                display: block;
                margin-top: 20px;
            }

    section.product-details > .row .column.main-info .specifications-section .tabs-content #description img, section.product-details > .row .main-info.columns .specifications-section .tabs-content #description img {
        width: 30%;
        padding: 25px 0;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content h2, section.product-details > .row .main-info.columns .specifications-section .tabs-content h2 {
        font-size: 24px;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content h3, section.product-details > .row .main-info.columns .specifications-section .tabs-content h3 {
        margin-bottom: 20px;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 15px;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec .key, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec .key {
                -ms-flex: 0 0 170px;
                flex: 0 0 170px;
                font-size: 14px;
                color: #3b3835;
                text-transform: uppercase;
            }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec .val, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec .val {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding-left: 20px;
                color: #3b3835;
                font-size: 14px;
            }

@media (max-width: 979px) {
    section.product-details > .row .column.main-info, section.product-details > .row .main-info.columns {
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        padding-left: 15px;
        padding-right: 15px;
    }

        section.product-details > .row .column.main-info h2, section.product-details > .row .main-info.columns h2 {
            font-size: 30px;
        }
}

section.product-details .sizes-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin: 20px -7px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 979px) {
    section.product-details .sizes-container {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

section.product-details .sizes-container .size {
    margin-bottom: 20px;
    width: 100%;
}

    section.product-details .sizes-container .size.size-3 {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    section.product-details .sizes-container .size.size-1 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    }

@media (max-width: 979px) {
    section.product-details .sizes-container .size.size-1 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

section.product-details .sizes-container .size .category {
    display: block;
    text-align: center;
}

    section.product-details .sizes-container .size .category img {
        width: auto;
        margin-bottom: 5px;
        height: 30px;
    }

    section.product-details .sizes-container .size .category span {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: block;
    }

section.product-details .sizes-container .size .vals {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (max-width: 979px) {
    section.product-details .sizes-container .size .vals {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

section.product-details .sizes-container .size .vals .val {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 120px;
    border: solid 1px #323232;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 7px 10px;
    cursor: pointer;
}

    section.product-details .sizes-container .size .vals .val.selected {
        background: #c4c3c2;
    }

section.product-details.mobile {
    display: none;
}

@media (max-width: 767px) {
    section.product-details.mobile {
        display: block;
    }
}

section.product-details.mobile > .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.product-details.mobile .product-description {
    padding: 12px;
}

    section.product-details.mobile .product-description h2 {
        font-size: 25px;
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        text-transform: uppercase;
    }

    section.product-details.mobile .product-description .description {
        font-size: 12px;
        line-height: 1.4;
    }

section.product-details.mobile .room-header {
    position: relative;
}

    section.product-details.mobile .room-header .button {
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 22px;
        width: 250px;
        bottom: auto;
        margin: 0;
    }

section.product-details.mobile .slider-container {
    text-align: center;
}

    section.product-details.mobile .slider-container h2 {
        font-size: 19px;
        font-weight: bold;
        margin-top: -10px;
    }

    section.product-details.mobile .slider-container .view-all {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    section.product-details.mobile .slider-container .slick-slider {
        background: transparent;
        margin-top: -75px;
    }

        section.product-details.mobile .slider-container .slick-slider .slick-list .slick-track {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 40px 0;
        }

        section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide > div {
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

@media (min-width: 768px) and (max-width: 979px) {
    section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) {
        max-width: 80px;
    }
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) img {
    height: 150px;
}

@media (max-width: 767px) {
    section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item {
        border-left: none;
        border-right: none;
    }
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item .favorite {
    left: 0;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item .search {
    right: 0;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide.slick-current {
    width: 150px !important;
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1;
    transition: all .3s;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide.slick-cloned.slick-center:not(.slick-active) {
    height: 150px;
}

section.product-details.mobile .slider-container .slick-slider .item {
    border: solid 5px #faf8f4;
    position: relative;
}

    section.product-details.mobile .slider-container .slick-slider .item a {
        display: block;
        height: 100%;
    }

    section.product-details.mobile .slider-container .slick-slider .item .favorite,
    section.product-details.mobile .slider-container .slick-slider .item .search {
        display: block;
        width: 25px;
        height: 25px;
        background-color: rgba(59, 56, 53, 0.7);
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 1;
    }

        section.product-details.mobile .slider-container .slick-slider .item .favorite span,
        section.product-details.mobile .slider-container .slick-slider .item .search span {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            width: 15px;
            height: 15px;
        }

    section.product-details.mobile .slider-container .slick-slider .item .favorite {
        left: 0;
    }

        section.product-details.mobile .slider-container .slick-slider .item .favorite span {
            background-image: url(/images/pdp/pdp-heart.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

            section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon {
                margin-top: 0;
            }

                section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.active, section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.filled, section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.selected {
                    background-image: url(/images/pdp/heart-selected.svg);
                }

    section.product-details.mobile .slider-container .slick-slider .item .search {
        right: 0;
    }

        section.product-details.mobile .slider-container .slick-slider .item .search span {
            background-image: url(/images/pdp/zoom.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

section.product-details.mobile .slider-container .slick-slider .slick-prev,
section.product-details.mobile .slider-container .slick-slider .slick-next {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    height: 30px;
    width: 20px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
}

    section.product-details.mobile .slider-container .slick-slider .slick-prev:before,
    section.product-details.mobile .slider-container .slick-slider .slick-next:before {
        display: none;
    }

    section.product-details.mobile .slider-container .slick-slider .slick-prev:after,
    section.product-details.mobile .slider-container .slick-slider .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
    }

    section.product-details.mobile .slider-container .slick-slider .slick-prev.slick-disabled,
    section.product-details.mobile .slider-container .slick-slider .slick-next.slick-disabled {
        display: none !important;
    }

section.product-details.mobile .slider-container .slick-slider .slick-prev {
    left: 10px;
    background-image: url(/images/pdp/left-white-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

section.product-details.mobile .slider-container .slick-slider .slick-next {
    right: 10px;
    background-image: url(/images/pdp/right-white-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

section.product-details.mobile .column.swatches-section, section.product-details.mobile .swatches-section.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: initial;
    text-align: center;
}

    section.product-details.mobile .column.swatches-section h2, section.product-details.mobile .swatches-section.columns h2 {
        font-weight: 400;
        margin: 15px 0 10px;
    }

    section.product-details.mobile .column.swatches-section .view-all, section.product-details.mobile .swatches-section.columns .view-all {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    section.product-details.mobile .column.swatches-section .buttons, section.product-details.mobile .swatches-section.columns .buttons {
        text-align: center;
        margin-top: 30px;
    }

        section.product-details.mobile .column.swatches-section .buttons button, section.product-details.mobile .swatches-section.columns .buttons button, section.product-details.mobile .column.swatches-section .buttons a, section.product-details.mobile .swatches-section.columns .buttons a {
            margin: 0 0 10px;
            padding: 10px 15px;
            -ms-flex: 0 0 250px;
            flex: 0 0 250px;
        }

            section.product-details.mobile .column.swatches-section .buttons button.add-sample, section.product-details.mobile .swatches-section.columns .buttons button.add-sample, section.product-details.mobile .column.swatches-section .buttons a.add-sample, section.product-details.mobile .swatches-section.columns .buttons a.add-sample {
                background: #f3f3f3;
            }

section.product-details.mobile .column.main-info, section.product-details.mobile .main-info.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: initial;
    padding: 0;
}

    section.product-details.mobile .column.main-info .specifications-section .tabs-content .specifications-table .spec .key, section.product-details.mobile .main-info.columns .specifications-section .tabs-content .specifications-table .spec .key {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    section.product-details.mobile .column.main-info .specifications-section .tab, section.product-details.mobile .main-info.columns .specifications-section .tab {
        border-bottom: 2px solid white;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }

        section.product-details.mobile .column.main-info .specifications-section .tab span, section.product-details.mobile .main-info.columns .specifications-section .tab span {
            color: white;
            text-transform: initial;
            display: block;
            position: relative;
        }

            section.product-details.mobile .column.main-info .specifications-section .tab span:after, section.product-details.mobile .main-info.columns .specifications-section .tab span:after {
                color: #ffffff;
                content: '+';
                font-size: 28px;
                top: -4px;
                position: absolute;
                right: 0;
            }

        section.product-details.mobile .column.main-info .specifications-section .tab.active span:after, section.product-details.mobile .main-info.columns .specifications-section .tab.active span:after {
            content: '_';
            top: -13px;
            right: 1px;
        }

    section.product-details.mobile .column.main-info .specifications-section .tabs-content .tabs-panel, section.product-details.mobile .main-info.columns .specifications-section .tabs-content .tabs-panel {
        padding: 20px;
    }

#desktopZoom .slick-carousel {
    margin-top: 20px;
}

    #desktopZoom .slick-carousel .item {
        width: 105px;
    }

        #desktopZoom .slick-carousel .item > div {
            overflow: hidden;
        }

        #desktopZoom .slick-carousel .item a {
            width: 105px;
            margin: 0 auto;
            border: none;
            float: none;
            display: block;
            text-decoration: none;
            text-align: center;
        }

            #desktopZoom .slick-carousel .item a img {
                border: 1px solid transparent;
                margin-bottom: -2px;
                padding: 4px;
            }

            #desktopZoom .slick-carousel .item a:hover img,
            #desktopZoom .slick-carousel .item a.current-color img {
                padding: 4px;
                border: 1px solid #eeede9;
                transition: all 250ms;
            }

            #desktopZoom .slick-carousel .item a span {
                font-size: 11px;
                text-decoration: none;
                color: #3b3835;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                max-width: 100%;
                display: inline-block;
            }

@media (max-width: 768px) {
    #desktopZoom .slick-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

#desktopZoom .slick-carousel .slick-prev,
#desktopZoom .slick-carousel .slick-next {
    position: absolute;
    bottom: 0;
    color: transparent;
    width: 30px;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
    font-weight: bold;
}

    #desktopZoom .slick-carousel .slick-prev:after,
    #desktopZoom .slick-carousel .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        color: #a3a09d;
    }

#desktopZoom .slick-carousel .slick-prev {
    left: 50%;
    margin-left: -70px;
}

    #desktopZoom .slick-carousel .slick-prev:after {
        content: '\e604';
    }

@media (max-width: 560px) {
    #desktopZoom .slick-carousel .slick-prev {
        left: 10px;
        margin: 0;
    }
}

#desktopZoom .slick-carousel .slick-next {
    right: 50%;
    margin-right: -70px;
}

    #desktopZoom .slick-carousel .slick-next:after {
        content: '\e605';
    }

@media (max-width: 560px) {
    #desktopZoom .slick-carousel .slick-next {
        right: 10px;
        margin: 0;
    }
}

#desktopZoom .slick-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    display: inline-block;
    text-align: center;
}

    #desktopZoom .slick-carousel .slick-dots li {
        display: inline-block;
        margin: 0;
    }

        #desktopZoom .slick-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: #a3a09d;
            border: 1px solid #a3a09d;
            width: 12px;
            height: 12px;
        }

            #desktopZoom .slick-carousel .slick-dots li button:before {
                content: '';
            }

        #desktopZoom .slick-carousel .slick-dots li.slick-active button {
            background: transparent;
        }

#desktopZoom > .container {
    background: white;
    padding: 40px;
    margin: 80px auto;
}

#desktopZoom h2 {
    color: #3b3835;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
}

#desktopZoom .image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 500px;
    position: relative;
    transition: background-image .1s linear;
    background-position: center;
}

    #desktopZoom .image-container ul {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 25px;
        padding: 8px;
        background: #faf8f4;
    }

        #desktopZoom .image-container ul li {
            display: block;
            float: left;
            width: 70px;
            height: 70px;
            border: 3px solid transparent;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
        }

            #desktopZoom .image-container ul li.selected {
                border: 3px solid #f3f3f3;
            }

#desktopZoom .bottom {
    width: 100%;
}

    #desktopZoom .bottom .info {
        position: relative;
    }

    #desktopZoom .bottom h2 {
        text-align: center;
        font-size: 25px;
        margin: 25px 0;
        padding-left: 16px;
    }

    #desktopZoom .bottom .utilities-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 10px;
    }

        #desktopZoom .bottom .utilities-container .divider {
            vertical-align: super;
            color: #a3a09d;
            font-size: 14px;
        }

        #desktopZoom .bottom .utilities-container a {
            text-decoration: none;
            display: inline-block;
        }

        #desktopZoom .bottom .utilities-container.invisible {
            display: none;
        }

        #desktopZoom .bottom .utilities-container span.shopping-bag-icon, #desktopZoom .bottom .utilities-container span.heart-icon {
            background-size: 100% 100%;
        }

    #desktopZoom .bottom .slick-carousel {
        margin: 0 60px;
    }

        #desktopZoom .bottom .slick-carousel .slick-prev,
        #desktopZoom .bottom .slick-carousel .slick-next {
            top: 50px;
            position: absolute;
            color: transparent;
            width: 30px;
            height: 50px;
            font-size: 13px;
            z-index: 1;
            font-weight: normal;
        }

        #desktopZoom .bottom .slick-carousel .slick-prev {
            left: 0;
            margin-left: -60px;
        }

        #desktopZoom .bottom .slick-carousel .slick-next {
            right: 0;
            margin-right: -60px;
        }

#mobileZoom > .container,
#mobileRoomScenes > .container {
    padding: 40px;
}

@media (max-width: 768px) {
    #mobileZoom > .container,
    #mobileRoomScenes > .container {
        padding: 20px;
    }
}

#mobileZoom h2,
#mobileRoomScenes h2 {
    font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
    color: #3b3835;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: uppercase;
    padding: 0 20px;
}

#mobileZoom .close-button,
#mobileRoomScenes .close-button {
    font-size: 45px;
}

#mobileZoom .image-container,
#mobileRoomScenes .image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
}

    #mobileZoom .image-container ul,
    #mobileRoomScenes .image-container ul {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 25px;
    }

        #mobileZoom .image-container ul li,
        #mobileRoomScenes .image-container ul li {
            display: block;
            float: left;
            width: 70px;
            height: 70px;
            border: 3px solid transparent;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
        }

            #mobileZoom .image-container ul li.selected,
            #mobileRoomScenes .image-container ul li.selected {
                border: 3px solid #f3f3f3;
            }

#mobileZoom .bottom,
#mobileRoomScenes .bottom {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

    #mobileZoom .bottom h2,
    #mobileRoomScenes .bottom h2 {
        font-size: 19px;
        font-weight: 600;
        margin: 5px 0;
        padding-left: 16px;
        font-family: "Open-Sans", sans-serif;
    }

    #mobileZoom .bottom .utilities-container,
    #mobileRoomScenes .bottom .utilities-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: absolute;
        top: 0px;
        right: 10px;
    }

        #mobileZoom .bottom .utilities-container .divider,
        #mobileRoomScenes .bottom .utilities-container .divider {
            color: #a3a09d;
            font-size: 14px;
        }

        #mobileZoom .bottom .utilities-container a,
        #mobileRoomScenes .bottom .utilities-container a {
            text-decoration: none;
            display: inline-block;
        }

        #mobileZoom .bottom .utilities-container.invisible,
        #mobileRoomScenes .bottom .utilities-container.invisible {
            display: none;
        }

    #mobileZoom .bottom owl-carousel,
    #mobileRoomScenes .bottom owl-carousel {
        background: transparent;
        height: 155px;
    }

        #mobileZoom .bottom owl-carousel .owl-stage-outer .owl-stage,
        #mobileRoomScenes .bottom owl-carousel .owl-stage-outer .owl-stage {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

        #mobileZoom .bottom owl-carousel .item,
        #mobileRoomScenes .bottom owl-carousel .item {
            width: 155px;
            border: solid 5px #faf8f4;
        }

            #mobileZoom .bottom owl-carousel .item a,
            #mobileRoomScenes .bottom owl-carousel .item a {
                display: block;
                height: 100%;
            }

        #mobileZoom .bottom owl-carousel .owl-nav,
        #mobileRoomScenes .bottom owl-carousel .owl-nav {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            width: 100%;
            margin: 0;
        }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-prev,
            #mobileZoom .bottom owl-carousel .owl-nav .owl-next,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                height: 145px;
                width: 30px;
                background-color: rgba(0, 0, 0, 0.4);
                margin: 0;
                padding: 0;
                border-radius: 0;
                font-family: icomoon;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                font-size: 12px;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileZoom .bottom owl-carousel .owl-nav .owl-next:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next:after {
                    position: relative;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    position: absolute;
                }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-prev,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev {
                left: 0;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev:after {
                    content: '\e604';
                    color: white;
                }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-next,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next {
                right: 0;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-next:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next:after {
                    content: '\e605';
                    color: white;
                }

#mobileZoom .swipe-message,
#mobileRoomScenes .swipe-message {
    font-size: 13px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.4);
    height: 45px;
    position: relative;
    left: 0;
    right: 0;
    display: block;
    z-index: 10;
    text-align: center;
    line-height: 45px;
}

    #mobileZoom .swipe-message:before, #mobileZoom .swipe-message:after,
    #mobileRoomScenes .swipe-message:before,
    #mobileRoomScenes .swipe-message:after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 45px;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    #mobileZoom .swipe-message:before,
    #mobileRoomScenes .swipe-message:before {
        background-image: url(/images/pdp/left-arrow.svg);
        left: 20px;
    }

    #mobileZoom .swipe-message:after,
    #mobileRoomScenes .swipe-message:after {
        background-image: url(/images/pdp/right-arrow.svg);
        right: 20px;
    }

#mobileZoom .image-container,
#mobileRoomScenes .image-container {
    top: auto;
}

    #mobileZoom .image-container .item,
    #mobileRoomScenes .image-container .item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 470px;
    }

    #mobileZoom .image-container .owl-nav,
    #mobileRoomScenes .image-container .owl-nav {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 100%;
        margin: 0;
    }

        #mobileZoom .image-container .owl-nav .owl-prev,
        #mobileZoom .image-container .owl-nav .owl-next,
        #mobileRoomScenes .image-container .owl-nav .owl-prev,
        #mobileRoomScenes .image-container .owl-nav .owl-next {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            height: 90px;
            width: 30px;
            background-color: rgba(0, 0, 0, 0.4);
            margin: 0;
            padding: 0;
            border-radius: 0;
            font-family: icomoon;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: 12px;
        }

            #mobileZoom .image-container .owl-nav .owl-prev:after,
            #mobileZoom .image-container .owl-nav .owl-next:after,
            #mobileRoomScenes .image-container .owl-nav .owl-prev:after,
            #mobileRoomScenes .image-container .owl-nav .owl-next:after {
                position: relative;
                left: 50%;
                top: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: absolute;
            }

        #mobileZoom .image-container .owl-nav .owl-prev,
        #mobileRoomScenes .image-container .owl-nav .owl-prev {
            left: 0;
        }

            #mobileZoom .image-container .owl-nav .owl-prev:after,
            #mobileRoomScenes .image-container .owl-nav .owl-prev:after {
                content: '\e604';
                color: white;
            }

        #mobileZoom .image-container .owl-nav .owl-next,
        #mobileRoomScenes .image-container .owl-nav .owl-next {
            right: 0;
        }

            #mobileZoom .image-container .owl-nav .owl-next:after,
            #mobileRoomScenes .image-container .owl-nav .owl-next:after {
                content: '\e605';
                color: white;
            }

#mobileZoom {
    background: #faf8f4;
    padding-left: 0;
    padding-right: 0;
}

    #mobileZoom .image-container {
        position: relative;
        left: auto;
        right: auto;
    }

    #mobileZoom .colors-carousel {
        margin-top: 15px;
        padding: 0 10px;
    }

        #mobileZoom .colors-carousel .slick-prev,
        #mobileZoom .colors-carousel .slick-next {
            display: inline-block !important;
        }

        #mobileZoom .colors-carousel .slick-prev {
            left: 15px;
        }

        #mobileZoom .colors-carousel .slick-next {
            right: 15px;
        }

        #mobileZoom .colors-carousel .item a {
            width: auto;
        }

        #mobileZoom .colors-carousel .slick-dots li {
            margin: 0;
        }

#mobileRoomScenes .image-container .owl-item, #mobileRoomScenes .image-container .owl-stage, #mobileRoomScenes .image-container .owl-stage-outer {
    height: 100%;
}

#allSwatches {
    padding-top: 40px;
}

    #allSwatches > .container {
        padding: 40px;
    }

@media (max-width: 768px) {
    #allSwatches .close-button {
        right: 20px;
    }
}

#allSwatches h2 {
    color: #3b3835;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

#allSwatches h3 {
    font-size: 25px;
    font-weight: bold;
    color: #3b3835;
    margin-bottom: 30px;
}

#allSwatches .slick-carousel .item {
    width: 90px;
}

    #allSwatches .slick-carousel .item > div {
        overflow: hidden;
    }

    #allSwatches .slick-carousel .item a {
        width: 90px;
        margin: 0 auto;
        border: none;
        float: none;
        display: block;
        text-decoration: none;
        text-align: center;
    }

        #allSwatches .slick-carousel .item a img {
            border: 1px solid transparent;
            margin-bottom: -2px;
            padding: 4px;
        }

        #allSwatches .slick-carousel .item a:hover img,
        #allSwatches .slick-carousel .item a.current-color img {
            padding: 4px;
            border: 1px solid #979797;
            transition: all 250ms;
        }

        #allSwatches .slick-carousel .item a span {
            font-size: 11px;
            text-decoration: none;
            color: #3b3835;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            max-width: 100%;
            display: inline-block;
        }

@media (max-width: 768px) {
    #allSwatches .slick-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

#allSwatches .slick-carousel .slick-prev,
#allSwatches .slick-carousel .slick-next {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: transparent;
    height: 90px;
    width: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
}

    #allSwatches .slick-carousel .slick-prev:after,
    #allSwatches .slick-carousel .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
    }

#allSwatches .slick-carousel .slick-prev {
    left: 0;
}

    #allSwatches .slick-carousel .slick-prev:after {
        content: '\e604';
        color: white;
    }

#allSwatches .slick-carousel .slick-next {
    right: 0;
}

    #allSwatches .slick-carousel .slick-next:after {
        content: '\e605';
        color: white;
    }

#allSwatches .slick-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    width: 100%;
    text-align: center;
    margin: 0;
}

    #allSwatches .slick-carousel .slick-dots li {
        display: inline-block;
    }

        #allSwatches .slick-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: transparent;
            border: solid 1px #d2d0cc;
            width: 8px;
            height: 8px;
            padding: 6px;
        }

            #allSwatches .slick-carousel .slick-dots li button::before {
                content: none;
            }

        #allSwatches .slick-carousel .slick-dots li.slick-active button {
            background: #d8d8d8;
        }

#desktopZoom {
    z-index: 9999;
}

#allSwatches {
    z-index: 9999;
}

.colors-carousel {
    max-width: 800px;
    margin: 30px auto 0;
    display: none;
}

    .colors-carousel.slick-initialized {
        display: block;
    }

    .colors-carousel .item {
        width: 90px;
    }

        .colors-carousel .item > div {
            overflow: hidden;
        }

        .colors-carousel .item.selected a img {
            border: solid 1px #979797;
        }

        .colors-carousel .item a {
            width: 90px;
            margin: 0 auto;
            border: none;
            float: none;
            display: block;
            text-decoration: none;
            text-align: center;
        }

            .colors-carousel .item a img {
                border: 1px solid transparent;
                margin-bottom: -2px;
                padding: 4px;
            }

            .colors-carousel .item a:hover img,
            .colors-carousel .item a.current-color img {
                padding: 4px;
                border: 1px solid #eeede9;
                transition: all 250ms;
            }

            .colors-carousel .item a span {
                font-size: 11px;
                text-decoration: none;
                color: #3b3835;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                max-width: 100%;
                display: inline-block;
            }

@media (max-width: 768px) {
    .colors-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

.colors-carousel .slick-prev,
.colors-carousel .slick-next {
    position: absolute;
    bottom: -60px;
    top: auto;
    z-index: 1;
    background: transparent;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    width: 17px;
    height: 27px;
    color: transparent;
    -o-transition: .2s ease-out, .3s ease-in;
    -ms-transition: .2s ease-out, .3s ease-in;
    -moz-transition: .2s ease-out, .3s ease-in;
    -webkit-transition: .2s ease-out, .3s ease-in;
}

    .colors-carousel .slick-prev:hover:not(.disabled),
    .colors-carousel .slick-next:hover:not(.disabled) {
        background: rgba(163, 160, 157, 0.2) !important;
        border-radius: 0 !important;
    }

@media (max-width: 979px) {
    .colors-carousel .slick-prev,
    .colors-carousel .slick-next {
        display: none !important;
    }
}

.colors-carousel .slick-prev:after,
.colors-carousel .slick-next:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 22px;
}

.colors-carousel .slick-prev::before,
.colors-carousel .slick-next::before {
    content: none;
}

.colors-carousel .slick-prev {
    position: absolute;
    left: 0;
}

    .colors-carousel .slick-prev:after {
        content: '';
        background-image: url(/images/pdp/left-arrow.svg);
        background-repeat: no-repeat;
        color: #a3a09d;
    }

    .colors-carousel .slick-prev:hover:after {
        content: '';
        color: #fff !important;
    }

    .colors-carousel .slick-prev.disabled {
        display: none;
    }

.colors-carousel .slick-next {
    position: absolute;
    right: 0;
}

    .colors-carousel .slick-next:after {
        content: '';
        background-image: url(/images/pdp/right-arrow.svg);
        background-repeat: no-repeat;
        color: #a3a09d;
    }

    .colors-carousel .slick-next:hover:after {
        content: '';
        color: #fff !important;
    }

    .colors-carousel .slick-next.disabled {
        display: none;
    }

.colors-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
    margin: 0;
}

    .colors-carousel .slick-dots li {
        display: inline-block;
    }

        .colors-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: transparent;
            border: solid 1px #979797;
            width: 8px;
            height: 8px;
            padding: 6px;
        }

            .colors-carousel .slick-dots li button::before {
                content: none;
            }

        .colors-carousel .slick-dots li.slick-active button {
            background: #979797;
        }

@media (device-width: 375px) and (device-height: 812px) {
    #mobileZoom .owl-item .item {
        max-height: 270px;
    }
}

@media (device-width: 414px) and (device-height: 896px) {
    #mobileZoom .owl-item .item {
        max-height: 340px;
    }
}

.tabulator .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    border: none;
}

    .tabulator .tabs .tab {
        font-size: 16px;
        text-align: center;
        color: #3b3835;
        text-decoration: none;
        padding: 30px;
        text-transform: uppercase;
        min-height: 94px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #f3f3f3;
        border-right: none;
        position: relative;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        .tabulator .tabs .tab:first-child::before {
            content: '';
            display: block;
            width: 30px;
            height: 1px;
            border-top: solid 1px #f3f3f3;
            position: absolute;
            bottom: -1px;
            left: -30px;
        }

        .tabulator .tabs .tab:first-child.active::before {
            bottom: 0px;
        }

        .tabulator .tabs .tab:last-child {
            border-right: 1px solid #f3f3f3;
        }

            .tabulator .tabs .tab:last-child::before {
                content: '';
                display: block;
                width: 30px;
                height: 1px;
                border-top: solid 1px #f3f3f3;
                position: absolute;
                bottom: -1px;
                right: -30px;
            }

            .tabulator .tabs .tab:last-child.active::before {
                bottom: 0px;
            }

        .tabulator .tabs .tab.active {
            color: #3b3835;
            font-weight: bold;
            border-top: solid 2px #3b3835;
            border-bottom: none;
        }

            .tabulator .tabs .tab.active::after {
                border-bottom: 10px solid #3b3835;
            }

@media screen and (max-width: 64em) {
    .tabulator .tabs {
        display: none;
    }
}

.tabulator .tabs-content {
    width: 100%;
    border: none;
}

    .tabulator .tabs-content .tab {
        width: 100%;
        border-bottom: 2px solid #3b3835;
        font-family: "Open-Sans", sans-serif;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #3b3835;
        padding: 15px 0;
        display: block;
        background-image: url(/images/header/mobile-open.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: 95%;
        background-color: #f3f3f3;
    }

@media screen and (min-width: 64.0625em) {
    .tabulator .tabs-content .tab {
        display: none;
    }
}

.tabulator .tabs-content .tab.active {
    background-image: url(/images/header/mobile-close.svg);
}

.tabulator .tabs-content .tabs-panel {
    display: none;
    width: 100%;
    padding: 20px 44px 24px;
}

    .tabulator .tabs-content .tabs-panel .tables-2-col {
        display: -ms-flexbox;
        display: flex;
    }

        .tabulator .tabs-content .tabs-panel .tables-2-col .specifications-table {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .tabulator .tabs-content .tabs-panel .tables-2-col .specifications-table .spec {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
            }

    .tabulator .tabs-content .tabs-panel .divide {
        float: left;
        width: 100%;
        height: 2px;
        background: #f3f3f3;
    }

    .tabulator .tabs-content .tabs-panel .topbar {
        border-bottom: solid 2px #f3f3f3;
        padding-bottom: 16px;
        float: left;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .tabulator .tabs-content .tabs-panel .topbar a {
            float: left;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0.3px;
            text-align: center;
            color: #888888;
            line-height: 40px;
            text-transform: uppercase;
        }

            .tabulator .tabs-content .tabs-panel .topbar a img {
                margin-right: 15px;
                vertical-align: bottom;
            }

    .tabulator .tabs-content .tabs-panel .pdp-sliders .tabs-content .tabs-panel owl-carousel .owl-stage-outer {
        border-bottom: none;
    }

        .tabulator .tabs-content .tabs-panel .pdp-sliders .tabs-content .tabs-panel owl-carousel .owl-stage-outer .owl-item {
            border: none;
            height: auto;
            padding: 0;
        }

            .tabulator .tabs-content .tabs-panel .pdp-sliders .tabs-content .tabs-panel owl-carousel .owl-stage-outer .owl-item .item {
                width: 45%;
            }

    .tabulator .tabs-content .tabs-panel .text-callout {
        width: 100%;
        padding: 50px 0 20px;
    }

        .tabulator .tabs-content .tabs-panel .text-callout h4 img {
            margin-right: 15px;
            vertical-align: text-top;
        }

            .tabulator .tabs-content .tabs-panel .text-callout h4 img.align-bottom {
                vertical-align: baseline;
            }

    .tabulator .tabs-content .tabs-panel.active {
        display: block;
    }

.featured-product-carousel.slick-dotted.slick-slider {
    margin: 0;
}

.featured-product-wrapper {
    background-image: linear-gradient(#fff9f2, #f8f1e7);
}

.featured-product-container {
    text-align: center;
    padding: 5px 0 25px;
}

@media (min-width: 768px) {
    .featured-product-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 23px 19px 28px 19px;
    }
}

@media (min-width: 1024px) {
    .featured-product-container {
        padding: 30px 30px 35px 0;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1440px) {
    .featured-product-container {
        padding: 49px 0;
        margin: 0 auto;
        max-width: 981px;
    }
}

@media (max-width: 767px) {
    .featured-product-container {
        padding-bottom: 35px;
    }
}

.featured-product-container a {
    text-decoration: none;
}

@media (min-width: 1440px) {
    .featured-product-container .prod-img {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .featured-product-container .prod-img {
        max-width: 75%;
    }

        .featured-product-container .prod-img a img {
            max-width: 100%;
        }
}

@media (max-width: 979px) {
    .featured-product-container .prod-details {
        margin: 0 30px 0 30px;
    }
}

@media (min-width: 1024px) {
    .featured-product-container .prod-details {
        margin: 0 56px;
    }
}

@media (min-width: 1440px) {
    .featured-product-container .prod-details {
        margin: 0 26px;
    }
}

.featured-product-container .featured-product {
    display: block;
    margin: 0 0 30px;
}

@media (min-width: 768px) {
    .featured-product-container .featured-product {
        margin: 0;
    }
}

.featured-product-container .featured-product img {
    margin: 0 auto;
    max-width: 632px;
}

@media (max-width: 767px) {
    .featured-product-container .featured-product img {
        max-width: 100%;
    }
}

.featured-product-container h2 {
    color: #323232;
    font-size: 30px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px;
}

@media (min-width: 1440px) {
    .featured-product-container h2 {
        margin: 0 0 7px;
        font-size: 30px;
        line-height: 33px;
    }
}

@media (max-width: 979px) {
    .featured-product-container h2 {
        font-size: 18px;
        margin: 0 0 5px;
    }
}

.featured-product-container h3 {
    color: #323232;
    font-size: 21px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
}

@media (min-width: 1440px) {
    .featured-product-container h3 {
        font-size: 21px;
        line-height: 24px;
    }
}

@media (max-width: 979px) {
    .featured-product-container h3 {
        font-size: 12.6px;
    }
}

.featured-product-container .heart {
    display: inline-block;
    margin: 12px auto 14px;
    background-image: url(/images/icons/heart-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 28px;
    height: 25px;
}

    .featured-product-container .heart.selected {
        background-image: url(/images/pdp/heart-selected.svg);
    }

@media (min-width: 768px) {
    .featured-product-container .heart {
        margin-bottom: 24px;
    }
}

@media (min-width: 1440px) {
    .featured-product-container .heart {
        margin: 15px auto 35px;
    }
}

.featured-product-container .quote {
    color: #22223b;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    max-width: 297px;
}

@media (min-width: 768px) {
    .featured-product-container .quote {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .featured-product-container .quote {
        padding: 0;
    }
}

.featured-product-container .explore {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.81em;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    margin: 35px auto 0;
}

@media (min-width: 1440px) {
    .featured-product-container .explore {
        margin: 50px auto 23px;
    }
}

.featured-product-container .explore a {
    font-family: "Open-Sans", sans-serif;
}

@media (max-width: 767px) {
    .featured-product-container .carousel-controls {
        margin-top: 0;
    }
}

.featured-product-container .carousel-controls > p {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 1.3px;
    margin: 0;
}

@media (max-width: 767px) {
    .featured-product-container .carousel-controls > p {
        line-height: 16px;
    }
}

.featured-product-container .carousel-controls > p.custom-pagination {
    margin: 0 24px;
}

@media (max-width: 767px) {
    .featured-product-container .carousel-controls > p.custom-pagination {
        margin: 0 10px;
    }
}

@media (min-width: 1440px) {
    .featured-product-container .carousel-controls > p {
        font-size: 15px;
        line-height: 26px;
    }
}

.featured-product-container .carousel-controls .left-arrow a,
.featured-product-container .carousel-controls .right-arrow a {
    background-color: #363636;
    -webkit-mask-image: url("/images/icons/featuredproduct-arrow.svg");
    mask-image: url("/images/icons/featuredproduct-arrow.svg");
    width: 15px;
    height: 26px;
    display: inline-block;
    text-indent: -9999px;
    margin: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .featured-product-container .carousel-controls .left-arrow a,
    .featured-product-container .carousel-controls .right-arrow a {
        background-color: inherit;
        background-image: url("/images/icons/featuredproduct-arrow.svg");
    }
}

@supports (-ms-accelerator: true) {
    .featured-product-container .carousel-controls .left-arrow a,
    .featured-product-container .carousel-controls .right-arrow a {
        background-color: inherit;
        background-image: url("/images/icons/featuredproduct-arrow.svg");
    }
}

@supports (-ms-ime-align: auto) {
    .featured-product-container .carousel-controls .left-arrow a,
    .featured-product-container .carousel-controls .right-arrow a {
        background-color: inherit;
        background-image: url("/images/icons/featuredproduct-arrow.svg");
    }
}

@media (max-width: 767px) {
    .featured-product-container .carousel-controls .left-arrow a,
    .featured-product-container .carousel-controls .right-arrow a {
        width: 9px;
        height: 16px;
        background-size: cover;
        background-image: url(/images/icons/featuredproduct-arrow.svg);
        -webkit-mask-image: inherit;
        background-color: transparent;
    }
}

.featured-product-container .carousel-controls .left-arrow a:hover,
.featured-product-container .carousel-controls .right-arrow a:hover {
    background-color: #6f6d6b;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .featured-product-container .carousel-controls .left-arrow a:hover,
    .featured-product-container .carousel-controls .right-arrow a:hover {
        background-color: inherit;
    }
}

@supports (-ms-accelerator: true) {
    .featured-product-container .carousel-controls .left-arrow a:hover,
    .featured-product-container .carousel-controls .right-arrow a:hover {
        background-color: inherit;
    }
}

@supports (-ms-ime-align: auto) {
    .featured-product-container .carousel-controls .left-arrow a:hover,
    .featured-product-container .carousel-controls .right-arrow a:hover {
        background-color: inherit;
    }
}

@media (min-width: 1440px) {
    .featured-product-container .carousel-controls .left-arrow a,
    .featured-product-container .carousel-controls .right-arrow a {
        margin: 0 20px;
    }
}

.featured-product-container .carousel-controls .right-arrow a {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.richtext-component {
    color: #323232;
    background: #fff9f2;
}

    .richtext-component .container {
        padding: 30px 0 15px;
        margin: 0 auto;
    }

    .richtext-component .title {
        font-size: 28px;
        letter-spacing: 5px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .richtext-component .paragraphs-wrapper p {
        font-size: 16px;
        line-height: 1.81;
        letter-spacing: .5px;
    }

        .richtext-component .paragraphs-wrapper p a {
            font-weight: bold;
        }

    .richtext-component .paragraphs-wrapper table {
        overflow-x: scroll;
        display: block;
    }

        .richtext-component .paragraphs-wrapper table::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 7px;
        }

        .richtext-component .paragraphs-wrapper table::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
        }

    .richtext-component p, .richtext-component ul, .richtext-component ol {
        margin-bottom: 16px;
    }

    .richtext-component ul {
        margin-left: 90px;
    }

@media (max-width: 768px) {
    .richtext-component ul {
        margin-left: 30px;
    }
}

.richtext-component .list-container {
    padding-left: 60px;
}

@media (max-width: 768px) {
    .richtext-component .list-container {
        padding-left: 15px;
    }
}

.richtext-component .list-container ul li {
    text-align: left;
    font-size: 10px;
    margin-bottom: 7px;
}

    .richtext-component .list-container ul li span {
        font-size: 16px;
        vertical-align: middle;
    }

.richtext-component .button-container {
    text-align: center;
    margin-bottom: 24px;
}

    .richtext-component .button-container a {
        padding: 13px 45px;
        font-size: 15px;
        letter-spacing: 2px;
        color: #fff9f2;
        background: #323232;
        border-radius: 0;
        line-height: 18px;
        height: 50px;
        transition: none;
        font-weight: bold;
    }

        .richtext-component .button-container a:hover {
            background-color: rgba(50, 50, 50, 0.58);
        }

@media (max-width: 979px) {
    .richtext-component {
        padding: 0 20px;
    }
}

.blog-landing-featured-post .blog-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 350px;
    height: 300px;
    /* purposely less than the min-height - just a workaround to get align-items and min-height to play nicely together and work properly in IE11 */
    padding: 30px 67px;
}

    .blog-landing-featured-post .blog-container .content {
        background: #fff9f2;
        opacity: .9;
        text-align: center;
        font-size: 0;
        line-height: 0;
        padding: 25px 15px;
        max-width: 800px;
        margin: 0 auto;
    }

        .blog-landing-featured-post .blog-container .content h2 {
            font-family: "Open-Sans", sans-serif;
            font-size: 15px;
            line-height: 20px;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 28px;
        }

        .blog-landing-featured-post .blog-container .content .title {
            font-family: "LibreBaskerville-Regular", LibreBaskerville, "Times New Roman", serif;
            font-size: 15px;
            line-height: 19px;
            font-weight: normal;
            margin: 0;
        }

        .blog-landing-featured-post .blog-container .content .byline {
            color: #22223b;
            font-size: 12px;
            line-height: 29px;
            letter-spacing: 0.5px;
            margin: 0 auto 10px;
        }

        .blog-landing-featured-post .blog-container .content p {
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: .5px;
            margin-bottom: 20px;
        }

        .blog-landing-featured-post .blog-container .content .snippet {
            display: none;
        }

        .blog-landing-featured-post .blog-container .content .more-cta {
            display: inline-block;
            font-size: 12px;
            line-height: 17px;
            letter-spacing: 1.1px;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
        }

            .blog-landing-featured-post .blog-container .content .more-cta:hover {
                opacity: 0.5;
            }

@media (min-width: 768px) {
    .blog-landing-featured-post .blog-container {
        min-height: 540px;
    }

        .blog-landing-featured-post .blog-container .content {
            padding: 19px 60px 33px;
        }

            .blog-landing-featured-post .blog-container .content h2 {
                font-size: 20px;
                line-height: 27px;
                letter-spacing: 5px;
                margin-bottom: 16px;
            }

            .blog-landing-featured-post .blog-container .content .title {
                font-size: 20px;
                line-height: 29px;
                padding: 0 70px;
            }

            .blog-landing-featured-post .blog-container .content .byline {
                font-size: 15px;
                margin: 6px auto 6px;
            }

            .blog-landing-featured-post .blog-container .content .snippet {
                display: block;
                color: #22223b;
                font-size: 16px;
                line-height: 29px;
                letter-spacing: 0.5px;
                margin-bottom: 15px;
            }

            .blog-landing-featured-post .blog-container .content .more-cta {
                font-size: 15px;
                line-height: 20px;
                letter-spacing: 1.3px;
            }
}

@media (min-width: 1024px) {
    .blog-landing-featured-post .blog-container .content {
        padding: 19px 130px 33px;
    }
}

@media (min-width: 1440px) {
    .blog-landing-featured-post .blog-container .content {
        padding: 26px 130px 27px;
    }

        .blog-landing-featured-post .blog-container .content h2 {
            font-size: 25px;
            line-height: 34px;
            margin-bottom: 22px;
        }

        .blog-landing-featured-post .blog-container .content .title {
            font-size: 28px;
            line-height: 35px;
            padding: 0 10px;
        }

        .blog-landing-featured-post .blog-container .content .byline {
            font-size: 16px;
            margin: 10px auto 10px;
        }
}

.blog-landing-articles {
    margin: 0 auto;
    position: relative;
}

    .blog-landing-articles .loading-animation-wrapper {
        height: 78px;
        position: absolute;
        bottom: -78px;
        left: 0;
        right: 0;
    }

    .blog-landing-articles .title {
        font-family: "Open-Sans", sans-serif;
        color: #323232;
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin: 26px auto 0;
        text-align: center;
        padding: 0 20px;
    }

    .blog-landing-articles .txt {
        font-family: "Open-Sans", sans-serif;
        color: #22223b;
        font-size: 16px;
        line-height: 22px;
        margin: 13px auto 0;
        text-align: center;
        padding: 0 20px;
        max-width: 450px;
    }

@media (min-width: 768px) {
    .blog-landing-articles {
        max-width: none;
    }

        .blog-landing-articles .title {
            letter-spacing: 3px;
            font-size: 50px;
            line-height: 50px;
        }

        .blog-landing-articles .txt {
            font-size: 16px;
            line-height: 29px;
            letter-spacing: 0.5px;
        }
}

@media (min-width: 1440px) {
    .blog-landing-articles .title {
        font-size: 50px;
        line-height: 68px;
        letter-spacing: 5px;
    }
}

.blog-article {
    padding: 0 0 33px;
    max-width: 958px;
    margin: 0 auto;
}

@media (max-width: 979px) {
    .blog-article iframe, .blog-article div {
        max-width: 100%;
    }
}

.blog-article .filters {
    padding: 0 33px;
}

.blog-article .wp-specific-content {
    text-align: center;
    margin: 30px auto 0;
    padding: 0 33px;
}

    .blog-article .wp-specific-content .title {
        font-family: "LibreBaskerville-Regular", LibreBaskerville, "Times New Roman", serif;
        font-size: 25px;
        line-height: 35px;
        margin: 0 auto;
    }

    .blog-article .wp-specific-content .byline,
    .blog-article .wp-specific-content .article-date {
        display: inline-block;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.5px;
        font-weight: bold;
    }

.blog-article .wp-featured-image {
    padding: 20px 0 0;
    text-align: center;
}

.blog-article .wp-raw-content {
    padding: 20px 0 0;
}

    .blog-article .wp-raw-content p {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.5px;
        padding: 0;
        margin: 0 0 25px 0;
    }

@media (max-width: 979px) {
    .blog-article .wp-raw-content {
        padding: 20px 66px 0;
    }

        .blog-article .wp-raw-content iframe, .blog-article .wp-raw-content div {
            max-width: 100%;
        }
}

@media (max-width: 767px) {
    .blog-article .wp-raw-content {
        padding: 20px 33px 0;
    }
}

.blog-article .entry-content img {
    margin: 0 0 1.5em 0;
}

.blog-article .alignleft,
.blog-article img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.blog-article .alignright,
.blog-article img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.blog-article .aligncenter,
.blog-article img.aligncenter {
    margin: 30px auto;
    display: block;
    clear: both;
}

.blog-article .alignnone,
.blog-article img.alignnone {
    /* not sure about this one */
}

.blog-article .wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

    .blog-article .wp-caption img {
        border: 0 none;
        padding: 0;
        margin: 0;
    }

    .blog-article .wp-caption p.wp-caption-text {
        line-height: 1.5;
        font-size: 10px;
        margin: 0;
    }

.blog-article .wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

.blog-article blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

.blog-article blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

@media (min-width: 768px) {
    .blog-article {
        padding-bottom: 50px;
    }

        .blog-article .wp-specific-content {
            margin-top: 16px;
            padding: 0 67px;
        }

            .blog-article .wp-specific-content .title {
                font-size: 40px;
                line-height: 50px;
                margin-bottom: 30px;
            }

            .blog-article .wp-specific-content .byline,
            .blog-article .wp-specific-content .article-date {
                font-weight: normal;
            }

        .blog-article .wp-raw-content {
            padding: 50px 66px 0;
        }

            .blog-article .wp-raw-content p {
                padding: 0;
            }
}

@media (min-width: 1024px) {
    .blog-article {
        padding: 15px 0 25px;
    }

        .blog-article .wp-specific-content {
            margin-top: 30px;
        }
}

@media (min-width: 1440px) {
    .blog-article {
        padding-bottom: 35px;
    }

        .blog-article .wp-specific-content {
            margin-top: 40px;
        }

            .blog-article .wp-specific-content .title {
                font-size: 50px;
                line-height: 63px;
            }

        .blog-article .wp-raw-content {
            padding: 50px 0 0;
            max-width: 950px;
        }
}

.blog-filters {
    margin: 26px auto 0;
    font-family: "Open-Sans", sans-serif;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 20px;
    max-width: 600px;
}

    .blog-filters .filter {
        display: inline-block;
        text-decoration: none;
        margin: 0 5px;
    }

        .blog-filters .filter:first-child {
            margin-left: 0;
        }

        .blog-filters .filter.active {
            font-weight: bold;
        }

        .blog-filters .filter:hover {
            text-shadow: 0.5px 0 0, -0.5px 0 0;
        }

@media (min-width: 768px) {
    .blog-filters {
        font-size: 15px;
        line-height: 29px;
        max-width: 635px;
        padding: 0 0;
    }
}

@media (min-width: 1440px) {
    .blog-filters {
        max-width: 945px;
        font-size: 18px;
        line-height: 24px;
    }
}

.blog-articles {
    font-size: 0;
    line-height: 0;
    margin: 42px auto 0;
    max-width: 600px;
}

    .blog-articles .article {
        background-repeat: no-repeat;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 0;
        line-height: 0;
        margin: 0 auto 7px;
        height: 315px;
        text-decoration: none;
        position: relative;
    }

        .blog-articles .article > span {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
        }

            .blog-articles .article > span span {
                padding: 15px 73px 15px 15px;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

        .blog-articles .article:hover > span {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
        }

        .blog-articles .article p {
            color: #fff9f2;
            font-family: "Open-Sans", sans-serif;
            margin: 0;
            line-height: 21px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .blog-articles .article .article-title {
            font-weight: bold;
            font-size: 12px;
            line-height: 1.3em;
            padding-bottom: 10px;
        }

        .blog-articles .article .article-categories {
            font-size: 10px;
            line-height: 1.3em;
        }

        .blog-articles .article .article-date {
            font-size: 10px;
        }

@media (min-width: 768px) {
    .blog-articles {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 635px;
        margin-bottom: 57px;
    }

        .blog-articles .article {
            margin: 2.5px;
            -ms-flex: 1 1 45%;
            flex: 1 1 45%;
        }
}

@media (min-width: 1440px) {
    .blog-articles {
        max-width: 945px;
        margin-bottom: 78px;
    }

        .blog-articles .article {
            -ms-flex: 1 1 30%;
            flex: 1 1 30%;
        }
}

.blog-article-cats-tags {
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797;
    padding: 20px;
    text-align: center;
    max-width: 958px;
    margin: 0 auto;
}

    .blog-article-cats-tags h3,
    .blog-article-cats-tags ul,
    .blog-article-cats-tags ul li {
        display: inline-block;
        color: #22223b;
        font-weight: bold;
        font-size: 12px;
        line-height: 29px;
        letter-spacing: 0.5px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

        .blog-article-cats-tags ul li {
            font-weight: normal;
            list-style: none;
        }

            .blog-article-cats-tags ul li a {
                text-decoration: none;
            }

                .blog-article-cats-tags ul li a:after {
                    content: ", ";
                }

                .blog-article-cats-tags ul li a:hover {
                    text-shadow: 0.5px 0 0, -0.5px 0 0;
                }

            .blog-article-cats-tags ul li:last-child a:after {
                content: "";
            }

@media (min-width: 768px) {
    .blog-article-cats-tags {
        padding: 10px 20px 5px;
    }

        .blog-article-cats-tags h3,
        .blog-article-cats-tags ul li {
            font-size: 16px;
        }
}

.related-products {
    padding: 25px 20px 40px;
}

    .related-products .section-title {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 3.3px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 25px;
    }

    .related-products .products-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .related-products .products-container .product {
            margin: 0 4px 15px;
            width: 150px;
        }

            .related-products .products-container .product .product-swatch {
                display: block;
            }

                .related-products .products-container .product .product-swatch:hover {
                    opacity: 0.5;
                }

                .related-products .products-container .product .product-swatch.square-swatch {
                    width: 150px;
                    height: 150px;
                }

                    .related-products .products-container .product .product-swatch.square-swatch img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        overflow: hidden;
                    }

            .related-products .products-container .product .other-colors {
                display: -ms-flexbox;
                display: flex;
                font-size: 0;
                line-height: 0;
                margin: 4px 0 11px;
            }

                .related-products .products-container .product .other-colors .color {
                    display: block;
                    margin: 0 4px 0 0;
                    -ms-flex: 1;
                    flex: 1;
                }

                    .related-products .products-container .product .other-colors .color:last-child {
                        margin: 0;
                    }

                    .related-products .products-container .product .other-colors .color:hover {
                        opacity: 0.5;
                    }

                    .related-products .products-container .product .other-colors .color.square-color {
                        width: 21px;
                        height: 21px;
                    }

                        .related-products .products-container .product .other-colors .color.square-color img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            overflow: hidden;
                        }

            .related-products .products-container .product .product-name {
                color: #323232;
                font-size: 15px;
                line-height: 16px;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0 0 10px;
            }

            .related-products .products-container .product .product-descrip, .related-products .products-container .product .product-tech {
                margin: 0;
                font-size: 13px;
                line-height: 14px;
                color: #3c3c3c;
                opacity: 0.59;
                text-transform: uppercase;
            }

@media (min-width: 768px) {
    .related-products {
        padding-right: 40px;
        padding-left: 40px;
    }

        .related-products .products-container .product {
            margin: 0 20px 15px;
            width: 125px;
        }

            .related-products .products-container .product .product-swatch.square-swatch {
                width: 125px;
                height: 125px;
            }

            .related-products .products-container .product .other-colors .color.square-color {
                width: 17px;
                height: 17px;
            }
}

@media (min-width: 1024px) {
    .related-products .products-container .product {
        width: 150px;
    }

        .related-products .products-container .product .product-swatch.square-swatch {
            width: 150px;
            height: 150px;
        }

        .related-products .products-container .product .other-colors .color.square-color {
            width: 21px;
            height: 21px;
        }
}

@media (min-width: 1440px) {
    .related-products .section-title {
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 5px;
    }

    .related-products .products-container .product {
        margin-right: 33px;
        margin-left: 33px;
        width: 190px;
    }

        .related-products .products-container .product .product-swatch.square-swatch {
            width: 188px;
            height: 188px;
        }

        .related-products .products-container .product .other-colors .color.square-color {
            width: 28px;
            height: 28px;
        }
}

.blog-article-recommended-posts {
    padding: 25px 20px 7px;
}

    .blog-article-recommended-posts .section-title {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 3.3px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 25px;
    }

@media (min-width: 1440px) {
    .blog-article-recommended-posts .section-title {
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 5px;
    }
}

.blog-article-comments {
    padding: 25px 33px 0;
    margin: 0 auto;
    max-width: 958px;
    border-bottom: 1px solid #979797;
}

    .blog-article-comments .section-title {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 4px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 15px;
    }

    .blog-article-comments .comment-wrapper {
        font-size: 12px;
        line-height: 18px;
        margin: 0 auto;
    }

        .blog-article-comments .comment-wrapper a {
            text-decoration: none;
        }

            .blog-article-comments .comment-wrapper a:hover {
                opacity: 0.5;
            }

        .blog-article-comments .comment-wrapper .commenter-info {
            font-weight: bold;
        }

            .blog-article-comments .comment-wrapper .commenter-info p {
                display: inline-block;
                margin: 0;
            }

        .blog-article-comments .comment-wrapper .comment-info p {
            display: inline-block;
            margin: 0;
        }

        .blog-article-comments .comment-wrapper .comment-info .date {
            text-transform: uppercase;
        }

        .blog-article-comments .comment-wrapper .comment {
            margin: 15px auto 10px;
        }

        .blog-article-comments .comment-wrapper .reply {
            font-weight: bold;
            text-transform: uppercase;
        }

    .blog-article-comments .add-comment {
        margin: 17px auto 22px;
    }

        .blog-article-comments .add-comment h4 {
            font-size: 12px;
            font-weight: bold;
            line-height: 17px;
            text-align: center;
            text-transform: uppercase;
            margin: 0 0 22px;
        }

        .blog-article-comments .add-comment form .inputs {
            text-align: center;
        }

        .blog-article-comments .add-comment form .has-float-label {
            display: block;
            position: relative;
        }

            .blog-article-comments .add-comment form .has-float-label > span {
                position: absolute;
                left: 0;
                top: 0;
                cursor: text;
                font-size: 75%;
                opacity: 1;
                transition: all .2s;
                padding: 2px 5px 0;
            }

            .blog-article-comments .add-comment form .has-float-label textarea,
            .blog-article-comments .add-comment form .has-float-label input,
            .blog-article-comments .add-comment form .has-float-label select {
                background: transparent;
                border: 1px solid #323232;
                margin-bottom: 8px;
                box-shadow: none;
                border-radius: 0;
                font-size: 14px;
                line-height: 16px;
                padding: 15px 10px 9px;
            }

                .blog-article-comments .add-comment form .has-float-label textarea:-ms-input-placeholder,
                .blog-article-comments .add-comment form .has-float-label input:-ms-input-placeholder,
                .blog-article-comments .add-comment form .has-float-label select:-ms-input-placeholder {
                    opacity: 1;
                    transition: all .2s;
                }

                .blog-article-comments .add-comment form .has-float-label textarea::placeholder,
                .blog-article-comments .add-comment form .has-float-label input::placeholder,
                .blog-article-comments .add-comment form .has-float-label select::placeholder {
                    opacity: 1;
                    transition: all .2s;
                }

                .blog-article-comments .add-comment form .has-float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder,
                .blog-article-comments .add-comment form .has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder,
                .blog-article-comments .add-comment form .has-float-label select:placeholder-shown:not(:focus):-ms-input-placeholder {
                    opacity: 0;
                }

                .blog-article-comments .add-comment form .has-float-label textarea:placeholder-shown:not(:focus)::placeholder,
                .blog-article-comments .add-comment form .has-float-label input:placeholder-shown:not(:focus)::placeholder,
                .blog-article-comments .add-comment form .has-float-label select:placeholder-shown:not(:focus)::placeholder {
                    opacity: 0;
                }

                .blog-article-comments .add-comment form .has-float-label textarea:placeholder-shown:not(:focus) + *,
                .blog-article-comments .add-comment form .has-float-label input:placeholder-shown:not(:focus) + *,
                .blog-article-comments .add-comment form .has-float-label select:placeholder-shown:not(:focus) + * {
                    font-size: 120%;
                    opacity: .5;
                    padding: 9px 10px 10px;
                }

                .blog-article-comments .add-comment form .has-float-label textarea:focus,
                .blog-article-comments .add-comment form .has-float-label input:focus,
                .blog-article-comments .add-comment form .has-float-label select:focus {
                    outline: none;
                }

            .blog-article-comments .add-comment form .has-float-label input {
                height: 40px;
            }

            .blog-article-comments .add-comment form .has-float-label select {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                padding-right: 20px;
                background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 10px top 14px;
                background-size: 8px 10px;
            }

        .blog-article-comments .add-comment form input.btn {
            border: 0;
            background-color: #323232;
            color: #ffffff;
            padding: 15px;
            text-transform: uppercase;
            letter-spacing: 1.6px;
            font-size: 12px;
            line-height: 17px;
            font-weight: bold;
            height: 50px;
            width: 183px;
            margin: 8px auto 0;
        }

            .blog-article-comments .add-comment form input.btn:hover {
                background-color: rgba(50, 50, 50, 0.58);
            }

@media (min-width: 768px) {
    .blog-article-comments {
        padding-right: 66px;
        padding-left: 66px;
    }

        .blog-article-comments .comment-wrapper {
            display: -ms-flexbox;
            display: flex;
        }

            .blog-article-comments .comment-wrapper .reply {
                margin: 8px 0 0;
            }

        .blog-article-comments .add-comment {
            margin: 10px auto 16px;
        }

            .blog-article-comments .add-comment form {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                .blog-article-comments .add-comment form .has-float-label {
                    -ms-flex: 6;
                    flex: 6;
                }

                    .blog-article-comments .add-comment form .has-float-label textarea {
                        margin-bottom: 0;
                        height: 136px;
                        min-height: 136px;
                        min-width: 375px;
                    }

                .blog-article-comments .add-comment form .inputs {
                    min-width: 250px;
                    text-align: right;
                    margin-left: 6px;
                    -ms-flex: 4;
                    flex: 4;
                }
}

@media (min-width: 1440px) {
    .blog-article-comments .comment-wrapper {
        font-size: 15px;
        line-height: 23px;
    }

    .blog-article-comments .section-title {
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 5px;
    }

    .blog-article-comments .add-comment {
        margin: 19px auto 32px;
    }

        .blog-article-comments .add-comment h4 {
            font-size: 15px;
            line-height: 20px;
        }

        .blog-article-comments .add-comment form input.btn {
            font-size: 15px;
            line-height: 20px;
        }
}

.blog-nav {
    padding: 27px 0 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 958px;
    margin: 0 auto;
}

    .blog-nav .previous-post,
    .blog-nav .next-post {
        display: block;
        text-decoration: none;
        padding: 0 12px;
    }

        .blog-nav .previous-post:hover,
        .blog-nav .next-post:hover {
            opacity: 0.5;
        }

        .blog-nav .previous-post .arrow,
        .blog-nav .next-post .arrow {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='35' viewBox='0 0 20 35'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M16.923 0l3.027 3.07L6.053 17.156l13.897 14.09-3.027 3.067L0 17.157z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            display: inline-block;
            height: 35px;
            width: 22px;
            margin-top: 15px;
        }

        .blog-nav .previous-post p,
        .blog-nav .next-post p {
            font-size: 12px;
            line-height: 17px;
            text-transform: uppercase;
            margin: 0;
        }

        .blog-nav .previous-post .title,
        .blog-nav .next-post .title {
            font-weight: bold;
        }

    .blog-nav .previous-post {
        padding-right: 34px;
    }

    .blog-nav .next-post {
        text-align: right;
        padding-left: 34px;
    }

        .blog-nav .next-post .arrow {
            text-align: right;
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

@media (min-width: 768px) {
    .blog-nav .previous-post,
    .blog-nav .next-post {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
    }

        .blog-nav .previous-post .arrow,
        .blog-nav .next-post .arrow {
            margin: 0 0 0 20px;
            height: 35px;
            width: 29px;
        }

    .blog-nav .previous-post {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .blog-nav .previous-post .arrow {
            margin: 0 20px 0 0;
        }
}

@media (min-width: 1440px) {
    .blog-nav {
        padding: 32px 0 80px;
    }

        .blog-nav .previous-post .arrow,
        .blog-nav .next-post .arrow {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='43' viewBox='0 0 25 43'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M21.207 0L25 3.846 7.586 21.501 25 39.156 21.207 43 0 21.5z'/%3E%3C/svg%3E%0A");
            height: 43px;
            width: 36px;
        }

        .blog-nav .previous-post p,
        .blog-nav .next-post p {
            font-size: 15px;
            line-height: 20px;
        }
}

.multi-col {
    padding: 30px 62px 50px;
    margin: 0 auto;
    max-width: 1070px;
}

    .multi-col p {
        margin: 0;
    }

    .multi-col .section-title {
        text-align: center;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 5px;
        margin-bottom: 34px;
    }

    .multi-col .cols {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .multi-col .cols .col {
            margin: 0 10px 55px;
            text-align: center;
            -ms-flex: 1 1 150px;
            flex: 1 1 150px;
        }

            .multi-col .cols .col.spacer1, .multi-col .cols .col.spacer2 {
                display: none;
            }

            .multi-col .cols .col .col-title {
                text-transform: uppercase;
                font-size: 18px;
                line-height: 21px;
                margin: 15px 0 0;
            }

            .multi-col .cols .col .col-subtitle {
                text-transform: uppercase;
                font-size: 15px;
                line-height: 17px;
                margin: 0;
            }

            .multi-col .cols .col .col-text {
                font-size: 13.5px;
                line-height: 16px;
                margin: 33px auto 35px;
            }

            .multi-col .cols .col .col-link a {
                text-transform: uppercase;
                font-size: 13.5px;
                line-height: 16px;
                letter-spacing: 1.4px;
                font-weight: bold;
            }

                .multi-col .cols .col .col-link a:hover {
                    background-color: rgba(216, 216, 216, 0.58);
                    padding: 5px 25px;
                    text-decoration: none;
                }

    .multi-col .section-cta {
        margin: 0 auto;
        text-align: center;
    }

        .multi-col .section-cta .btn {
            background-color: #323232;
            color: #fff9f2;
            display: inline-block;
            text-transform: uppercase;
            font-size: 15px;
            line-height: 50px;
            letter-spacing: 1.3px;
            font-weight: bold;
            text-decoration: none;
            height: 50px;
            width: 100%;
            max-width: 250px;
        }

            .multi-col .section-cta .btn:hover {
                background-color: rgba(50, 50, 50, 0.58);
            }

@media (min-width: 634px) {
    .multi-col .cols .col.spacer1, .multi-col .cols .col.spacer2 {
        display: block;
    }
}

@media (min-width: 768px) {
    .multi-col {
        padding: 30px 30px 62px;
    }

        .multi-col .section-title {
            margin-bottom: 49px;
        }

        .multi-col .cols .col {
            margin: 0 20px 33px;
            -ms-flex: 1 1 100px;
            flex: 1 1 100px;
        }

            .multi-col .cols .col.spacer1, .multi-col .cols .col.spacer2 {
                display: none;
            }
}

@media (min-width: 1024px) {
    .multi-col .cols .col {
        margin: 0 30px 33px;
    }
}

@media (min-width: 1440px) {
    .multi-col {
        padding: 30px;
    }

        .multi-col .section-title {
            margin-bottom: 27px;
            font-size: 28px;
            line-height: 38px;
        }

        .multi-col .cols .col {
            font-size: 15px;
        }

            .multi-col .cols .col .col-title {
                font-size: 20px;
                line-height: 23px;
                margin-top: 17px;
            }

            .multi-col .cols .col .col-subtitle {
                font-size: 17px;
                line-height: 20px;
            }

            .multi-col .cols .col .col-text {
                font-size: 15px;
                line-height: 18px;
                margin: 46px auto 45px;
            }

            .multi-col .cols .col .col-link a {
                font-size: 15px;
                line-height: 18px;
                letter-spacing: 1.5px;
            }

        .multi-col .section-cta {
            letter-spacing: 2px;
        }
}

.plp-page {
    padding: 0 0 50px;
    max-width: 950px;
    margin: 0 auto;
}

    .plp-page > .container {
        display: -ms-flexbox;
        display: flex;
    }

.filters-wrapper {
    display: -ms-flexbox;
    display: flex;
    position: static;
    top: auto;
    left: auto;
    z-index: 0;
    background: transparent;
    min-height: 0;
    box-sizing: border-box;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    white-space: normal;
    vertical-align: top;
    padding-right: 20px;
    width: 240px;
}

    .filters-wrapper.active {
        display: block;
        position: fixed;
    }

        .filters-wrapper.active .mobile-filter-controls,
        .filters-wrapper.active .mobile-filters-selected {
            display: none;
        }

    .filters-wrapper .mobile-filter-controls {
        border-bottom: 1px solid #323232;
        padding: 6px 16px 6px 31px;
        margin-bottom: 13px;
        display: none;
    }

        .filters-wrapper .mobile-filter-controls .filter-toggle-link {
            padding: 0;
            -ms-flex: 2;
            flex: 2;
        }

            .filters-wrapper .mobile-filter-controls .filter-toggle-link:after {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpolygon points='0,6 14,6 7,0' fill='%23757575'%3E%3C/polygon%3E%3C/svg%3E");
                vertical-align: 2px;
            }

        .filters-wrapper .mobile-filter-controls .btns {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

            .filters-wrapper .mobile-filter-controls .btns .clear-all,
            .filters-wrapper .mobile-filter-controls .btns .done-apply {
                border: 1px solid #d4c9c2;
                display: inline-block;
                color: #4a4a4a;
                font-size: 13px;
                line-height: 28px;
                text-transform: uppercase;
                text-decoration: none;
                margin-left: 5px;
                padding: 0 10px;
                width: 80px;
                min-width: 88px;
                text-align: center;
            }

            .filters-wrapper .mobile-filter-controls .btns .done-apply {
                background: #d4c9c2;
            }

    .filters-wrapper .mobile-filters-selected {
        display: none;
        margin: 13px 16px 3px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .filters-wrapper .mobile-filters-selected .filter-selected {
            margin-right: 8px;
            margin-bottom: 10px;
            line-height: 28px;
            border: 1px solid #979797;
            background: #ffffff;
            text-align: center;
            font-size: 0;
            line-height: 0;
        }

            .filters-wrapper .mobile-filters-selected .filter-selected:last-child {
                margin-right: 0;
            }

            .filters-wrapper .mobile-filters-selected .filter-selected span {
                color: #4a4a4a;
                font-size: 13px;
                line-height: 28px;
                padding: 0 8px 0 14px;
                display: inline-block;
                vertical-align: top;
            }

            .filters-wrapper .mobile-filters-selected .filter-selected .remove-filter-x {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23323232' stroke-linecap='square'%3E%3Cpath d='M6.55 6.55l9.9 9.9M6.55 16.45l9.9-9.9'/%3E%3C/g%3E%3C/svg%3E");
                display: inline-block;
                height: 23px;
                width: 23px;
                padding: 0 5px;
                margin: 3px 3px 0 0;
                text-decoration: none;
            }

    .filters-wrapper ul.filters {
        list-style: none;
        margin: 0;
        width: 100%;
    }

        .filters-wrapper ul.filters li.filter-wrapper {
            list-style: none;
            margin-top: 1px;
        }

            .filters-wrapper ul.filters li.filter-wrapper .search-input-form {
                display: -ms-flexbox;
                display: flex;
                padding-bottom: 10px;
            }

                .filters-wrapper ul.filters li.filter-wrapper .search-input-form .search-input {
                    -ms-flex: 1 0 10px;
                    flex: 1 0 10px;
                }

                    .filters-wrapper ul.filters li.filter-wrapper .search-input-form .search-input .twitter-typeahead {
                        width: 100%;
                    }

                    .filters-wrapper ul.filters li.filter-wrapper .search-input-form .search-input input {
                        border: 1px solid #d4c9c2;
                        border-right: 0;
                        box-shadow: none;
                        height: 36px;
                        font-size: 14px;
                        line-height: 36px;
                        padding: 0 15px;
                    }

                .filters-wrapper ul.filters li.filter-wrapper .search-input-form .button {
                    -ms-flex: 0 0 38px;
                    flex: 0 0 38px;
                    height: 36px;
                    min-width: 0;
                    margin: 0;
                    border: 0;
                    border-radius: 0;
                    padding: 0;
                    background-color: #d4c9c2;
                }

                    .filters-wrapper ul.filters li.filter-wrapper .search-input-form .button .mag {
                        color: #000000;
                        font-size: 15px;
                    }

            .filters-wrapper ul.filters li.filter-wrapper .filter {
                position: relative;
            }

                .filters-wrapper ul.filters li.filter-wrapper .filter .name-wrapper {
                    display: block;
                    height: 40px;
                    background-color: #d4c9c2;
                    padding: 0 11px;
                    width: 100%;
                }

                .filters-wrapper ul.filters li.filter-wrapper .filter .filter-name {
                    font-size: 14px;
                    font-family: "Open-Sans", sans-serif;
                    font-weight: bold;
                    line-height: 40px;
                    color: #4a4a4a;
                    display: block;
                    position: relative;
                    text-align: left;
                    margin: 0;
                }

@media (max-width: 768px) {
    .filters-wrapper ul.filters li.filter-wrapper .filter .filter-name {
        display: block;
        width: 100%;
        margin-bottom: 0;
        transition: all 250ms;
        padding-bottom: 16px;
    }
}

.filters-wrapper ul.filters li.filter-wrapper .filter .filter-name:not(.no-expansion):after {
    color: #979797;
    content: '+';
    font-size: 28px;
    font-family: "UniversLTStd-light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    top: -2px;
    position: absolute;
    right: 0;
}

.filters-wrapper ul.filters li.filter-wrapper .filter .filter-name .filter-count {
    font-size: 12px;
    line-height: 40px;
    color: #9e9e9e;
    margin: 0 7px;
    font-weight: normal;
}

.filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items {
    margin-left: 0;
    overflow: hidden;
    transition: height ease 450ms;
    height: 0;
    padding: 0;
}

    .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items.no-collapse, .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items.drop-active, .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items.height-auto {
        height: auto;
    }

    .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li {
        margin: 0 10px 12px;
        list-style: none;
    }

        .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li:first-child {
            margin-top: 20px;
        }

        .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li:last-child {
            margin-bottom: 15px;
        }

        .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li label {
            display: inline-block;
            font-family: "Open-Sans", sans-serif;
            font-weight: bold;
            font-size: 14px;
            color: #323232;
            padding: 0 10px 0 25px;
            margin-left: 0px;
            vertical-align: super;
            letter-spacing: normal;
            cursor: pointer;
            width: 165px;
            line-height: 16px;
            position: relative;
            text-transform: capitalize;
        }

@media (max-width: 768px) {
    .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li label {
        padding-right: 0;
    }
}

.filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li .count {
    float: right;
    font-family: "Open-Sans", sans-serif;
    font-size: 12px;
    color: #9e9e9e;
    font-style: italic;
    line-height: 16px;
}

.filters-wrapper ul.filters li.filter-wrapper .filter input[type="checkbox"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 0;
    border: 2px solid #9b9b9b;
    cursor: pointer;
    vertical-align: text-bottom;
    left: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: #323232;
}

    .filters-wrapper ul.filters li.filter-wrapper .filter input[type="checkbox"]:focus {
        border: 2px solid #9b9b9b;
    }

    .filters-wrapper ul.filters li.filter-wrapper .filter input[type="checkbox"]:checked {
        border: 2px solid #9b9b9b;
    }

        .filters-wrapper ul.filters li.filter-wrapper .filter input[type="checkbox"]:checked:before {
            margin: 1px 0 0;
        }

.filters-wrapper ul.filters li.filter-wrapper .filter.drop-active .filter-name:not(.no-expansion):after {
    content: '_';
    top: -13px;
    right: 1px;
}

@media (max-width: 768px) {
    .filters-wrapper {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9000;
        background: #fff9f2;
        min-height: 100%;
        padding-right: 0;
        -webkit-overflow-scrolling: touch;
    }

        .filters-wrapper.active {
            display: block;
            overflow-y: scroll;
            height: 100%;
            padding-bottom: 30px;
        }

            .filters-wrapper.active .mobile-filter-controls,
            .filters-wrapper.active .mobile-filters-selected {
                display: -ms-flexbox;
                display: flex;
            }

        .filters-wrapper ul.filters {
            padding: 0 16px;
        }

            .filters-wrapper ul.filters li.filter-wrapper .filter ul.filter-items li {
                margin: 0 12px 6px;
            }
}

.tracking {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 15px;
}

    .tracking .clear {
        display: inline-block;
    }

        .tracking .clear button {
            text-transform: uppercase;
            font-size: 13px;
            text-decoration: underline;
            font-weight: 600;
        }

    .tracking .tracked-filter {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 7px;
        padding: 9px 25px 12px 12px;
        border: solid 1px #4a4a4a;
        line-height: 1;
        background-color: #d4c9c2;
        position: relative;
    }

        .tracking .tracked-filter span {
            font-size: 14px;
            text-transform: uppercase;
            margin-right: 8px;
        }

        .tracking .tracked-filter .remove {
            display: inline-block;
            top: 50%;
            right: 18px;
            -ms-transform: rotate(45deg) translateY(-77%);
            transform: rotate(45deg) translateY(-77%);
            position: absolute;
            font-size: 29px;
            vertical-align: text-bottom;
        }

            .tracking .tracked-filter .remove:after {
                content: '+';
                color: #323232;
                display: inline-block;
                width: 20px;
                height: 20px;
            }

.plp-options {
    border-bottom: solid 2px rgba(151, 151, 151, 0.3);
    margin-bottom: 15px;
}

    .plp-options > .container {
        display: -ms-flexbox;
        display: flex;
    }

@media (max-width: 768px) {
    .plp-options {
        border-bottom: solid 0.5px #979797;
    }
}

.search-listing-overview {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

@media (max-width: 979px) {
    .search-listing-overview {
        min-width: 348px;
        max-height: 100px;
    }
}

.search-listing-overview .product-count-container {
    float: left;
    padding-top: 10px;
}

    .search-listing-overview .product-count-container .product-count {
        font-size: 13px;
        font-weight: 600;
        color: #323232;
    }

@media (max-width: 979px) {
    .search-listing-overview .product-count-container {
        display: block;
        float: left;
        padding-top: 8px;
        padding-left: 15px;
    }
}

.search-listing-overview .search-option-bottom {
    display: none;
    border-bottom: solid 1px #eeede9;
    width: 100%;
}

    .search-listing-overview .search-option-bottom.scrolled {
        position: fixed;
        top: 0;
        z-index: 2001;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
        width: 100%;
        background-color: #fff9f2;
    }

@media (max-width: 979px) {
    .search-listing-overview .search-option-bottom {
        display: -ms-flexbox;
        display: flex;
        float: left;
        padding-top: 8px;
        padding-left: 15px;
        width: auto;
        clear: left;
        margin: 0;
        padding: 0;
        border: none;
    }
}

.search-listing-overview .search-option-bottom .filter-opener {
    padding: 15px;
    position: relative;
    cursor: pointer;
}

    .search-listing-overview .search-option-bottom .filter-opener .filter-count {
        text-transform: uppercase;
        font-size: 13px;
        display: block;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .search-listing-overview .search-option-bottom .filter-opener .filter-count span {
            color: #c4c3c2;
            font-size: 11px;
            font-style: italic;
            text-transform: none;
            display: inline-block;
        }

@media (max-width: 979px) {
    .search-listing-overview .search-option-bottom .filter-opener {
        padding: 0;
        padding-left: 15px;
        padding-top: 20px;
    }
}

.search-listing-overview .search-option-bottom .sorting {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 15px;
    text-align: right;
}

    .search-listing-overview .search-option-bottom .sorting .sorting-wrapper {
        text-align: left;
        display: inline-block;
    }

    .search-listing-overview .search-option-bottom .sorting label {
        color: black;
    }

    .search-listing-overview .search-option-bottom .sorting select {
        font-size: 14px;
    }

.search-listing-overview .search-option-bottom .divider {
    -ms-flex: 0 0 1px;
    flex: 0 0 1px;
    border-right: solid 1px #979797;
    height: 60px;
}

.search-listing-overview .sort-options {
    position: relative;
    float: right;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 20px;
}

    .search-listing-overview .sort-options .title {
        text-transform: uppercase;
        margin-right: 12px;
        font-size: 14px;
        display: inline-block;
        font-weight: 600;
        vertical-align: middle;
        padding-top: 10px;
        padding-bottom: 8px;
        color: #323232;
        letter-spacing: normal;
    }

@media (max-width: 979px) {
    .search-listing-overview .sort-options .title {
        position: relative;
        display: block;
        font-size: 10px;
        padding: 7px 2px 2px;
        margin: 0;
        line-height: 10px;
    }
}

.search-listing-overview .sort-options .dropdown-pane {
    margin: 0;
    padding: 0;
    width: 220px;
    border: solid 1px #0a0a0a;
    font-size: 14px;
}

    .search-listing-overview .sort-options .dropdown-pane li {
        padding: 8px 5px 8px 15px;
        text-transform: uppercase;
    }

        .search-listing-overview .sort-options .dropdown-pane li:hover {
            cursor: pointer;
        }

.search-listing-overview .sort-options button {
    border: solid 1px #0a0a0a;
    background: #ffffff;
    color: #323232;
    font-weight: 600;
    margin: 0;
    padding: 0 10px 0 15px;
    text-transform: uppercase;
    text-align: left;
    width: 220px;
    height: 25px;
    font-size: 13px;
    border-radius: 0;
    position: relative;
}

    .search-listing-overview .sort-options button:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpolygon points='0,0 14,0 7,6' fill='%23757575'%3E%3C/polygon%3E%3C/svg%3E");
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px;
        top: 43%;
        position: absolute;
    }

@media (max-width: 979px) {
    .search-listing-overview .sort-options button {
        height: 30px;
        margin: 0;
    }
}

@media (max-width: 979px) {
    .search-listing-overview .sort-options {
        padding-top: 0;
        padding-right: 15px;
        margin-right: 0;
        clear: right;
    }
}

.search-listing-overview .view-options {
    float: right;
    font-size: 14px;
    color: #323232;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 5px;
}

    .search-listing-overview .view-options .title {
        text-transform: uppercase;
        margin-right: 10px;
        font-weight: 600;
    }

    .search-listing-overview .view-options .option {
        text-transform: uppercase;
        font-weight: normal;
        cursor: pointer;
    }

        .search-listing-overview .view-options .option.active {
            color: #323232;
            font-weight: bold;
            cursor: default;
        }

        .search-listing-overview .view-options .option.disabled {
            cursor: default;
        }

    .search-listing-overview .view-options .divider {
        color: #c4c3c2;
        margin: 0 3px;
    }

@media (max-width: 979px) {
    .search-listing-overview .view-options .divider {
        margin: 0;
    }
}

@media (max-width: 979px) {
    .search-listing-overview .view-options {
        font-size: 13px;
        padding-top: 0;
        margin-top: -24px;
    }
}

@media (max-width: 768px) {
    .search-listing-overview .search-option-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: solid 0.5px #979797;
    }

        .search-listing-overview .search-option-top .product-count-container {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding-top: 0;
        }

        .search-listing-overview .search-option-top .view-options {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            float: none;
            margin: 0;
        }

    .search-listing-overview .search-option-bottom {
        float: none;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .search-listing-overview .search-option-bottom .search-options {
            padding-top: 2px;
        }
}

.filter-toggle-link {
    display: none;
}

@media (max-width: 768px) {
    .filter-toggle-link {
        display: inline-block;
        font-size: 13px;
        line-height: 30px;
        color: #4a4a4a;
        text-transform: uppercase;
        text-decoration: none;
    }

        .filter-toggle-link:after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' viewBox='0 0 14 6'%3E%3Cpolygon points='0,0 14,0 7,6' fill='%23757575'%3E%3C/polygon%3E%3C/svg%3E");
            padding-left: 11px;
            vertical-align: 1px;
        }

        .filter-toggle-link:hover {
            text-shadow: 0.5px 0 0, -0.5px 0 0;
            text-decoration: none;
        }
}

.product-wrapper {
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
}

    .product-wrapper .pagination {
        margin-top: 15px;
        font-size: 13px;
        letter-spacing: .3px;
        color: #888281;
        text-align: center;
        width: 100%;
    }

        .product-wrapper .pagination.no-result h1 {
            color: black;
        }

        .product-wrapper .pagination.no-result h6 {
            margin-top: 15px;
        }

    .product-wrapper .pagination-wrapper {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 20px;
    }

        .product-wrapper .pagination-wrapper .button-primary {
            background-color: #323232;
        }

@media (max-width: 768px) {
    .product-wrapper {
        display: block;
        width: 100%;
    }
}

.product-wrapper .loading-animation-bg {
    position: relative;
    height: 90px;
}

    .product-wrapper .loading-animation-bg .loading-animation {
        top: 50%;
    }

@media (max-width: 767px) {
    .plp-page.search-results {
        padding-bottom: 200px;
    }

    .plp-page > hr {
        display: none;
    }
}

.plp-page ul.products {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}

    .plp-page ul.products li.product-item {
        transition: all 250ms;
        display: inline-block;
        width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        vertical-align: top;
    }

@media (max-width: 979px) {
    .plp-page ul.products li.product-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
}

.plp-page ul.products li.plp-callout {
    display: inline-block;
    width: 66.66666%;
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
}

@media (max-width: 979px) {
    .plp-page ul.products li.plp-callout {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 300px;
    }
}

.style-tile-block,
.color-tile-block {
    position: relative;
}

@media (min-width: 980px) {
    .style-tile-block:hover .style-tile,
    .style-tile-block:hover .color-tile,
    .color-tile-block:hover .style-tile,
    .color-tile-block:hover .color-tile {
        visibility: hidden;
    }

    .style-tile-block:hover .style-tile-hover,
    .style-tile-block:hover .color-tile-hover,
    .color-tile-block:hover .style-tile-hover,
    .color-tile-block:hover .color-tile-hover {
        visibility: visible !important;
        display: block !important;
        z-index: 5;
    }
}

.style-tile,
.style-tile-hover,
.color-tile,
.color-tile-hover {
    padding: 5px;
}

@media (max-width: 560px) {
    .style-tile,
    .style-tile-hover,
    .color-tile,
    .color-tile-hover {
        padding: 10px;
    }
}

.style-tile a.product-image,
.style-tile-hover a.product-image,
.color-tile a.product-image,
.color-tile-hover a.product-image {
    display: block;
    text-align: center;
}

    .style-tile a.product-image img,
    .style-tile-hover a.product-image img,
    .color-tile a.product-image img,
    .color-tile-hover a.product-image img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 420px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

@media (max-width: 560px) {
    .style-tile a.product-image img,
    .style-tile-hover a.product-image img,
    .color-tile a.product-image img,
    .color-tile-hover a.product-image img {
        max-width: initial;
    }
}

.style-tile owl-carousel.owl-carousel,
.style-tile-hover owl-carousel.owl-carousel,
.color-tile owl-carousel.owl-carousel,
.color-tile-hover owl-carousel.owl-carousel {
    margin-top: -1px;
    height: 75px;
    overflow: hidden;
}

    .style-tile owl-carousel.owl-carousel .owl-nav,
    .style-tile-hover owl-carousel.owl-carousel .owl-nav,
    .color-tile owl-carousel.owl-carousel .owl-nav,
    .color-tile-hover owl-carousel.owl-carousel .owl-nav {
        position: absolute;
        width: 100%;
        height: 0;
        top: 30%;
    }

        .style-tile owl-carousel.owl-carousel .owl-nav .owl-prev,
        .style-tile owl-carousel.owl-carousel .owl-nav .owl-next,
        .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev,
        .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next,
        .color-tile owl-carousel.owl-carousel .owl-nav .owl-prev,
        .color-tile owl-carousel.owl-carousel .owl-nav .owl-next,
        .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev,
        .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next {
            width: 21px;
            height: 30px;
            display: inline-block;
            position: absolute;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: rgba(0, 0, 0, 0.4);
            padding-right: 25px;
        }

            .style-tile owl-carousel.owl-carousel .owl-nav .owl-prev.disabled,
            .style-tile owl-carousel.owl-carousel .owl-nav .owl-next.disabled,
            .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev.disabled,
            .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next.disabled,
            .color-tile owl-carousel.owl-carousel .owl-nav .owl-prev.disabled,
            .color-tile owl-carousel.owl-carousel .owl-nav .owl-next.disabled,
            .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev.disabled,
            .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next.disabled {
                opacity: .5;
            }

        .style-tile owl-carousel.owl-carousel .owl-nav .owl-prev,
        .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev,
        .color-tile owl-carousel.owl-carousel .owl-nav .owl-prev,
        .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-prev {
            left: 12px;
            background-image: url(/images/plp-chevron-left.svg);
        }

        .style-tile owl-carousel.owl-carousel .owl-nav .owl-next,
        .style-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next,
        .color-tile owl-carousel.owl-carousel .owl-nav .owl-next,
        .color-tile-hover owl-carousel.owl-carousel .owl-nav .owl-next {
            right: 12px;
            background-image: url(/images/plp-chevron-right.svg);
        }

    .style-tile owl-carousel.owl-carousel .color-link,
    .style-tile-hover owl-carousel.owl-carousel .color-link,
    .color-tile owl-carousel.owl-carousel .color-link,
    .color-tile-hover owl-carousel.owl-carousel .color-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

.style-tile .product-description,
.style-tile-hover .product-description,
.color-tile .product-description,
.color-tile-hover .product-description {
    padding: 10px 10px 20px;
    min-height: 85px;
    position: relative;
}

@media (max-width: 768px) {
    .style-tile .product-description,
    .style-tile-hover .product-description,
    .color-tile .product-description,
    .color-tile-hover .product-description {
        height: auto;
        padding: 10px 10px 0 0;
    }
}

.style-tile .product-description .product-title,
.style-tile-hover .product-description .product-title,
.color-tile .product-description .product-title,
.color-tile-hover .product-description .product-title {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: normal;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
}

.style-tile .product-description .fader,
.style-tile-hover .product-description .fader,
.color-tile .product-description .fader,
.color-tile-hover .product-description .fader {
    opacity: 1;
    transition: opacity 0.1s linear;
}

.style-tile .product-description .fader-out,
.style-tile-hover .product-description .fader-out,
.color-tile .product-description .fader-out,
.color-tile-hover .product-description .fader-out {
    opacity: 0;
}

.style-tile .product-description .subtitle-container,
.style-tile-hover .product-description .subtitle-container,
.color-tile .product-description .subtitle-container,
.color-tile-hover .product-description .subtitle-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 0;
}

.style-tile .product-description .product-subtitle,
.style-tile-hover .product-description .product-subtitle,
.color-tile .product-description .product-subtitle,
.color-tile-hover .product-description .product-subtitle {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px;
    max-width: 150px;
    color: #9b9b9b;
}

@media (max-width: 560px) {
    .style-tile .product-description .product-subtitle,
    .style-tile-hover .product-description .product-subtitle,
    .color-tile .product-description .product-subtitle,
    .color-tile-hover .product-description .product-subtitle {
        font-size: 10px;
        margin-bottom: 5px;
        max-width: 90px;
    }
}

.style-tile .product-description .utilities-container,
.style-tile-hover .product-description .utilities-container,
.color-tile .product-description .utilities-container,
.color-tile-hover .product-description .utilities-container {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .style-tile .product-description .utilities-container .divider,
    .style-tile-hover .product-description .utilities-container .divider,
    .color-tile .product-description .utilities-container .divider,
    .color-tile-hover .product-description .utilities-container .divider {
        vertical-align: super;
        color: #a3a09d;
        font-size: 14px;
    }

    .style-tile .product-description .utilities-container a,
    .style-tile-hover .product-description .utilities-container a,
    .color-tile .product-description .utilities-container a,
    .color-tile-hover .product-description .utilities-container a {
        text-decoration: none;
        display: inline-block;
    }

    .style-tile .product-description .utilities-container.invisible,
    .style-tile-hover .product-description .utilities-container.invisible,
    .color-tile .product-description .utilities-container.invisible,
    .color-tile-hover .product-description .utilities-container.invisible {
        display: none;
    }

.style-tile .product-description .detail,
.style-tile-hover .product-description .detail,
.color-tile .product-description .detail,
.color-tile-hover .product-description .detail {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: normal;
    width: 100%;
    margin: 0 0 5px;
    color: #9b9b9b;
}

    .style-tile .product-description .detail.num-colors,
    .style-tile-hover .product-description .detail.num-colors,
    .color-tile .product-description .detail.num-colors,
    .color-tile-hover .product-description .detail.num-colors {
        margin: 10px 0 7px;
    }

.style-tile .product-description .divider,
.style-tile-hover .product-description .divider,
.color-tile .product-description .divider,
.color-tile-hover .product-description .divider {
    font-size: 13px;
    line-height: 1;
}

.style-tile .product-description.show-mobile-only,
.style-tile-hover .product-description.show-mobile-only,
.color-tile .product-description.show-mobile-only,
.color-tile-hover .product-description.show-mobile-only {
    display: none;
}

@media (max-width: 560px) {
    .style-tile .product-description.show-mobile-only,
    .style-tile-hover .product-description.show-mobile-only,
    .color-tile .product-description.show-mobile-only,
    .color-tile-hover .product-description.show-mobile-only {
        display: block;
    }
}

.style-tile .product-description.hide-mobile-only,
.style-tile-hover .product-description.hide-mobile-only,
.color-tile .product-description.hide-mobile-only,
.color-tile-hover .product-description.hide-mobile-only {
    display: block;
}

@media (max-width: 560px) {
    .style-tile .product-description.hide-mobile-only,
    .style-tile-hover .product-description.hide-mobile-only,
    .color-tile .product-description.hide-mobile-only,
    .color-tile-hover .product-description.hide-mobile-only {
        display: none;
    }
}

@media (max-width: 560px) {
    .style-tile .product-description .product-title,
    .style-tile-hover .product-description .product-title,
    .color-tile .product-description .product-title,
    .color-tile-hover .product-description .product-title {
        font-size: 15px;
    }

    .style-tile .product-description .detail,
    .style-tile .product-description .tech,
    .style-tile-hover .product-description .detail,
    .style-tile-hover .product-description .tech,
    .color-tile .product-description .detail,
    .color-tile .product-description .tech,
    .color-tile-hover .product-description .detail,
    .color-tile-hover .product-description .tech {
        font-size: 10px;
    }
}

.style-tile .product-description .product-compare,
.style-tile-hover .product-description .product-compare,
.color-tile .product-description .product-compare,
.color-tile-hover .product-description .product-compare {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

    .style-tile .product-description .product-compare form p,
    .style-tile-hover .product-description .product-compare form p,
    .color-tile .product-description .product-compare form p,
    .color-tile-hover .product-description .product-compare form p {
        margin: 0;
        line-height: 1;
    }

        .style-tile .product-description .product-compare form p input,
        .style-tile-hover .product-description .product-compare form p input,
        .color-tile .product-description .product-compare form p input,
        .color-tile-hover .product-description .product-compare form p input {
            float: initial;
            margin: 0;
            position: relative;
            width: 18px;
            height: 18px;
            transition: none;
        }

            .style-tile .product-description .product-compare form p input:before,
            .style-tile-hover .product-description .product-compare form p input:before,
            .color-tile .product-description .product-compare form p input:before,
            .color-tile-hover .product-description .product-compare form p input:before {
                margin: 0;
                position: absolute;
                left: 2px;
                top: 4px;
                font-size: 12px;
            }

            .style-tile .product-description .product-compare form p input:focus,
            .style-tile-hover .product-description .product-compare form p input:focus,
            .color-tile .product-description .product-compare form p input:focus,
            .color-tile-hover .product-description .product-compare form p input:focus {
                border: solid 1px #bdbbb7;
            }

        .style-tile .product-description .product-compare form p label,
        .style-tile-hover .product-description .product-compare form p label,
        .color-tile .product-description .product-compare form p label,
        .color-tile-hover .product-description .product-compare form p label {
            text-transform: uppercase;
            font-size: 9px;
            letter-spacing: 2px;
            color: #3c3c3c;
            padding-top: 0;
            margin-left: 0;
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            left: 23px;
        }

    .style-tile .product-description .product-compare.hide-mobile-only,
    .style-tile-hover .product-description .product-compare.hide-mobile-only,
    .color-tile .product-description .product-compare.hide-mobile-only,
    .color-tile-hover .product-description .product-compare.hide-mobile-only {
        display: block;
    }

@media (max-width: 560px) {
    .style-tile .product-description .product-compare.hide-mobile-only,
    .style-tile-hover .product-description .product-compare.hide-mobile-only,
    .color-tile .product-description .product-compare.hide-mobile-only,
    .color-tile-hover .product-description .product-compare.hide-mobile-only {
        display: none;
    }
}

.style-tile .product-description .tech,
.style-tile-hover .product-description .tech,
.color-tile .product-description .tech,
.color-tile-hover .product-description .tech {
    width: 100%;
    font-size: 10px;
    line-height: 23px;
}

.style-tile .product-description .color-link-title,
.style-tile-hover .product-description .color-link-title,
.color-tile .product-description .color-link-title,
.color-tile-hover .product-description .color-link-title {
    text-decoration: none;
}

.style-tile .pinterest-wrapper,
.style-tile-hover .pinterest-wrapper,
.color-tile .pinterest-wrapper,
.color-tile-hover .pinterest-wrapper {
    display: block;
}

.style-tile-hover,
.color-tile-hover {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
}

    .style-tile-hover a.product-image,
    .color-tile-hover a.product-image {
        background-color: #fff9f2;
    }

.callout-block {
    padding: 5px;
    height: 100%;
    position: relative;
}

    .callout-block.callout-block--edge-ad a {
        cursor: default;
    }

    .callout-block a {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        height: 100%;
    }

    .callout-block .dark-mask {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .callout-block .item-content {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: 80%;
        max-width: 350px;
        padding: 15px;
        text-align: center;
        color: #323232;
        background: rgba(211, 200, 193, 0.95);
    }

        .callout-block .item-content .title {
            font-size: 20px;
            line-height: 27px;
            font-weight: 600;
            margin-bottom: 13px;
            text-transform: uppercase;
        }

        .callout-block .item-content h4 {
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            margin-bottom: 12px;
            text-transform: uppercase;
        }

        .callout-block .item-content p {
            font-size: 14px;
            line-height: 18px;
            margin: 0;
        }

            .callout-block .item-content p.loc {
                margin: 0 0 15px;
            }

.caret-tabulator .subtitle {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: .5px;
    margin-bottom: 5px;
}

.caret-tabulator .title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: block;
    font-size: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.caret-tabulator .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background: transparent;
}

    .caret-tabulator .tabs .tab {
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        padding: 30px;
        -ms-flex: 1 1 100px;
        flex: 1 1 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-top: solid 1px #979797;
        cursor: pointer;
    }

        .caret-tabulator .tabs .tab.active {
            font-weight: bold;
            border-bottom: none;
        }

            .caret-tabulator .tabs .tab.active::after {
                display: inline-block;
                content: '';
                width: 20px;
                height: 11px;
                background: url("/images/tab-caret.svg");
                background-repeat: no-repeat;
                background-size: cover;
                position: absolute;
                bottom: -1px;
            }

@media screen and (max-width: 47.9375em) {
    .caret-tabulator .tabs {
        display: none;
    }
}

.caret-tabulator .tabs-content {
    width: 100%;
    border: none;
    background: transparent;
    border-top: solid 1px #323232;
    border-bottom: solid 1px #323232;
}

    .caret-tabulator .tabs-content .tab {
        width: 100%;
        font-family: "Open-Sans", sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 40px 0 60px;
        display: block;
        position: relative;
    }

@media screen and (min-width: 48em) {
    .caret-tabulator .tabs-content .tab {
        display: none;
    }
}

.caret-tabulator .tabs-content .tab:before {
    display: inline-block;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 25px;
    content: '';
    width: 12px;
    height: 13px;
    background-image: url(/images/icons/close-x.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
}

.caret-tabulator .tabs-content .tab:after {
    display: block;
    width: 90%;
    border-bottom: solid 1px #979797;
    content: '';
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
}

.caret-tabulator .tabs-content .tab:first-child:after {
    display: none;
}

.caret-tabulator .tabs-content .tab.active:before {
    -ms-transform: translate(-50%, 0) rotate(0deg);
    transform: translate(-50%, 0) rotate(0deg);
}

.caret-tabulator .tabs-content .tabs-panel {
    display: none;
    width: 100%;
    padding: 0;
}

    .caret-tabulator .tabs-content .tabs-panel.active {
        display: block;
    }

.media-text-grid .section-title {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.media-text-grid .section-subtitle {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
}

.media-text-grid .grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 30px;
    max-width: 977px;
}

    .media-text-grid .grid .grid-item {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin: 20px 11px 0;
        padding: 217px 10px 0;
        display: -ms-flexbox;
        display: flex;
    }

@media (min-width: 560px) {
    .media-text-grid .grid .grid-item {
        padding: 217px 23px 0;
    }
}

.media-text-grid .grid .grid-item .grid-item-content-container {
    background-color: rgba(211, 200, 193, 0.95);
    color: #323232;
    padding: 28px 14px;
    font-size: 13.5px;
    text-align: center;
    width: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-title-alone {
        display: none;
    }

    .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-title {
        font-size: 13.5px;
        line-height: 1.3em;
        text-transform: uppercase;
        margin: 0;
    }

    .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-text {
        padding: 15px;
        line-height: 1.3em;
        margin: 0;
    }

    .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-cta {
        font-weight: bold;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 5px 0;
        text-decoration: none;
        text-transform: uppercase;
    }

        .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-cta:hover {
            background-color: rgba(216, 216, 216, 0.58);
            padding: 5px 25px;
            text-decoration: none;
        }

@media (min-width: 768px) {
    .media-text-grid .section-title {
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 5px;
    }

    .media-text-grid .grid .grid-item {
        background-size: cover;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        width: calc(50% - 22px);
    }

        .media-text-grid .grid .grid-item:hover .grid-item-content-container {
            background-color: rgba(0, 0, 0, 0.8);
            color: #ffffff;
        }

            .media-text-grid .grid .grid-item:hover .grid-item-content-container .grid-item-title-alone {
                display: none;
            }

            .media-text-grid .grid .grid-item:hover .grid-item-content-container .grid-item-title,
            .media-text-grid .grid .grid-item:hover .grid-item-content-container .grid-item-text,
            .media-text-grid .grid .grid-item:hover .grid-item-content-container .grid-item-cta {
                visibility: visible;
            }

        .media-text-grid .grid .grid-item .grid-item-content-container {
            background-color: transparent;
            -ms-flex-align: center;
            align-items: center;
            margin: 0;
            padding: 70px 50px;
            position: relative;
            width: 465px;
        }

            .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-title-alone {
                background-color: rgba(255, 249, 242, 0.95);
                display: block;
                font-size: 20px;
                line-height: 27px;
                font-weight: normal;
                text-transform: uppercase;
                margin: 0;
                padding: 36px 50px;
                position: absolute;
                left: 50%;
                top: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 300px;
            }

            .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-content {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-title {
                font-size: 20px;
                line-height: 27px;
                padding: 5px 0;
                visibility: hidden;
            }

            .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-text {
                font-size: 20px;
                line-height: 27px;
                margin: 30px 0;
                padding: 0;
                visibility: hidden;
            }

            .media-text-grid .grid .grid-item .grid-item-content-container .grid-item-cta {
                color: #ffffff;
                font-size: 15px;
                line-height: 27px;
                letter-spacing: 1.5px;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
                visibility: hidden;
            }
}

.media-text-carousel.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.media-text-carousel .item-container .item-image > img {
    margin: 0 auto;
}

.media-text-carousel .item-container .item-content {
    margin: 30px 20px 20px;
    text-align: center;
}

    .media-text-carousel .item-container .item-content .slide-logo-wrap > img {
        margin: 0 auto;
    }

    .media-text-carousel .item-container .item-content > p {
        margin: 25px auto 50px;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.5px;
    }

    .media-text-carousel .item-container .item-content .btn {
        border: 1px solid #323232;
        display: block;
        height: 50px;
        width: 250px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 50px;
        letter-spacing: 2px;
        font-weight: bold;
        margin: 15px auto 0px;
    }

        .media-text-carousel .item-container .item-content .btn:hover {
            background: #cdcdcd;
        }

@media (max-width: 767px) {
    .media-text-carousel .slick-list {
        height: inherit !important;
    }
}

.carousel-controls {
    max-width: 955px;
    margin: 29px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 979px) {
    .carousel-controls {
        margin-top: 5px;
    }
}

.carousel-controls .arrows-extra {
    display: none;
}

.carousel-controls .slick-prev,
.carousel-controls .slick-next {
    position: static;
    top: auto;
    -ms-transform: none;
    transform: none;
    height: 31px;
    width: 17px;
}

    .carousel-controls .slick-prev:before,
    .carousel-controls .slick-next:before {
        font-size: 31px;
        line-height: 31px;
        opacity: 1;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31'%3E%3Cpath fill='%23D3C8C1' fill-rule='evenodd' d='M14.42.625L17 3.308 5.158 15.625 17 27.943l-2.58 2.682-14.42-15z'/%3E%3C/svg%3E%0A");
    }

    .carousel-controls .slick-prev:hover:before,
    .carousel-controls .slick-next:hover:before {
        opacity: 0.7;
    }

.carousel-controls .slick-prev {
    left: auto;
}

.carousel-controls .slick-next {
    right: auto;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel-controls .dots {
    margin: 0 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .carousel-controls .dots .slick-dots {
        position: static;
        bottom: auto;
        height: 15px;
        line-height: 15px;
        display: -ms-flexbox;
        display: flex;
    }

        .carousel-controls .dots .slick-dots li {
            height: 15px;
            width: 15px;
            margin: 0 6px;
        }

            .carousel-controls .dots .slick-dots li button {
                height: 15px;
                width: 15px;
                padding: 0;
            }

                .carousel-controls .dots .slick-dots li button:before {
                    content: '';
                    opacity: 1;
                    background-color: transparent;
                    border: 1px solid #979797;
                    height: 15px;
                    width: 15px;
                    border-radius: 50%;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                }

                .carousel-controls .dots .slick-dots li button:hover:before {
                    background-color: rgba(216, 216, 216, 0.58);
                }

            .carousel-controls .dots .slick-dots li.slick-active button:before {
                opacity: 1;
                background-color: #C0C0C0;
                border: 1px solid #C0C0C0;
            }

@media (min-width: 768px) {
    .media-text-carousel .item-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .media-text-carousel .item-container .item-image {
            -ms-flex: 1;
            flex: 1;
            margin: 0;
        }

        .media-text-carousel .item-container .item-content {
            -ms-flex: 1;
            flex: 1;
            margin: 0 25px;
        }
}

@media (min-width: 1440px) {
    .media-text-carousel .item-container .item-content .btn {
        height: 70px;
        line-height: 70px;
    }

    .carousel-controls {
        max-width: 955px;
    }

        .carousel-controls > .slick-prev,
        .carousel-controls > .slick-next {
            display: none !important;
        }

        .carousel-controls .arrows-extra {
            display: inherit;
            height: 43px;
            max-width: 955px;
            width: 100%;
            position: absolute;
            top: 50%;
        }

            .carousel-controls .arrows-extra .slick-prev,
            .carousel-controls .arrows-extra .slick-next {
                height: 43px;
                width: 25px;
                z-index: 1000;
                position: absolute;
                top: 0;
                -ms-transform: translateY(-45px);
                transform: translateY(-45px);
            }

                .carousel-controls .arrows-extra .slick-prev:before,
                .carousel-controls .arrows-extra .slick-next:before {
                    font-size: 43px;
                    line-height: 43px;
                    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='43' viewBox='0 0 25 43'%3E%3Cpath fill='%23D3C8C1' fill-rule='evenodd' d='M21.207 0L25 3.846 7.586 21.501 25 39.156 21.207 43 0 21.5z'/%3E%3C/svg%3E%0A");
                }

            .carousel-controls .arrows-extra .slick-prev {
                left: 0;
            }

            .carousel-controls .arrows-extra .slick-next {
                right: 0;
                -ms-transform: translateY(-45px) rotate(180deg);
                transform: translateY(-45px) rotate(180deg);
            }
}

.media-text-carousel .item-container {
    padding: 0 65px;
}

.media-text-carousel .full-width .item-container {
    padding: 0;
}

    .media-text-carousel .full-width .item-container .item-image {
        margin: 0;
        padding: 0;
    }

        .media-text-carousel .full-width .item-container .item-image img {
            width: 100%;
            height: auto;
        }

.media-text-carousel .item-container {
    display: -ms-flexbox;
    display: flex;
}

    .media-text-carousel .item-container .image-title {
        position: relative;
    }

        .media-text-carousel .item-container .image-title h2 {
            position: absolute;
            top: 45%;
            font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
            font-size: 30px;
            font-weight: normal;
            color: white;
            text-align: center;
            width: 100%;
        }

@media (max-width: 767px) {
    .media-text-carousel .item-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

        .media-text-carousel .item-container .item-image {
            -ms-flex: 1;
            flex: 1;
            -ms-flex-order: 1;
            order: 1;
            margin: 0 auto;
        }

        .media-text-carousel .item-container .item-content {
            -ms-flex: 1;
            flex: 1;
            -ms-flex-order: 2;
            order: 2;
        }
}

.media-text-carousel .item-container .title-content {
    margin: 0;
    padding: 0;
}

    .media-text-carousel .item-container .title-content h2 {
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        font-size: 30px;
        font-weight: normal;
        padding: 0;
        margin: 0;
    }

@media (max-width: 767px) {
    .media-text-carousel .item-container .title-content h2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.media-text-carousel .item-container .title-content p {
    font-family: "Open-Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 30px;
    margin: 0;
}

@media (max-width: 767px) {
    .media-text-carousel .item-container .title-content p {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .media-text-carousel .item-container .title-content {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

.media-text-carousel .full-width .item-container .item-image {
    margin: 0;
    padding: 0;
}

    .media-text-carousel .full-width .item-container .item-image img {
        width: 100%;
        height: auto;
    }

.media-text-two-thirds {
    background: #fff9f2;
    margin-bottom: 30px;
}

    .media-text-two-thirds.dark-bg {
        background: #d3c8c1;
        padding-bottom: 35px;
    }

    .media-text-two-thirds .trend-card .img-wrap {
        text-align: center;
    }

    .media-text-two-thirds .trend-card .card-content {
        margin: 20px 45px 20px 20px;
    }

@media (max-width: 979px) {
    .media-text-two-thirds .trend-card .card-content {
        margin: 20px 20px 0 20px;
    }
}

.media-text-two-thirds .trend-card .card-content .content-wrapper {
    text-align: center;
}

    .media-text-two-thirds .trend-card .card-content .content-wrapper img {
        margin: 10px auto 0;
    }

    .media-text-two-thirds .trend-card .card-content .content-wrapper p {
        margin: 0 auto;
    }

    .media-text-two-thirds .trend-card .card-content .content-wrapper .cta {
        text-align: center;
        margin: 0 auto;
    }

        .media-text-two-thirds .trend-card .card-content .content-wrapper .cta .btn {
            background-color: #323232;
            color: #fff9f2;
            display: inline-block;
            text-transform: uppercase;
            width: 100%;
            font-size: 15px;
            line-height: 50px;
            letter-spacing: 1.3px;
            font-weight: bold;
            text-decoration: none;
            height: 50px;
            max-width: 250px;
            margin-top: 30px;
        }

            .media-text-two-thirds .trend-card .card-content .content-wrapper .cta .btn:hover {
                background-color: rgba(50, 50, 50, 0.58);
            }

.media-text-two-thirds .richtext h2 {
    line-height: 1.3em;
    margin-bottom: 20px;
    font-size: 28px;
}

.img-wrap .video-content,
.item-image .video-content {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    position: relative;
}

    .img-wrap .video-content img,
    .item-image .video-content img {
        width: 100%;
    }

    .img-wrap .video-content .video-button,
    .item-image .video-content .video-button {
        background-image: url("/images/icons/play.svg");
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        height: 80px;
        width: 80px;
    }

@media (min-width: 768px) {
    .media-text-two-thirds.dark-bg {
        padding-top: 35px;
    }

    .media-text-two-thirds .trend-card {
        display: -ms-flexbox;
        display: flex;
    }

        .media-text-two-thirds .trend-card .img-wrap {
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
            text-align: right;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .media-text-two-thirds .trend-card .card-content {
            -ms-flex: 0 0 35%;
            flex: 0 0 35%;
            position: relative;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .media-text-two-thirds .trend-card.reverse-layout .img-wrap {
            -ms-flex-order: 2;
            order: 2;
            text-align: left;
        }

        .media-text-two-thirds .trend-card.reverse-layout .card-content {
            -ms-flex-order: 1;
            order: 1;
        }
}

.account-login .section-title {
    color: #323232;
    font-size: 32px;
    line-height: 44px;
    lettet-spacing: 3.2px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 23px 20px;
}

.account-login .login-description {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 23px 30px;
    max-width: 650px;
}

.account-login .login-form-wrapper {
    margin: 0 33px 80px;
}

    .account-login .login-form-wrapper form {
        max-width: 475px;
        margin: 0 auto;
    }

        .account-login .login-form-wrapper form h4 {
            font-size: 15px;
            line-height: 17px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }

        .account-login .login-form-wrapper form .error-msg {
            margin: 10px auto 0;
            font-weight: bold;
            color: #f9473a;
        }

        .account-login .login-form-wrapper form .fields {
            padding: 0;
        }

        .account-login .login-form-wrapper form .field {
            margin: 20px auto 0;
            padding: 0 !important;
            width: 100%;
        }

            .account-login .login-form-wrapper form .field input {
                color: #000000;
                font-size: 12px;
                line-height: 16px;
                padding: 18px 15px 14px;
                height: auto;
                background: transparent;
                border: 1px solid #323232;
                box-shadow: none;
                letter-spacing: 1px;
            }

@media (max-width: 767px) {
    .account-login .login-form-wrapper form .field input {
        font-size: 13px;
    }
}

.account-login .login-form-wrapper form .field.animate-label label {
    opacity: 1;
    top: 17px;
    left: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}

    .account-login .login-form-wrapper form .field.animate-label label.stay,
    .account-login .login-form-wrapper form .field.animate-label label.always-stay,
    .account-login .login-form-wrapper form .field.animate-label input:focus + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

.account-login .login-form-wrapper form .login-options {
    clear: left;
    margin: 0 0 41px;
    padding: 16px 0 0;
}

    .account-login .login-form-wrapper form .login-options field.option {
        display: -ms-flexbox;
        display: flex;
    }

        .account-login .login-form-wrapper form .login-options field.option input {
            border: 2px solid #9b9b9b;
            border-radius: 0;
            margin: 0;
            height: 16px;
            width: 16px;
            float: none;
            display: block;
            color: #323232;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

            .account-login .login-form-wrapper form .login-options field.option input:checked:before {
                display: block;
                margin: -2px 0 0 -2px;
                -ms-transform: scale(0.75);
                transform: scale(0.75);
            }

        .account-login .login-form-wrapper form .login-options field.option label {
            display: block;
            color: #323232;
            font-size: 15px;
            line-height: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 0 0 20px;
            padding: 0;
            letter-spacing: 0;
        }

    .account-login .login-form-wrapper form .login-options .option a {
        font-size: 15px;
        font-weight: bold;
        display: block;
        margin: 22px 0 0;
        text-transform: uppercase;
    }

.account-login .login-form-wrapper form .button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 16px 0;
    margin: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff9f2;
    width: 100%;
}

    .account-login .login-form-wrapper form .button:hover {
        background: rgba(50, 50, 50, 0.58);
    }

    .account-login .login-form-wrapper form .button:disabled {
        background: rgba(50, 50, 50, 0.4);
        color: #323232;
    }

.account-login .login-form-wrapper hr {
    margin: 40px auto;
    background: #323232;
    max-width: 955px;
}

.account-login .login-form-wrapper .create-account h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    text-transform: normal;
    text-align: center;
}

.account-login .login-form-wrapper .create-account p {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 20px auto;
}

.account-login .login-form-wrapper .create-account a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .account-login .login-description {
        margin-left: auto;
        margin-right: auto;
    }

    .account-login .login-form-wrapper form {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .account-login .login-form-wrapper form .login-options {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .account-login .login-form-wrapper form .login-options .option a {
            line-height: 16px;
            margin-top: 0;
        }
}

@media (min-width: 1440px) {
    .account-login .section-title {
        font-size: 50px;
        line-height: 68px;
        lettet-spacing: 5px;
    }

    .account-login .login-form-wrapper form .button {
        margin-left: auto;
        margin-right: auto;
        padding: 26px 0;
        width: 235px;
    }
}

.account-register .section-title {
    color: #323232;
    font-size: 32px;
    line-height: 44px;
    lettet-spacing: 3.2px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 23px 20px;
}

.account-register .login-description {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 23px 30px;
    max-width: 650px;
}

.account-register .create-account-form-wrapper {
    margin: 0 33px 80px;
}

    .account-register .create-account-form-wrapper form {
        max-width: 475px;
        margin: 0 auto;
    }

        .account-register .create-account-form-wrapper form h4 {
            font-size: 15px;
            line-height: 17px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }

        .account-register .create-account-form-wrapper form .error-msg {
            margin: 10px auto 0;
            font-weight: bold;
            color: #f9473a;
        }

        .account-register .create-account-form-wrapper form .fields {
            padding: 0;
        }

        .account-register .create-account-form-wrapper form .field {
            margin: 20px auto 0;
            padding: 0 !important;
            width: 100%;
        }

            .account-register .create-account-form-wrapper form .field input {
                color: #000000;
                font-size: 12px;
                line-height: 16px;
                padding: 18px 15px 14px;
                height: auto;
                background: transparent;
                border: 1px solid #323232;
                box-shadow: none;
                letter-spacing: 1px;
            }

@media (max-width: 767px) {
    .account-register .create-account-form-wrapper form .field input {
        font-size: 13px;
    }
}

.account-register .create-account-form-wrapper form .field.animate-label label {
    opacity: 1;
    top: 17px;
    left: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}

    .account-register .create-account-form-wrapper form .field.animate-label label.stay,
    .account-register .create-account-form-wrapper form .field.animate-label input:focus + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

.account-register .create-account-form-wrapper form .form-footer {
    clear: left;
    margin: 0 0 50px;
    padding: 30px 0 0;
}

    .account-register .create-account-form-wrapper form .form-footer .two-col {
        overflow: hidden;
        padding: 0;
    }

        .account-register .create-account-form-wrapper form .form-footer .two-col .field {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 auto;
        }

        .account-register .create-account-form-wrapper form .form-footer .two-col input {
            border: 2px solid #9b9b9b;
            border-radius: 0;
            margin: 0;
            height: 16px;
            width: 16px;
            float: none;
            display: block;
            color: #323232;
            padding: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            position: relative;
        }

            .account-register .create-account-form-wrapper form .form-footer .two-col input:checked:before {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0;
                height: 5px;
                width: 14px;
                -ms-transform: scale(0.75);
                transform: scale(0.75);
            }

        .account-register .create-account-form-wrapper form .form-footer .two-col label {
            display: block;
            color: #323232;
            font-size: 15px;
            line-height: 20px;
            margin: 0 0 0 20px;
            padding: 0;
            letter-spacing: 0;
        }

.account-register .create-account-form-wrapper form .button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 16px 0;
    margin: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff9f2;
    width: 100%;
}

    .account-register .create-account-form-wrapper form .button:hover {
        background: rgba(50, 50, 50, 0.58);
    }

    .account-register .create-account-form-wrapper form .button:disabled {
        background: rgba(50, 50, 50, 0.4);
        color: #323232;
    }

.account-register .create-account-form-wrapper hr {
    margin: 50px auto;
    background: #323232;
    max-width: 955px;
}

.account-register .create-account-form-wrapper .message-box h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    text-transform: normal;
    text-align: center;
    margin: 0 auto 30px;
}

.account-register .create-account-form-wrapper .message-box a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .account-register .login-description {
        margin-left: auto;
        margin-right: auto;
    }

    .account-register .create-account-form-wrapper form {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .account-register .create-account-form-wrapper form {
        max-width: 870px;
    }

        .account-register .create-account-form-wrapper form .fields {
            display: -ms-flexbox;
            display: flex;
        }

        .account-register .create-account-form-wrapper form fieldset:nth-child(odd) {
            margin-right: 84px;
        }

        .account-register .create-account-form-wrapper form .form-footer .two-col label {
            max-width: 515px;
        }

        .account-register .create-account-form-wrapper form .button {
            margin-left: auto;
            margin-right: auto;
            padding: 26px 0;
            width: 235px;
        }
}

@media (min-width: 1440px) {
    .account-register .section-title {
        font-size: 50px;
        line-height: 68px;
        lettet-spacing: 5px;
    }
}

.appointment-confirmation-modal .white-bg {
    background-color: #fff9f2;
    max-width: 62rem;
    margin: auto;
    margin-top: 55px;
}

    .appointment-confirmation-modal .white-bg .container {
        text-align: center;
        padding: 80px;
    }

        .appointment-confirmation-modal .white-bg .container h1 {
            padding: 20px 0;
        }

        .appointment-confirmation-modal .white-bg .container .nav {
            padding: 30px 0;
        }

        .appointment-confirmation-modal .white-bg .container a.button {
            display: inline-block;
            background: inherit;
            color: #323232;
            font-size: 15px;
            font-weight: bold;
            padding: 15px 30px;
        }

        .appointment-confirmation-modal .white-bg .container input.button {
            display: inline-block;
        }

        .appointment-confirmation-modal .white-bg .container .button.button-primary {
            background-color: #323232;
            border: 1px solid #323232;
            color: #fff9f2;
            font-size: 14px;
            font-weight: bold;
            padding: 15px 30px;
        }

            .appointment-confirmation-modal .white-bg .container .button.button-primary:hover {
                background-color: #fff9f2;
                color: #323232;
            }

.forgot-password .section-title {
    color: #323232;
    font-size: 32px;
    line-height: 44px;
    lettet-spacing: 3.2px;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 23px 20px;
}

.forgot-password .login-description {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 23px 30px;
    max-width: 650px;
}

.forgot-password .forgot-password-form-wrapper {
    margin: 0 33px 80px;
}

    .forgot-password .forgot-password-form-wrapper form {
        max-width: 475px;
        margin: 0 auto;
    }

        .forgot-password .forgot-password-form-wrapper form h4 {
            font-size: 15px;
            line-height: 17px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }

        .forgot-password .forgot-password-form-wrapper form > p {
            font-size: 14px;
            line-height: 16px;
            margin: 10px auto 0;
        }

        .forgot-password .forgot-password-form-wrapper form .error-msg {
            margin: 10px auto 0;
            font-weight: bold;
            color: #f9473a;
        }

        .forgot-password .forgot-password-form-wrapper form .fields {
            padding: 0;
        }

        .forgot-password .forgot-password-form-wrapper form .field {
            margin: 20px auto 0;
            padding: 0 !important;
            width: 100%;
        }

            .forgot-password .forgot-password-form-wrapper form .field input {
                color: #000000;
                font-size: 12px;
                line-height: 16px;
                padding: 18px 15px 14px;
                height: auto;
                background: transparent;
                border: 1px solid #323232;
                box-shadow: none;
                letter-spacing: 1px;
            }

@media (max-width: 767px) {
    .forgot-password .forgot-password-form-wrapper form .field input {
        font-size: 13px;
    }
}

.forgot-password .forgot-password-form-wrapper form .field.animate-label label {
    opacity: 1;
    top: 17px;
    left: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}

    .forgot-password .forgot-password-form-wrapper form .field.animate-label label.stay,
    .forgot-password .forgot-password-form-wrapper form .field.animate-label input:focus + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

.forgot-password .forgot-password-form-wrapper form .login-options {
    clear: left;
    margin: 0 0 41px;
    padding: 16px 0 0;
}

    .forgot-password .forgot-password-form-wrapper form .login-options field.option {
        display: -ms-flexbox;
        display: flex;
    }

        .forgot-password .forgot-password-form-wrapper form .login-options field.option input {
            border: 2px solid #9b9b9b;
            border-radius: 0;
            margin: 0;
            height: 16px;
            width: 16px;
            float: none;
            display: block;
            color: #323232;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

            .forgot-password .forgot-password-form-wrapper form .login-options field.option input:checked:before {
                display: block;
                margin: -2px 0 0 -2px;
                -ms-transform: scale(0.75);
                transform: scale(0.75);
            }

        .forgot-password .forgot-password-form-wrapper form .login-options field.option label {
            display: block;
            color: #323232;
            font-size: 15px;
            line-height: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 0 0 20px;
            padding: 0;
            letter-spacing: 0;
        }

    .forgot-password .forgot-password-form-wrapper form .login-options .option a {
        font-size: 15px;
        font-weight: bold;
        display: block;
        margin: 22px 0 0;
        text-transform: uppercase;
    }

.forgot-password .forgot-password-form-wrapper form .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.forgot-password .forgot-password-form-wrapper .button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 16px 10px;
    margin: 0 auto;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff9f2;
    width: 100%;
    max-width: 235px;
    text-transform: uppercase;
}

    .forgot-password .forgot-password-form-wrapper .button:hover {
        background: rgba(50, 50, 50, 0.58);
    }

    .forgot-password .forgot-password-form-wrapper .button:disabled {
        background: rgba(50, 50, 50, 0.4);
        color: #323232;
    }

.forgot-password .forgot-password-form-wrapper .back-button {
    margin-right: 5px;
}

.forgot-password .forgot-password-form-wrapper .forgot-password-button {
    margin-left: 5px;
}

.forgot-password .forgot-password-form-wrapper .success-message {
    margin: 40px auto 0;
    text-align: center;
}

.forgot-password .forgot-password-form-wrapper h4.success-message {
    font-weight: bold;
}

.forgot-password .forgot-password-form-wrapper p.success-message {
    margin: 20px auto;
}

.forgot-password .forgot-password-form-wrapper hr {
    margin: 40px auto;
    background: #323232;
    max-width: 955px;
}

.forgot-password .forgot-password-form-wrapper .message-box h4 {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    text-transform: normal;
    text-align: center;
}

.forgot-password .forgot-password-form-wrapper .message-box p {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 20px auto;
}

.forgot-password .forgot-password-form-wrapper .message-box a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .forgot-password .login-description {
        margin-left: auto;
        margin-right: auto;
    }

    .forgot-password .forgot-password-form-wrapper form {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .forgot-password .forgot-password-form-wrapper form .login-options {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .forgot-password .forgot-password-form-wrapper form .login-options .option a {
            line-height: 16px;
            margin-top: 0;
        }
}

@media (min-width: 1440px) {
    .forgot-password .section-title {
        font-size: 50px;
        line-height: 68px;
        lettet-spacing: 5px;
    }
}

.reset-password-container {
    margin: 0 auto 40px;
    padding: 0 33px;
    text-align: center;
}

    .reset-password-container .error,
    .reset-password-container .success {
        margin: 10px auto;
        font-weight: bold;
        color: #f9473a;
    }

    .reset-password-container .success {
        color: #323232;
    }

    .reset-password-container .small {
        font-size: 15px;
        line-height: 17px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        max-width: 475px;
        margin: 25px auto 0;
    }

    .reset-password-container form {
        max-width: 475px;
        margin: 0 auto;
    }

        .reset-password-container form .fields {
            padding: 0;
        }

        .reset-password-container form .field {
            margin: 20px auto 0;
            padding: 0 !important;
            width: 100%;
        }

            .reset-password-container form .field input {
                color: #000000;
                font-size: 12px;
                line-height: 16px;
                padding: 18px 15px 14px;
                height: auto;
                background: transparent;
                border: 1px solid #323232;
                box-shadow: none;
                letter-spacing: 1px;
            }

@media (max-width: 767px) {
    .reset-password-container form .field input {
        font-size: 13px;
    }
}

.reset-password-container form .field.animate-label label {
    opacity: 1;
    top: 17px;
    left: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}

    .reset-password-container form .field.animate-label label.stay,
    .reset-password-container form .field.animate-label input:focus + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

.reset-password-container form #confirmPassword {
    margin-bottom: 20px;
}

.reset-password-container form .button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 16px 10px;
    margin: 0 auto;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff9f2;
    width: 100%;
    text-transform: uppercase;
}

    .reset-password-container form .button:hover {
        background: rgba(50, 50, 50, 0.58);
    }

    .reset-password-container form .button:disabled {
        background: rgba(50, 50, 50, 0.4);
        color: #323232;
    }

@media (min-width: 1440px) {
    .reset-password-container form .button {
        padding: 26px 0;
        width: 235px;
    }
}

.toggle-section .content {
    display: none;
}

    .toggle-section .content.active {
        display: block;
    }

.my-account {
    margin: 0 33px;
    text-align: center;
}

    .my-account h6 {
        font-size: 20px;
        line-height: 27px;
        text-transform: uppercase;
        margin: 30px auto 20px;
    }

    .my-account h2 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 3.2px;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .my-account a {
        display: block;
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: underline;
        text-transform: uppercase;
        margin: 20px auto 50px;
    }

    .my-account hr {
        background: none;
        border-bottom: 1px solid #979797;
        margin: 25px auto 0;
    }

@media (min-width: 1440px) {
    .my-account h6 {
        font-size: 21px;
        line-height: 28px;
    }

    .my-account h2 {
        font-size: 50px;
        line-height: 68px;
        letter-spacing: 5px;
        margin: 0 75px;
    }
}

.my-favorites {
    margin: 0 33px;
}

    .my-favorites.favorites-single-page {
        margin: 0 auto;
        max-width: 800px;
    }

        .my-favorites.favorites-single-page .section-title {
            font-size: 32px;
            line-height: 43px;
            letter-spacing: 3.2px;
            text-align: center;
            padding: 0 33px;
            margin: 30px auto 19px;
            text-transform: uppercase;
        }

        .my-favorites.favorites-single-page .favs-count {
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
            text-align: center;
            padding: 0 33px;
            margin: 0 auto 30px;
            text-transform: uppercase;
        }

        .my-favorites.favorites-single-page .content {
            padding: 0 33px;
        }

            .my-favorites.favorites-single-page .content .button {
                margin: 10px auto 0;
                font-weight: bold;
                width: auto;
                max-width: 330px;
            }

        .my-favorites.favorites-single-page .favs-pag {
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
            text-align: center;
            padding: 0 33px;
            margin: 20px auto 40px;
        }

    .my-favorites h3 {
        font-family: "Open-Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 4.3px;
        text-align: center;
        text-transform: uppercase;
        margin: 25px auto 0;
    }

        .my-favorites h3 span {
            cursor: pointer;
        }

        .my-favorites h3 .expandCollapseArrow {
            position: relative;
        }

            .my-favorites h3 .expandCollapseArrow:after {
                content: '';
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M5.098.535l5 5h-10z'/%3E%3C/svg%3E");
                height: 6px;
                width: 11px;
                display: inline-block;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                position: absolute;
                top: 16px;
                left: 12px;
            }

        .my-favorites h3.active .expandCollapseArrow:after {
            -ms-transform: none;
            transform: none;
        }

    .my-favorites .content > h6 {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        text-align: center;
        margin: 21px auto 31px;
    }

    .my-favorites ul.products {
        margin: 0 60px;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .my-favorites ul.products li.product-item {
            list-style: none;
            max-width: 330px;
        }

            .my-favorites ul.products li.product-item a.product-image {
                display: block;
                height: 320px;
                width: 320px;
                background-repeat: no-repeat;
                background-position: center;
            }

            .my-favorites ul.products li.product-item .product-details {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin: 15px 0 40px;
            }

                .my-favorites ul.products li.product-item .product-details .product-description {
                    margin: 0 15px 0 0;
                }

                    .my-favorites ul.products li.product-item .product-details .product-description .color-label {
                        color: #9b9b9b;
                        font-size: 15px;
                        line-height: 16px;
                        font-family: "Open-Sans-Semi-Bold", sans-serif;
                        margin: 0;
                        text-transform: uppercase;
                        letter-spacing: 0;
                    }

                    .my-favorites ul.products li.product-item .product-details .product-description .product-color {
                        font-size: 17px;
                        line-height: 18px;
                        font-family: "Open-Sans-Semi-Bold", sans-serif;
                        margin: 2px 0 6px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                    }

                    .my-favorites ul.products li.product-item .product-details .product-description .product-style {
                        color: rgba(50, 50, 50, 0.58);
                        font-size: 10px;
                        line-height: 12px;
                        margin: 0;
                        text-transform: uppercase;
                        letter-spacing: 0;
                    }

                .my-favorites ul.products li.product-item .product-details .product-utilities a.favorite {
                    display: inline-block;
                    margin: 0 auto;
                }

                    .my-favorites ul.products li.product-item .product-details .product-utilities a.favorite img {
                        margin: 0 auto;
                        width: 20px;
                        height: auto;
                    }

                .my-favorites ul.products li.product-item .product-details .product-utilities .shopping-bag-icon {
                    vertical-align: text-bottom;
                }

    .my-favorites .content .button {
        background: #323232;
        display: block;
        min-width: 0;
        padding: 16px 0;
        margin: 10px auto 50px;
        border-radius: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        color: #fff9f2;
        width: 100%;
    }

    .my-favorites hr {
        background: none;
        border-bottom: 1px solid #979797;
        margin: 35px auto 0;
    }

@media (min-width: 768px) {
    .my-favorites ul.products li.product-item {
        margin: 0 33px;
    }

    .my-favorites .content .button {
        width: 250px;
    }
}

@media (min-width: 1024px) {
    .my-favorites ul.products {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 12px;
    }

        .my-favorites ul.products li.product-item {
            margin: 0 12px;
        }

            .my-favorites ul.products li.product-item img {
                height: 215px;
                width: 215px;
            }

    .my-favorites.favorites-single-page .section-title {
        font-size: 50px;
        line-height: 68px;
        letter-spacing: 5px;
        margin: 78px auto 17px;
    }

    .my-favorites.favorites-single-page .favs-count {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.3px;
        margin: 0 auto 50px;
    }

    .my-favorites.favorites-single-page ul.products {
        margin: 0;
    }

        .my-favorites.favorites-single-page ul.products li.product-item {
            margin: 0 40px;
        }

            .my-favorites.favorites-single-page ul.products li.product-item img {
                height: 320px;
                width: 320px;
            }

    .my-favorites.favorites-single-page .content .button {
        margin: 60px auto 0;
    }

    .my-favorites.favorites-single-page .favs-pag {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.3px;
        margin: 20px auto 70px;
    }

    .my-favorites .content .button {
        padding: 26px 0;
    }
}

@media (min-width: 1440px) {
    .my-favorites h3 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 5px;
    }
}

.appointments-section {
    margin: 0 33px;
}

    .appointments-section h3 {
        font-family: "Open-Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 4.3px;
        text-align: center;
        text-transform: uppercase;
        margin: 25px auto 0;
    }

        .appointments-section h3 span {
            cursor: pointer;
        }

        .appointments-section h3 .expandCollapseArrow {
            position: relative;
        }

            .appointments-section h3 .expandCollapseArrow:after {
                content: '';
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M5.098.535l5 5h-10z'/%3E%3C/svg%3E");
                height: 6px;
                width: 11px;
                display: inline-block;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                position: absolute;
                top: 16px;
                left: 12px;
            }

        .appointments-section h3.active .expandCollapseArrow:after {
            -ms-transform: none;
            transform: none;
        }

    .appointments-section .content > h6 {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        text-align: center;
        margin: 21px auto 31px;
    }

    .appointments-section .appointment {
        margin: 32px auto 51px;
    }

        .appointments-section .appointment h6 {
            margin: 0 auto;
            text-align: center;
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
            word-wrap: break-word;
        }

        .appointments-section .appointment h4 {
            font-size: 20px;
            line-height: 27px;
            margin: 20px auto;
            text-align: center;
            word-wrap: break-word;
        }

        .appointments-section .appointment p {
            font-size: 15px;
            line-height: 28px;
            margin: 0 auto;
            text-align: center;
            word-wrap: break-word;
        }

        .appointments-section .appointment .appt-time {
            margin: 41px auto;
        }

        .appointments-section .appointment .appt-actions {
            margin: 0 auto;
            list-style: none;
        }

            .appointments-section .appointment .appt-actions li a {
                display: block;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                font-weight: bold;
                font-size: 15px;
                line-height: 27px;
                letter-spacing: 1.5px;
            }

                .appointments-section .appointment .appt-actions li a span {
                    text-decoration: underline;
                }

                    .appointments-section .appointment .appt-actions li a i,
                    .appointments-section .appointment .appt-actions li a span.map-pin-icon {
                        padding-right: 7px;
                    }

    .appointments-section hr {
        background: none;
        border-bottom: 1px solid #979797;
        margin: 35px auto 0;
    }

        .appointments-section hr.appt-divider {
            background: none;
            border-bottom: 1px dashed #979797;
        }

            .appointments-section hr.appt-divider:last-of-type {
                display: none;
            }

@media (min-width: 1024px) {
    .appointments-section .appointment {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 60px auto;
    }

        .appointments-section .appointment .appt-details,
        .appointments-section .appointment .appt-time,
        .appointments-section .appointment .appt-actions {
            -ms-flex: 1;
            flex: 1;
            margin: 0 40px;
        }

        .appointments-section .appointment .appt-actions {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }
}

@media (min-width: 1440px) {
    .appointments-section h3 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 5px;
    }
}

.sample-order {
    margin: 0 33px;
}

    .sample-order h3 {
        font-family: "Open-Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 4.3px;
        text-align: center;
        text-transform: uppercase;
        margin: 25px auto 0;
    }

        .sample-order h3 span {
            cursor: pointer;
        }

        .sample-order h3 .expandCollapseArrow {
            position: relative;
        }

            .sample-order h3 .expandCollapseArrow:after {
                content: '';
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M5.098.535l5 5h-10z'/%3E%3C/svg%3E");
                height: 6px;
                width: 11px;
                display: inline-block;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                position: absolute;
                top: 16px;
                left: 12px;
            }

        .sample-order h3.active .expandCollapseArrow:after {
            -ms-transform: none;
            transform: none;
        }

    .sample-order .content > h6 {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        text-align: center;
        margin: 21px auto 31px;
    }

    .sample-order .orders {
        margin: 25px 0 0;
        list-style: none;
    }

        .sample-order .orders .order {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .sample-order .orders .order .order-thumbnails {
                margin-right: 30px;
            }

                .sample-order .orders .order .order-thumbnails img {
                    display: block;
                    margin: 0 5px 5px 0;
                    max-height: 155px;
                    width: 155px;
                }

            .sample-order .orders .order .order-info {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            }

                .sample-order .orders .order .order-info h6 {
                    font-size: 15px;
                    line-height: 20px;
                    text-transform: uppercase;
                    margin: 0 auto 5px;
                }

                .sample-order .orders .order .order-info .order-num {
                    font-size: 32px;
                    line-height: 36px;
                    letter-spacing: 3.8px;
                    font-weight: bold;
                    margin: 0;
                    text-align: left;
                }

                .sample-order .orders .order .order-info .order-details {
                    display: block;
                    text-transform: uppercase;
                    text-decoration: underline;
                    font-weight: bold;
                    font-size: 15px;
                    line-height: 20px;
                    letter-spacing: 1.5px;
                    margin: 34px auto 45px;
                }

                .sample-order .orders .order .order-info p {
                    font-size: 15px;
                    line-height: 28px;
                    margin: 0 0 40px;
                }

                .sample-order .orders .order .order-info .order-quantity-container p {
                    margin-bottom: 15px;
                }

        .sample-order .orders hr {
            background: none;
            border-bottom: 1px dashed #979797;
            margin: 25px auto 35px;
        }

    .sample-order hr {
        background: none;
        border-bottom: 1px solid #979797;
        margin: 25px auto 0;
    }

@media (min-width: 768px) {
    .sample-order .orders {
        margin-top: 55px;
    }

        .sample-order .orders .order {
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .sample-order .orders .order .order-thumbnails {
                margin-right: 77px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                width: 480px;
                -ms-flex-line-pack: start;
                align-content: flex-start;
            }

        .sample-order .orders hr {
            margin: 50px auto;
        }
}

@media (min-width: 1440px) {
    .sample-order h3 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 5px;
    }
}

.my-profile {
    margin: 0 33px 40px;
}

    .my-profile h3 {
        font-family: "Open-Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 4.3px;
        text-align: center;
        text-transform: uppercase;
        margin: 25px auto 0;
    }

        .my-profile h3 span {
            cursor: pointer;
        }

        .my-profile h3 .expandCollapseArrow {
            position: relative;
        }

            .my-profile h3 .expandCollapseArrow:after {
                content: '';
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M5.098.535l5 5h-10z'/%3E%3C/svg%3E");
                height: 6px;
                width: 11px;
                display: inline-block;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                position: absolute;
                top: 16px;
                left: 12px;
            }

        .my-profile h3.active .expandCollapseArrow:after {
            -ms-transform: none;
            transform: none;
        }

    .my-profile .my-profile-form {
        margin: 50px auto 0;
        max-width: 475px;
    }

        .my-profile .my-profile-form h4 {
            text-transform: uppercase;
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 7px;
        }

        .my-profile .my-profile-form .fields {
            padding: 0;
        }

        .my-profile .my-profile-form .field {
            margin: 20px auto 0;
            padding: 0 !important;
            width: 100%;
        }

            .my-profile .my-profile-form .field input {
                color: #000000;
                font-size: 12px;
                line-height: 16px;
                font-weight: bold;
                padding: 18px 15px 14px;
                height: auto;
                background: transparent;
                border: 1px solid #323232;
                box-shadow: none;
                letter-spacing: 1px;
                height: 50px;
            }

@media (max-width: 767px) {
    .my-profile .my-profile-form .field input {
        font-size: 13px;
    }
}

.my-profile .my-profile-form .field.animate-label label {
    opacity: 1;
    top: 17px;
    left: 16px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}

    .my-profile .my-profile-form .field.animate-label label.stay,
    .my-profile .my-profile-form .field.animate-label input:focus + label,
    .my-profile .my-profile-form .field.animate-label select:focus + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

.my-profile .my-profile-form .change-password {
    clear: both;
    margin-bottom: 50px;
    padding-top: 20px;
}

    .my-profile .my-profile-form .change-password > a {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

.my-profile .my-profile-form .password-fields {
    margin-bottom: 50px;
}

.my-profile .my-profile-form .field-group {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .my-profile .my-profile-form .field-group .select-wrap {
        margin-right: 7px;
        width: calc(100% - 7px);
        border: none;
    }

        .my-profile .my-profile-form .field-group .select-wrap select {
            height: auto;
            font-size: 12px;
            line-height: 16px;
            font-weight: bold;
            padding: 18px 25px 14px;
            max-height: 50px;
            border: 1px solid #323232;
        }

        .my-profile .my-profile-form .field-group .select-wrap i {
            color: #323232;
            top: 38%;
        }

.my-profile .my-profile-form .submit-group {
    margin: 50px auto 0;
}

    .my-profile .my-profile-form .submit-group .button {
        background: #323232;
        display: block;
        min-width: 0;
        padding: 16px 0;
        margin: 0;
        border-radius: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        color: #fff9f2;
        width: 100%;
    }

        .my-profile .my-profile-form .submit-group .button:hover {
            background: rgba(50, 50, 50, 0.58);
        }

        .my-profile .my-profile-form .submit-group .button:disabled {
            background: rgba(50, 50, 50, 0.4);
            color: #323232;
        }

@media (min-width: 1024px) {
    .my-profile {
        margin-bottom: 60px;
    }

        .my-profile .my-profile-form {
            max-width: 870px;
        }

            .my-profile .my-profile-form .fields {
                display: -ms-flexbox;
                display: flex;
            }

            .my-profile .my-profile-form fieldset {
                -ms-flex: 1;
                flex: 1;
            }

                .my-profile .my-profile-form fieldset:nth-child(odd) {
                    margin-right: 84px;
                }

            .my-profile .my-profile-form .submit-group .button {
                margin-left: auto;
                margin-right: auto;
                padding: 26px 0;
                width: 250px;
            }
}

@media (min-width: 1440px) {
    .my-profile h3 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 5px;
    }
}

.no-content-msg {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: center;
    margin: 21px auto 0;
}

.why-karastan-text {
    padding-bottom: 70px;
}

section.product-details {
    background: #faf8f4;
    z-index: 6;
    position: relative;
}

@media (max-width: 768px) {
    section.product-details {
        padding-top: .5em;
    }
}

section.product-details h2 {
    line-height: 1.2;
    margin-bottom: .1em;
    letter-spacing: 1px;
}

section.product-details h5 {
    color: #888281;
    margin-bottom: .5em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    section.product-details h5 {
        font-size: .75em;
    }
}

section.product-details.show-only-mobile {
    padding-bottom: 1.5em;
}

section.product-details .product-detail-review > a {
    text-decoration: none;
}

section.product-details .stars {
    margin-bottom: .25em;
}

@media (min-width: 768px) {
    section.product-details .stars {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

section.product-details .product-details-image {
    position: relative;
    margin-top: 0;
    padding: 30px 0;
    text-align: center;
}

    section.product-details .product-details-image .pinterest-wrapper {
        width: 80%;
        height: auto;
        margin: 0 auto 7px;
        display: block;
    }

        section.product-details .product-details-image .pinterest-wrapper > img {
            width: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        section.product-details .product-details-image .pinterest-wrapper h1 {
            color: #888281;
            letter-spacing: 1px;
            margin-bottom: .5em;
            font-size: 1.25em;
        }

@media (max-width: 560px) {
    section.product-details .product-details-image .pinterest-wrapper h1 {
        font-size: 1.125em;
    }
}

section.product-details .product-details-image .pinterest-wrapper h5 {
    margin-bottom: .75em;
}

@media (max-width: 560px) {
    section.product-details .product-details-image {
        padding: 15px 0;
    }
}

section.product-details .ratings-module .stars .icon-star {
    display: inline-block;
    color: #dededc;
    font-size: 1.3em;
}

    section.product-details .ratings-module .stars .icon-star.partial {
        overflow: hidden;
        position: absolute;
        color: #ffba08;
    }

section.product-details a.view-colors {
    display: none;
}

@media (max-width: 768px) {
    section.product-details a.view-colors {
        display: inline-block;
        line-height: 1;
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 20px;
        font-size: 14px;
    }

        section.product-details a.view-colors:after {
            content: 'View All Colors';
        }

        section.product-details a.view-colors.active:after {
            content: 'Hide All Colors';
        }
}

.product-details-container {
    position: relative;
}

@media (min-width: 768px) {
    .product-details-container {
        padding: 3em 0;
    }
}

.product-samples-container {
    padding: 2em 0 3em;
    background: #fff;
}

@media (max-width: 768px) {
    .product-samples-container {
        background: #faf8f4;
        padding: 0 0 1em;
        max-height: 0;
        overflow: hidden;
        transition: all 500ms;
    }

        .product-samples-container.active {
            max-height: 40em;
            padding: 0 0 2em;
        }
}

.product-samples-container h4 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1em;
    color: black;
}

.product-samples-container .owl-carousel {
    max-width: 800px;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 979px) {
    .product-samples-container .owl-carousel {
        width: 85%;
    }
}

@media (max-width: 768px) {
    .product-samples-container .owl-carousel {
        max-width: 430px;
        width: 75%;
    }
}

.product-samples-container .owl-carousel .item a {
    display: inline-block;
    width: 20%;
    margin: 0 2.5%;
    padding: 7px;
    border: 1px solid #fff;
    float: left;
}

    .product-samples-container .owl-carousel .item a:hover, .product-samples-container .owl-carousel .item a.current-color {
        border: 1px solid #e9e7e4;
        transition: all 250ms;
    }

@media (max-width: 768px) {
    .product-samples-container .owl-carousel .item a {
        display: block;
        width: 100%;
        margin: 0;
        border: none;
    }

        .product-samples-container .owl-carousel .item a:hover {
            border: none;
            transition: none;
        }
}

.product-samples-container .owl-carousel .owl-nav {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    margin-top: 0;
    width: 100%;
}

    .product-samples-container .owl-carousel .owl-nav .owl-prev,
    .product-samples-container .owl-carousel .owl-nav .owl-next {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background: transparent;
        font-family: icomoon;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 12px;
        margin: 0;
        padding: 10px 15px;
        -o-transition: .2s ease-out, .3s ease-in;
        -ms-transition: .2s ease-out, .3s ease-in;
        -moz-transition: .2s ease-out, .3s ease-in;
        -webkit-transition: .2s ease-out, .3s ease-in;
    }

        .product-samples-container .owl-carousel .owl-nav .owl-prev:hover:not(.disabled),
        .product-samples-container .owl-carousel .owl-nav .owl-next:hover:not(.disabled) {
            background: rgba(163, 160, 157, 0.2) !important;
            border-radius: 0 !important;
        }

    .product-samples-container .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: -80px;
    }

        .product-samples-container .owl-carousel .owl-nav .owl-prev:after {
            content: '\e604';
            color: #a3a09d;
        }

        .product-samples-container .owl-carousel .owl-nav .owl-prev:hover:after {
            content: '\e604';
            color: #fff !important;
        }

        .product-samples-container .owl-carousel .owl-nav .owl-prev.disabled {
            display: none;
        }

    .product-samples-container .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: -80px;
    }

        .product-samples-container .owl-carousel .owl-nav .owl-next:after {
            content: '\e605';
            color: #a3a09d;
        }

        .product-samples-container .owl-carousel .owl-nav .owl-next:hover:after {
            content: '\e605';
            color: #fff !important;
        }

        .product-samples-container .owl-carousel .owl-nav .owl-next.disabled {
            display: none;
        }

@media (max-width: 768px) {
    .product-samples-container .owl-carousel .owl-nav {
        display: none;
    }
}

.product-samples-container .owl-carousel .owl-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -30px;
    width: 100%;
}

    .product-samples-container .owl-carousel .owl-dots .owl-dot span {
        margin: 5px 3px;
        background: #d8d8d8;
        border: solid 1px #d2d0cc;
    }

    .product-samples-container .owl-carousel .owl-dots .owl-dot.active span {
        background: transparent;
    }

@media (max-width: 560px) {
    .product-samples-container .owl-carousel .owl-dots {
        bottom: -35px;
    }
}

@media (min-width: 768px) {
    .product-details-container > div {
        display: inline-block;
    }

        .product-details-container > div:nth-child(1) {
            width: 29.5%;
            vertical-align: top;
            padding-top: 2em;
        }

        .product-details-container > div:nth-child(2) {
            width: 39.5%;
            border-right: 1px solid #e9e7e4;
            border-left: 1px solid #e9e7e4;
        }

        .product-details-container > div:nth-child(3) {
            width: 29%;
            vertical-align: top;
            padding-right: 1.5em;
            padding-left: 2em;
        }
}

.product-info {
    margin-bottom: 1em;
    padding-top: .5em;
    text-align: center;
}

@media (max-width: 979px) {
    .product-info {
        margin-bottom: 0;
    }
}

.product-info .discontinued-msg {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.product-info a.link-red {
    font-size: 12px;
}

.product-info .product-actions {
    margin-top: 15px;
}

.product-info .zip-submit {
    display: inline-block;
    position: absolute;
    top: 1px;
    background: none;
    outline: none;
    cursor: pointer;
    color: #a3a09d;
    font-size: 0.75em;
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    border: 1px solid rgba(163, 160, 157, 0);
    height: 100%;
}

    .product-info .zip-submit:hover {
        background: rgba(163, 160, 157, 0.2);
        color: #fff;
    }

.product-info .price-info {
    margin-bottom: 1em;
    margin-top: 1em;
}

.product-info .style-name {
    margin-bottom: .2em;
}

@media (min-width: 768px) {
    .product-info {
        margin-bottom: 0;
        padding: 20px 20px 0 10px;
    }
}

@media (min-width: 768px) {
    .product-info.discontinued {
        padding-top: 0;
    }
}

.product-info .product-detail-review {
    position: relative;
}

    .product-info .product-detail-review .stars-wrapper {
        display: inline-block;
    }

@media (max-width: 768px) {
    .product-info .product-detail-review.hide-mobile {
        display: none;
    }
}

.product-info .product-detail-review.show-mobile-only {
    margin-top: 1em;
}

@media (min-width: 768px) {
    .product-info .product-detail-review.show-mobile-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .product-info .product-detail-review {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

@media (max-width: 560px) {
    .product-info .product-detail-review .stars-wrapper {
        display: block;
    }
}

.product-info .review-link {
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-left: 1em;
    height: 100%;
}

@media (max-width: 768px) {
    .product-info .review-link {
        padding-bottom: 7px;
        width: 100%;
        margin-left: 0;
    }
}

.product-info .review-link i {
    color: #a3a09d;
}

.product-info p {
    font-size: 12px;
}

@media (min-width: 768px) {
    .product-info p {
        margin-top: 0;
    }
}

.product-info p > span {
    font-size: 22px;
    font-weight: normal;
}

.product-info p.fine-print {
    max-width: 250px;
    margin: 0 auto;
    color: #f3f3f3;
    line-height: 1.5;
}

    .product-info p.fine-print a,
    .product-info p.fine-print a:visited {
        color: #f3f3f3;
        font-style: italic;
    }

.product-info .estimate-link {
    font-size: 14px;
}

@media (min-width: 768px) {
    .product-info .estimate-link {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .show-only-mobile {
        display: none;
    }
}

.product-actions .mobile-adjust {
    margin-top: .6em;
    margin-bottom: .5em;
}

.product-actions.retailer-list-container {
    padding-top: 1.5em !important;
    height: 100%;
}

    .product-actions.retailer-list-container.show-mobile-only {
        background-color: #faf8f4;
        padding: 20px 0;
    }

        .product-actions.retailer-list-container.show-mobile-only .icon-group {
            text-align: center;
            margin-bottom: 15px;
        }

    .product-actions.retailer-list-container retailer-search .zip-form .input-wrap {
        position: relative;
    }

        .product-actions.retailer-list-container retailer-search .zip-form .input-wrap button.zip-submit {
            right: 10px;
        }

    .product-actions.retailer-list-container p.located {
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        color: #1d1b1b;
        text-transform: initial;
        margin-bottom: 5px;
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

@media (max-width: 768px) {
    .product-actions.retailer-list-container p.located {
        max-width: 250px;
        font-size: 22px;
        line-height: 1.3;
        letter-spacing: .6px;
    }
}

.product-actions.retailer-list-container .retailer-address-list {
    margin-top: 1em;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    .product-actions.retailer-list-container .retailer-address-list {
        max-height: 235px;
        overflow-y: auto;
    }
}

@media (max-width: 768px) {
    .product-actions.retailer-list-container .retailer-address-list {
        margin-top: .5em;
        margin-bottom: 1em;
    }
}

.product-actions.retailer-list-container .retailer-address-list .address-wrapper {
    border-bottom: solid 1px #e4e4e5;
    width: 100%;
}

@media (max-width: 768px) {
    .product-actions.retailer-list-container .retailer-address-list .address-wrapper {
        padding: 0 75px 0;
    }
}

.product-actions.retailer-list-container .retailer-address-list .address-wrapper:last-of-type {
    border-bottom: none;
}

.product-actions.retailer-list-container .retailer-address-list .address-wrapper .retailer-address {
    padding: 15px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}

    .product-actions.retailer-list-container .retailer-address-list .address-wrapper .retailer-address p {
        text-transform: initial;
        text-align: left;
        margin-bottom: 0;
        font-size: 12px;
        font-family: serif;
        font-weight: 300;
        color: #888281;
        line-height: 1.5;
    }

        .product-actions.retailer-list-container .retailer-address-list .address-wrapper .retailer-address p.retailer-name {
            color: #58595b;
            font-size: 13px;
            font-family: serif;
        }

    .product-actions.retailer-list-container .retailer-address-list .address-wrapper .retailer-address.icon-map-pin-dot:before {
        color: red;
        position: absolute;
        top: 15px;
        left: 0;
    }

@media (max-width: 768px) {
    .product-actions.retailer-list-container .retailer-address-list .address-wrapper .retailer-address {
        max-width: 250px;
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.product-actions.retailer-list-container .retailer-address-list .address-wrapper .link-red {
    font-size: 13px;
}

.product-actions.retailer-list-container .retailer-address-list::-webkit-scrollbar {
    width: 3px;
    /* for vertical scrollbars */
}

.product-actions.retailer-list-container .retailer-address-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.product-actions.retailer-list-container .retailer-address-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

.product-actions .locate-retailer {
    font-size: 22px;
    letter-spacing: .6px;
    color: #1d1b1b;
    font-weight: 300;
    text-align: center;
    line-height: 1.5;
    text-transform: initial;
    max-width: 240px;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .product-actions .locate-retailer span {
        display: block;
        width: 100%;
    }

.product-actions .input-zip {
    border: none;
    border-bottom: solid 1px black;
    background-color: #faf8f4;
    text-align: center;
    max-width: 140px;
    font-size: 22px;
    padding: 0;
    line-height: 1;
    font-weight: 300;
    color: #9b9b9b;
    box-shadow: none;
}

    .product-actions .input-zip:focus {
        outline: none;
        border: none;
        border-bottom: solid 1px #979797;
        color: #9b9b9b;
    }

@media (max-width: 768px) {
    .product-actions .input-zip {
        margin-top: .2em;
        margin-bottom: .5em;
    }
}

.product-actions p {
    font-size: 12px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .product-actions p .large-number {
        font-family: serif;
        font-size: 75px;
    }
}

.product-actions a {
    text-decoration: none;
}

.product-actions .button-group {
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .product-actions .button-group {
        margin-bottom: .5em;
        margin-top: 1.5em;
    }
}

.product-actions .button-group .button {
    padding: 1.1em 2em;
    min-width: 132px;
}

@media (min-width: 768px) {
    .product-actions .button-group .button {
        margin-bottom: 1em;
        margin: 0 0 1em;
    }
}

@media (max-width: 768px) {
    .product-actions .icon-group.hide-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .product-actions .icon-group.show-mobile-only {
        display: none;
    }
}

.product-actions .icon-group a {
    color: #a3a09d;
    font-size: 125%;
    margin-right: 7px;
}

    .product-actions .icon-group a:last-of-type {
        margin-right: 0;
    }

    .product-actions .icon-group a.icon-heart:hover, .product-actions .icon-group a.icon-heart.active {
        color: #f9473a;
    }

.product-actions .icon-group sample-pdp {
    margin-right: 7px;
}

@media only screen and (min-width: 1025px) {
    .product-actions .favorite:hover {
        color: #f9473a;
    }
}

.product-actions a.view-retailers {
    font-size: 14px;
}

fav-heart a.icon-heart.active {
    color: #f9473a !important;
}

section.product-room-scene img {
    width: 100%;
    height: auto;
    display: block;
}

section.product-side-view {
    background: #faf8f4;
    padding-bottom: 2.5em;
}

    section.product-side-view .container {
        text-align: center;
    }

        section.product-side-view .container img {
            width: 100%;
        }

@media (max-width: 768px) {
    section.product-side-view .container img {
        width: 90%;
    }
}

section.product-specs {
    padding: 2em 0;
    background: #faf8f4;
    text-align: center;
}

    section.product-specs .container .title {
        text-align: center;
        margin-bottom: 5em;
    }

        section.product-specs .container .title img {
            width: 40%;
        }

@media (max-width: 768px) {
    section.product-specs .container .title {
        margin-bottom: 3em;
    }
}

section.product-specs .container ul.overview-details {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    border-bottom: solid 1px #d3d3d3;
    margin-top: 3em;
    -ms-flex-pack: center;
    justify-content: center;
}

    section.product-specs .container ul.overview-details:last-of-type {
        border: none;
        margin-top: 2em;
        padding-bottom: 0;
    }

    section.product-specs .container ul.overview-details li {
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        padding: 0 2em;
        text-align: center;
    }

        section.product-specs .container ul.overview-details li .spec-img {
            min-height: 70px;
            min-width: 80px;
            position: relative;
            margin-bottom: 10px;
        }

            section.product-specs .container ul.overview-details li .spec-img img {
                display: inline-block;
                position: relative;
                left: 50%;
                top: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: absolute;
            }

        section.product-specs .container ul.overview-details li p {
            font-size: 14px;
            font-family: serif;
            line-height: 1.3;
        }

@media (min-width: 768px) {
    section.product-specs .container ul.overview-details li p {
        max-width: 180px;
        margin: 0 auto;
    }

        section.product-specs .container ul.overview-details li p.additional-details-offset {
            min-height: 70px;
        }
}

section.product-specs .container ul.overview-details li p.additional {
    opacity: 0;
    margin: 0 auto;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

    section.product-specs .container ul.overview-details li p.additional.active {
        margin: 1.5em auto 0;
        opacity: 1;
    }

@media (max-width: 768px) {
    section.product-specs .container ul.overview-details {
        display: block;
    }

        section.product-specs .container ul.overview-details li {
            margin-top: 2.5em;
        }

            section.product-specs .container ul.overview-details li:first-of-type {
                margin-top: 0;
            }

            section.product-specs .container ul.overview-details li p.additional {
                opacity: 1;
                margin-top: 1em;
            }

                section.product-specs .container ul.overview-details li p.additional.active {
                    margin-top: 1em;
                }
}

section.product-specs .container .additional-details {
    text-align: center;
    max-height: 0;
    overflow: hidden;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

    section.product-specs .container .additional-details h3 {
        font-size: 20px;
        text-align: center;
        font-family: serif;
    }

    section.product-specs .container .additional-details ul.details-container {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 2.5em 2em 0;
        -ms-flex-pack: center;
        justify-content: center;
    }

        section.product-specs .container .additional-details ul.details-container li {
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            text-align: center;
            margin-bottom: 25px;
        }

            section.product-specs .container .additional-details ul.details-container li h6 {
                font-size: 12px;
                font-family: "Open-Sans", sans-serif;
                text-transform: uppercase;
            }

            section.product-specs .container .additional-details ul.details-container li p {
                font-size: 14px;
                margin-top: 10px;
                font-family: serif;
            }

@media (max-width: 768px) {
    section.product-specs .container .additional-details ul.details-container {
        display: block;
        margin-top: 1.5em;
        margin-bottom: 0;
    }

        section.product-specs .container .additional-details ul.details-container li {
            margin-bottom: 2em;
        }

            section.product-specs .container .additional-details ul.details-container li:last-of-type {
                margin-bottom: 0;
            }

            section.product-specs .container .additional-details ul.details-container li p {
                margin-top: 5px;
            }
}

section.product-specs .container .additional-details.active {
    max-height: 30em;
    padding-top: 2em;
}

@media (max-width: 768px) {
    section.product-specs .container .additional-details.active {
        max-height: 50em;
    }
}

section.product-specs .container .additional-details-button {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}

    section.product-specs .container .additional-details-button:after {
        content: 'View Detailed Specs';
        text-transform: uppercase;
    }

    section.product-specs .container .additional-details-button.active:after {
        content: 'Hide Detailed Specs';
    }

@media (max-width: 768px) {
    section.product-specs .container .additional-details-button {
        margin-top: 2.5em;
    }
}

.clearfix,
.row {
    *zoom: 1;
}

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

    .clearfix:after,
    .row:after {
        clear: both;
    }

.print-page {
    page-break-after: always;
    margin-bottom: 70px;
}

    .print-page:last-child {
        page-break-after: none;
    }

.print-masthead {
    width: 100%;
    margin-bottom: 26pt;
    padding: 10pt 25pt;
    border-bottom: 1pt solid #eeede9;
}

.print-footer {
    width: 100%;
    margin-top: 10pt;
    padding: 10pt 35pt;
    border-top: 1pt dashed #eeede9;
    background: #fff;
}

    .print-footer h6 {
        text-transform: uppercase;
    }

    .print-footer > p {
        margin: 0 0 2pt;
        font-size: 9pt;
        color: #3d3a39;
    }

.print-content > .hr {
    display: block;
    width: 50pt;
    height: 1pt;
    margin: 20pt auto 10pt;
}

.print-content .map {
    display: block;
    margin: 30pt auto 10pt;
}

.print-pdp h1,
.print-pdp h2,
.print-pdp h3 h4,
.print-pdp h5,
.print-pdp h6,
.print-pdp p {
    color: #000;
}

.print-pdp h3,
.print-pdp h5,
.print-pdp p {
    font-size: 8pt;
}

.print-pdp h1 {
    font-size: 18pt;
    margin-bottom: 0;
}

.print-pdp h3 {
    font-family: "Open-Sans", sans-serif;
}

.print-pdp h4 {
    margin: 0;
}

.print-pdp p {
    font-family: serif;
}

.print-pdp .row {
    display: block;
    width: 100%;
    max-width: initial;
}

.print-pdp .col-half {
    float: left;
    width: 50%;
    padding-right: 3.3191489%;
}

.print-pdp .product-description,
.print-pdp .product-details-print {
    width: 94.5098039%;
    margin: 0 auto;
    padding: 0 25pt 25pt;
    background: #fff;
}

.print-pdp .product-description {
    border-bottom: 2pt solid #e7e6e6;
}

    .print-pdp .product-description img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 225px;
        height: auto;
    }

    .print-pdp .product-description p {
        font-size: 10pt;
    }

    .print-pdp .product-description h1 {
        font-size: 18pt;
        font-family: serif;
    }

    .print-pdp .product-description span {
        font-family: serif;
    }

    .print-pdp .product-description h3 {
        font-size: 8px;
        color: #888281;
        margin: 10px 0;
    }

    .print-pdp .product-description h4 {
        font-size: 13px;
        font-family: serif;
    }

    .print-pdp .product-description .col-half:last-child {
        padding-top: 5%;
    }

.print-pdp .product-details-print {
    padding-top: 40pt;
}

.print-pdp .detail {
    padding-bottom: 7.5pt;
}

    .print-pdp .detail h5 {
        text-transform: uppercase;
        font-size: 11px;
        margin-bottom: 10px;
    }

    .print-pdp .detail p {
        line-height: 1.4;
    }

@media (max-width: 767px) {
    section.product-details {
        display: none;
    }
}

section.product-details .room-header {
    display: block;
    height: 385px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: 30% 60%;
    background-color: #d4c9c2;
}

@media (max-width: 768px) {
    section.product-details .room-header {
        height: 350px;
    }
}

section.product-details .room-header ul {
    display: block;
    position: absolute;
    right: 25px;
    bottom: 25px;
}

@media (max-width: 979px) {
    section.product-details .room-header ul {
        display: none;
    }
}

section.product-details .room-header ul li {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    border: 3px solid transparent;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

    section.product-details .room-header ul li.selected {
        border: 3px solid #323232;
    }

section.product-details .room-header .button.desktop {
    background: #a3a09d;
    position: absolute;
    bottom: 25px;
    right: 25px;
    margin: 0;
    width: 200px;
}

section.product-details > .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
}

    section.product-details > .row .column.swatches-section, section.product-details > .row .swatches-section.columns {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section, section.product-details > .row .swatches-section.columns {
        -ms-flex: 0 0 330px;
        flex: 0 0 330px;
        max-width: 330px;
    }
}

section.product-details > .row .column.swatches-section div.swatch-image, section.product-details > .row .swatches-section.columns div.swatch-image {
    display: block;
    position: relative;
    height: 400px;
    width: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 460px;
    background-color: #faf8f4;
    top: -240px;
    margin: 0 auto -240px;
    border: solid 10px #faf8f4;
}

    section.product-details > .row .column.swatches-section div.swatch-image.bg-contain, section.product-details > .row .swatches-section.columns div.swatch-image.bg-contain {
        background-size: contain;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.swatch-image, section.product-details > .row .swatches-section.columns div.swatch-image {
        width: 200px;
        height: 200px;
        border: solid 5px #faf8f4;
        top: -170px;
        margin: 0 auto -165px;
    }
}

section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite,
section.product-details > .row .column.swatches-section div.swatch-image .search,
section.product-details > .row .swatches-section.columns div.swatch-image .search {
    display: block;
    width: 48px;
    height: 48px;
    background-color: rgba(59, 56, 53, 0.7);
    position: absolute;
    top: 0;
    cursor: pointer;
}

    section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span,
    section.product-details > .row .column.swatches-section div.swatch-image .search span,
    section.product-details > .row .swatches-section.columns div.swatch-image .search span {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: 27px;
        height: 27px;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite,
    section.product-details > .row .column.swatches-section div.swatch-image .search,
    section.product-details > .row .swatches-section.columns div.swatch-image .search {
        width: 31px;
        height: 31px;
    }

        section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span,
        section.product-details > .row .column.swatches-section div.swatch-image .search span,
        section.product-details > .row .swatches-section.columns div.swatch-image .search span {
            width: 20px;
            height: 20px;
        }
}

section.product-details > .row .column.swatches-section div.swatch-image .favorite, section.product-details > .row .swatches-section.columns div.swatch-image .favorite {
    left: 0;
}

    section.product-details > .row .column.swatches-section div.swatch-image .favorite span, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span {
        background-image: url(/images/pdp/pdp-heart.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

        section.product-details > .row .column.swatches-section div.swatch-image .favorite span.selected, section.product-details > .row .swatches-section.columns div.swatch-image .favorite span.selected {
            background-image: url(/images/pdp/heart-selected.svg);
        }

section.product-details > .row .column.swatches-section div.swatch-image .search,
section.product-details > .row .swatches-section.columns div.swatch-image .search {
    right: 0;
}

    section.product-details > .row .column.swatches-section div.swatch-image .search span,
    section.product-details > .row .swatches-section.columns div.swatch-image .search span {
        background-image: url(/images/pdp/zoom.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

section.product-details > .row .column.swatches-section h2, section.product-details > .row .swatches-section.columns h2 {
    color: #3b3835;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

section.product-details > .row .column.swatches-section h5, section.product-details > .row .swatches-section.columns h5 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #3b3835;
    margin-top: 5px;
    margin-bottom: 10px;
}

section.product-details > .row .column.swatches-section div.fav, section.product-details > .row .swatches-section.columns div.fav {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 15px auto 20px;
    background-image: url(/images/pdp/heart.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    section.product-details > .row .column.swatches-section div.fav.selected, section.product-details > .row .swatches-section.columns div.fav.selected {
        background-image: url(/images/pdp/heart-selected.svg);
    }

section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
    margin-top: 25px;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
}

    section.product-details > .row .column.swatches-section div.buttons button, section.product-details > .row .swatches-section.columns div.buttons button, section.product-details > .row .column.swatches-section div.buttons a, section.product-details > .row .swatches-section.columns div.buttons a {
        text-transform: uppercase;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        text-decoration: none;
        padding: 20px;
    }

    section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples {
        position: relative;
        margin: 0;
        margin-right: 20px;
        font-size: 14px;
        font-weight: 700;
    }

    section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
        margin: 0;
    }

@media (max-width: 979px) {
    section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples, section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            margin-bottom: 10px;
            padding: 10px 20px;
        }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples {
            line-height: 27px;
            border-radius: 0;
            background: #a3a09d !important;
            margin: 0 0 10px;
        }
}

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section div.buttons, section.product-details > .row .swatches-section.columns div.buttons {
        -ms-flex-pack: center;
        justify-content: center;
    }

        section.product-details > .row .column.swatches-section div.buttons .samples, section.product-details > .row .swatches-section.columns div.buttons .samples, section.product-details > .row .column.swatches-section div.buttons .ready-to-buy, section.product-details > .row .swatches-section.columns div.buttons .ready-to-buy {
            -ms-flex: 0 0 250px;
            flex: 0 0 250px;
        }
}

section.product-details > .row .column.swatches-section .count, section.product-details > .row .swatches-section.columns .count {
    margin: 20px auto 0;
    text-align: center;
}

    section.product-details > .row .column.swatches-section .count span, section.product-details > .row .swatches-section.columns .count span {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

section.product-details > .row .column.swatches-section .slider-container, section.product-details > .row .swatches-section.columns .slider-container {
    margin-top: 30px;
    padding-bottom: 60px;
}

    section.product-details > .row .column.swatches-section .slider-container h3, section.product-details > .row .swatches-section.columns .slider-container h3 {
        font-size: 16px;
        color: #3b3835;
        text-align: center;
    }

    section.product-details > .row .column.swatches-section .slider-container.rugs, section.product-details > .row .swatches-section.columns .slider-container.rugs {
        margin-top: 10px;
        padding-bottom: 20px;
        border-bottom: solid 1px #a3a09d;
    }

        section.product-details > .row .column.swatches-section .slider-container.rugs .slick-carousel, section.product-details > .row .swatches-section.columns .slider-container.rugs .slick-carousel {
            margin-top: 0;
        }

            section.product-details > .row .column.swatches-section .slider-container.rugs .slick-carousel .slick-slide > div, section.product-details > .row .swatches-section.columns .slider-container.rugs .slick-carousel .slick-slide > div {
                text-align: center;
            }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        max-width: 800px;
        margin: 30px auto 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.tablet, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.tablet {
            display: none;
        }

@media (min-width: 768px) and (max-width: 979px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        width: 85%;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.desktop, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.desktop {
            display: none;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel.tablet, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel.tablet {
            display: block;
        }
}

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel {
        max-width: 430px;
        width: 75%;
    }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item > div, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item > div {
    overflow: hidden;
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a {
    width: 20%;
    margin: 0 2.5%;
    border: none;
    float: left;
    text-decoration: none;
    text-align: center;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a img, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a img {
        border: 1px solid transparent;
        margin-bottom: -2px;
        padding: 4px;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a:hover img, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a:hover img,
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a.current-color img,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a.current-color img {
        padding: 4px;
        border: 1px solid #eeede9;
        transition: all 250ms;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a span {
        font-size: 11px;
        text-decoration: none;
        color: #3b3835;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a {
        display: block;
        width: 95px;
        margin: 0;
        border: none;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a:hover, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a:hover {
            border: none;
            transition: none;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .item a span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .item a span {
            display: none;
        }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav {
    position: absolute;
    margin-top: 0;
    width: 100%;
    bottom: -25px;
    z-index: 1;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev,
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background: transparent;
        font-family: icomoon;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 12px;
        margin: 0;
        padding: 10px 15px;
        -o-transition: .2s ease-out, .3s ease-in;
        -ms-transition: .2s ease-out, .3s ease-in;
        -moz-transition: .2s ease-out, .3s ease-in;
        -webkit-transition: .2s ease-out, .3s ease-in;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:hover:not(.disabled), section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:hover:not(.disabled),
        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:hover:not(.disabled),
        section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:hover:not(.disabled) {
            background: rgba(163, 160, 157, 0.2) !important;
            border-radius: 0 !important;
        }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:after {
            content: '\e604';
            color: #a3a09d;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev:hover:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev:hover:after {
            content: '\e604';
            color: #fff !important;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-prev.disabled, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-prev.disabled {
            display: none;
        }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next,
    section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: 0;
    }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:after {
            content: '\e605';
            color: #a3a09d;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next:hover:after, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next:hover:after {
            content: '\e605';
            color: #fff !important;
        }

        section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav .owl-next.disabled, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav .owl-next.disabled {
            display: none;
        }

@media (max-width: 768px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-nav, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-nav {
        display: none;
    }
}

section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px;
    width: 100%;
}

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots .owl-dot span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots .owl-dot span {
        margin: 5px 3px;
        background: #d8d8d8;
        border: solid 1px #d2d0cc;
        width: 8px;
        height: 8px;
    }

    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots .owl-dot.active span, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots .owl-dot.active span {
        background: transparent;
    }

@media (max-width: 560px) {
    section.product-details > .row .column.swatches-section .slider-container .owl-carousel .owl-dots, section.product-details > .row .swatches-section.columns .slider-container .owl-carousel .owl-dots {
        bottom: -35px;
    }
}

section.product-details > .row .column.swatches-section .slider-container a.view-all, section.product-details > .row .swatches-section.columns .slider-container a.view-all {
    display: block;
    margin-top: 50px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

section.product-details > .row .column.main-info, section.product-details > .row .main-info.columns {
    -ms-flex: 0 0 565px;
    flex: 0 0 565px;
    padding-left: 25px;
    padding-top: 23px;
}

    section.product-details > .row .column.main-info h2, section.product-details > .row .main-info.columns h2 {
        font-size: 43px;
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        text-transform: uppercase;
        color: #3b3835;
        margin-bottom: 10px;
    }

    section.product-details > .row .column.main-info h3, section.product-details > .row .main-info.columns h3 {
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: .5px;
        color: #3b3835;
        text-transform: uppercase;
    }

    section.product-details > .row .column.main-info .icons, section.product-details > .row .main-info.columns .icons {
        margin: 15px 0 30px;
    }

        section.product-details > .row .column.main-info .icons a, section.product-details > .row .main-info.columns .icons a {
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
            width: 31px;
            height: 31px;
            margin: 0 5px;
        }

            section.product-details > .row .column.main-info .icons a.email, section.product-details > .row .main-info.columns .icons a.email {
                background-image: url(/images/pdp/mail.svg);
            }

            section.product-details > .row .column.main-info .icons a.facebook, section.product-details > .row .main-info.columns .icons a.facebook {
                background-image: url(/images/pdp/facebook.svg);
            }

            section.product-details > .row .column.main-info .icons a.pinterest, section.product-details > .row .main-info.columns .icons a.pinterest {
                background-image: url(/images/pdp/pinterest.svg);
            }

    section.product-details > .row .column.main-info .specifications-section, section.product-details > .row .main-info.columns .specifications-section {
        margin-top: 30px;
    }

@media (max-width: 768px) {
    section.product-details > .row .column.main-info .specifications-section, section.product-details > .row .main-info.columns .specifications-section {
        margin-top: 15px;
    }
}

section.product-details > .row .column.main-info .specifications-section .tabs, section.product-details > .row .main-info.columns .specifications-section .tabs {
    background-color: transparent;
    padding: 0;
    -ms-flex-pack: left;
    justify-content: left;
}

    section.product-details > .row .column.main-info .specifications-section .tabs .tab, section.product-details > .row .main-info.columns .specifications-section .tabs .tab {
        min-height: 44px;
        padding: 0;
        border-color: #d4c9c2;
        text-transform: none;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    section.product-details > .row .column.main-info .specifications-section .tabs .tab, section.product-details > .row .main-info.columns .specifications-section .tabs .tab {
        height: 40px;
    }
}

section.product-details > .row .column.main-info .specifications-section .tabs .tab.active, section.product-details > .row .main-info.columns .specifications-section .tabs .tab.active {
    border: 1px solid #d4c9c2;
    background-color: #d4c9c2;
}

section.product-details > .row .column.main-info .specifications-section .tabs .tab:first-child::before, section.product-details > .row .main-info.columns .specifications-section .tabs .tab:first-child::before, section.product-details > .row .column.main-info .specifications-section .tabs .tab:last-child::before, section.product-details > .row .main-info.columns .specifications-section .tabs .tab:last-child::before {
    content: none;
}

section.product-details > .row .column.main-info .specifications-section .tabs-content, section.product-details > .row .main-info.columns .specifications-section .tabs-content {
    background-color: transparent;
}

    section.product-details > .row .column.main-info .specifications-section .tabs-content .tab, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab {
        border-bottom: 2px solid #faf8f4;
        background-color: #d4c9c2;
        color: #ffffff;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tab span, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab span {
            color: #3b3835;
            font-size: 16px;
            font-weight: bold;
            text-transform: initial;
            display: block;
            position: relative;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tab span:after, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab span:after {
                font-weight: normal;
                color: #3b3835;
                content: '+';
                font-size: 28px;
                top: -4px;
                position: absolute;
                right: 9px;
            }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tab.active span:after, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tab.active span:after {
            content: '_';
            top: -13px;
            right: 11px;
        }

    section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel {
        padding: 20px;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul {
            list-style-type: none;
            margin: 0;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul li, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul li {
                margin-bottom: 6px;
            }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .tabs-panel#warranty ul > span, section.product-details > .row .main-info.columns .specifications-section .tabs-content .tabs-panel#warranty ul > span {
                display: block;
                margin-top: 20px;
            }

    section.product-details > .row .column.main-info .specifications-section .tabs-content #description img, section.product-details > .row .main-info.columns .specifications-section .tabs-content #description img {
        width: 30%;
        padding: 25px 0;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content h2, section.product-details > .row .main-info.columns .specifications-section .tabs-content h2 {
        font-size: 24px;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content h3, section.product-details > .row .main-info.columns .specifications-section .tabs-content h3 {
        margin-bottom: 20px;
    }

    section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 15px;
        }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec .key, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec .key {
                -ms-flex: 0 0 170px;
                flex: 0 0 170px;
                font-size: 14px;
                color: #3b3835;
                text-transform: uppercase;
            }

            section.product-details > .row .column.main-info .specifications-section .tabs-content .specifications-table .spec .val, section.product-details > .row .main-info.columns .specifications-section .tabs-content .specifications-table .spec .val {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding-left: 20px;
                color: #3b3835;
                font-size: 14px;
            }

@media (max-width: 979px) {
    section.product-details > .row .column.main-info, section.product-details > .row .main-info.columns {
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        padding-left: 15px;
        padding-right: 15px;
    }

        section.product-details > .row .column.main-info h2, section.product-details > .row .main-info.columns h2 {
            font-size: 30px;
        }
}

section.product-details .sizes-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin: 20px -7px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 979px) {
    section.product-details .sizes-container {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

section.product-details .sizes-container .size {
    margin-bottom: 20px;
    width: 100%;
}

    section.product-details .sizes-container .size.size-3 {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    section.product-details .sizes-container .size.size-1 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    }

@media (max-width: 979px) {
    section.product-details .sizes-container .size.size-1 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

section.product-details .sizes-container .size .category {
    display: block;
    text-align: center;
}

    section.product-details .sizes-container .size .category img {
        width: auto;
        margin-bottom: 5px;
        height: 30px;
    }

    section.product-details .sizes-container .size .category span {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: block;
    }

section.product-details .sizes-container .size .vals {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (max-width: 979px) {
    section.product-details .sizes-container .size .vals {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

section.product-details .sizes-container .size .vals .val {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 120px;
    border: solid 1px #323232;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 7px 10px;
    cursor: pointer;
}

    section.product-details .sizes-container .size .vals .val.selected {
        background: #c4c3c2;
    }

section.product-details.mobile {
    display: none;
}

@media (max-width: 767px) {
    section.product-details.mobile {
        display: block;
    }
}

section.product-details.mobile > .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.product-details.mobile .product-description {
    padding: 12px;
}

    section.product-details.mobile .product-description h2 {
        font-size: 25px;
        font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
        text-transform: uppercase;
    }

    section.product-details.mobile .product-description .description {
        font-size: 12px;
        line-height: 1.4;
    }

section.product-details.mobile .room-header {
    position: relative;
}

    section.product-details.mobile .room-header .button {
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 22px;
        width: 250px;
        bottom: auto;
        margin: 0;
    }

section.product-details.mobile .slider-container {
    text-align: center;
}

    section.product-details.mobile .slider-container h2 {
        font-size: 19px;
        font-weight: bold;
        margin-top: -10px;
    }

    section.product-details.mobile .slider-container .view-all {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    section.product-details.mobile .slider-container .slick-slider {
        background: transparent;
        margin-top: -75px;
    }

        section.product-details.mobile .slider-container .slick-slider .slick-list .slick-track {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 40px 0;
        }

        section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide > div {
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

@media (min-width: 768px) and (max-width: 979px) {
    section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) {
        max-width: 80px;
    }
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) img {
    height: 150px;
}

@media (max-width: 767px) {
    section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item {
        border-left: none;
        border-right: none;
    }
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item .favorite {
    left: 0;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide:not(.slick-center) .item .search {
    right: 0;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide.slick-current {
    width: 150px !important;
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1;
    transition: all .3s;
}

section.product-details.mobile .slider-container .slick-slider .slick-list .slick-slide.slick-cloned.slick-center:not(.slick-active) {
    height: 150px;
}

section.product-details.mobile .slider-container .slick-slider .item {
    border: solid 5px #faf8f4;
    position: relative;
}

    section.product-details.mobile .slider-container .slick-slider .item a {
        display: block;
        height: 100%;
    }

    section.product-details.mobile .slider-container .slick-slider .item .favorite,
    section.product-details.mobile .slider-container .slick-slider .item .search {
        display: block;
        width: 25px;
        height: 25px;
        background-color: rgba(59, 56, 53, 0.7);
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 1;
    }

        section.product-details.mobile .slider-container .slick-slider .item .favorite span,
        section.product-details.mobile .slider-container .slick-slider .item .search span {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            width: 15px;
            height: 15px;
        }

    section.product-details.mobile .slider-container .slick-slider .item .favorite {
        left: 0;
    }

        section.product-details.mobile .slider-container .slick-slider .item .favorite span {
            background-image: url(/images/pdp/pdp-heart.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

            section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon {
                margin-top: 0;
            }

                section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.active, section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.filled, section.product-details.mobile .slider-container .slick-slider .item .favorite span.heart-icon.selected {
                    background-image: url(/images/pdp/heart-selected.svg);
                }

    section.product-details.mobile .slider-container .slick-slider .item .search {
        right: 0;
    }

        section.product-details.mobile .slider-container .slick-slider .item .search span {
            background-image: url(/images/pdp/zoom.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

section.product-details.mobile .slider-container .slick-slider .slick-prev,
section.product-details.mobile .slider-container .slick-slider .slick-next {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    height: 30px;
    width: 20px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
}

    section.product-details.mobile .slider-container .slick-slider .slick-prev:before,
    section.product-details.mobile .slider-container .slick-slider .slick-next:before {
        display: none;
    }

    section.product-details.mobile .slider-container .slick-slider .slick-prev:after,
    section.product-details.mobile .slider-container .slick-slider .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
    }

    section.product-details.mobile .slider-container .slick-slider .slick-prev.slick-disabled,
    section.product-details.mobile .slider-container .slick-slider .slick-next.slick-disabled {
        display: none !important;
    }

section.product-details.mobile .slider-container .slick-slider .slick-prev {
    left: 10px;
    background-image: url(/images/pdp/left-white-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

section.product-details.mobile .slider-container .slick-slider .slick-next {
    right: 10px;
    background-image: url(/images/pdp/right-white-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

section.product-details.mobile .column.swatches-section, section.product-details.mobile .swatches-section.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: initial;
    text-align: center;
}

    section.product-details.mobile .column.swatches-section h2, section.product-details.mobile .swatches-section.columns h2 {
        font-weight: 400;
        margin: 15px 0 10px;
    }

    section.product-details.mobile .column.swatches-section .view-all, section.product-details.mobile .swatches-section.columns .view-all {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    section.product-details.mobile .column.swatches-section .buttons, section.product-details.mobile .swatches-section.columns .buttons {
        text-align: center;
        margin-top: 30px;
    }

        section.product-details.mobile .column.swatches-section .buttons button, section.product-details.mobile .swatches-section.columns .buttons button, section.product-details.mobile .column.swatches-section .buttons a, section.product-details.mobile .swatches-section.columns .buttons a {
            margin: 0 0 10px;
            padding: 10px 15px;
            -ms-flex: 0 0 250px;
            flex: 0 0 250px;
        }

            section.product-details.mobile .column.swatches-section .buttons button.add-sample, section.product-details.mobile .swatches-section.columns .buttons button.add-sample, section.product-details.mobile .column.swatches-section .buttons a.add-sample, section.product-details.mobile .swatches-section.columns .buttons a.add-sample {
                background: #f3f3f3;
            }

section.product-details.mobile .column.main-info, section.product-details.mobile .main-info.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: initial;
    padding: 0;
}

    section.product-details.mobile .column.main-info .specifications-section .tabs-content .specifications-table .spec .key, section.product-details.mobile .main-info.columns .specifications-section .tabs-content .specifications-table .spec .key {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    section.product-details.mobile .column.main-info .specifications-section .tab, section.product-details.mobile .main-info.columns .specifications-section .tab {
        border-bottom: 2px solid white;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }

        section.product-details.mobile .column.main-info .specifications-section .tab span, section.product-details.mobile .main-info.columns .specifications-section .tab span {
            color: white;
            text-transform: initial;
            display: block;
            position: relative;
        }

            section.product-details.mobile .column.main-info .specifications-section .tab span:after, section.product-details.mobile .main-info.columns .specifications-section .tab span:after {
                color: #ffffff;
                content: '+';
                font-size: 28px;
                top: -4px;
                position: absolute;
                right: 0;
            }

        section.product-details.mobile .column.main-info .specifications-section .tab.active span:after, section.product-details.mobile .main-info.columns .specifications-section .tab.active span:after {
            content: '_';
            top: -13px;
            right: 1px;
        }

    section.product-details.mobile .column.main-info .specifications-section .tabs-content .tabs-panel, section.product-details.mobile .main-info.columns .specifications-section .tabs-content .tabs-panel {
        padding: 20px;
    }

#desktopZoom .slick-carousel {
    margin-top: 20px;
}

    #desktopZoom .slick-carousel .item {
        width: 105px;
    }

        #desktopZoom .slick-carousel .item > div {
            overflow: hidden;
        }

        #desktopZoom .slick-carousel .item a {
            width: 105px;
            margin: 0 auto;
            border: none;
            float: none;
            display: block;
            text-decoration: none;
            text-align: center;
        }

            #desktopZoom .slick-carousel .item a img {
                border: 1px solid transparent;
                margin-bottom: -2px;
                padding: 4px;
            }

            #desktopZoom .slick-carousel .item a:hover img,
            #desktopZoom .slick-carousel .item a.current-color img {
                padding: 4px;
                border: 1px solid #eeede9;
                transition: all 250ms;
            }

            #desktopZoom .slick-carousel .item a span {
                font-size: 11px;
                text-decoration: none;
                color: #3b3835;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                max-width: 100%;
                display: inline-block;
            }

@media (max-width: 768px) {
    #desktopZoom .slick-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

#desktopZoom .slick-carousel .slick-prev,
#desktopZoom .slick-carousel .slick-next {
    position: absolute;
    bottom: 0;
    color: transparent;
    width: 30px;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
    font-weight: bold;
}

    #desktopZoom .slick-carousel .slick-prev:after,
    #desktopZoom .slick-carousel .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        color: #a3a09d;
    }

#desktopZoom .slick-carousel .slick-prev {
    left: 50%;
    margin-left: -70px;
}

    #desktopZoom .slick-carousel .slick-prev:after {
        content: '\e604';
    }

@media (max-width: 560px) {
    #desktopZoom .slick-carousel .slick-prev {
        left: 10px;
        margin: 0;
    }
}

#desktopZoom .slick-carousel .slick-next {
    right: 50%;
    margin-right: -70px;
}

    #desktopZoom .slick-carousel .slick-next:after {
        content: '\e605';
    }

@media (max-width: 560px) {
    #desktopZoom .slick-carousel .slick-next {
        right: 10px;
        margin: 0;
    }
}

#desktopZoom .slick-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    display: inline-block;
    text-align: center;
}

    #desktopZoom .slick-carousel .slick-dots li {
        display: inline-block;
        margin: 0;
    }

        #desktopZoom .slick-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: #a3a09d;
            border: 1px solid #a3a09d;
            width: 12px;
            height: 12px;
        }

            #desktopZoom .slick-carousel .slick-dots li button:before {
                content: '';
            }

        #desktopZoom .slick-carousel .slick-dots li.slick-active button {
            background: transparent;
        }

#desktopZoom > .container {
    background: white;
    padding: 40px;
    margin: 80px auto;
}

#desktopZoom h2 {
    color: #3b3835;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
}

#desktopZoom .image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 500px;
    position: relative;
    transition: background-image .1s linear;
    background-position: center;
}

    #desktopZoom .image-container ul {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 25px;
        padding: 8px;
        background: #faf8f4;
    }

        #desktopZoom .image-container ul li {
            display: block;
            float: left;
            width: 70px;
            height: 70px;
            border: 3px solid transparent;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
        }

            #desktopZoom .image-container ul li.selected {
                border: 3px solid #f3f3f3;
            }

#desktopZoom .bottom {
    width: 100%;
}

    #desktopZoom .bottom .info {
        position: relative;
    }

    #desktopZoom .bottom h2 {
        text-align: center;
        font-size: 25px;
        margin: 25px 0;
        padding-left: 16px;
    }

    #desktopZoom .bottom .utilities-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 10px;
    }

        #desktopZoom .bottom .utilities-container .divider {
            vertical-align: super;
            color: #a3a09d;
            font-size: 14px;
        }

        #desktopZoom .bottom .utilities-container a {
            text-decoration: none;
            display: inline-block;
        }

        #desktopZoom .bottom .utilities-container.invisible {
            display: none;
        }

        #desktopZoom .bottom .utilities-container span.shopping-bag-icon, #desktopZoom .bottom .utilities-container span.heart-icon {
            background-size: 100% 100%;
        }

    #desktopZoom .bottom .slick-carousel {
        margin: 0 60px;
    }

        #desktopZoom .bottom .slick-carousel .slick-prev,
        #desktopZoom .bottom .slick-carousel .slick-next {
            top: 50px;
            position: absolute;
            color: transparent;
            width: 30px;
            height: 50px;
            font-size: 13px;
            z-index: 1;
            font-weight: normal;
        }

        #desktopZoom .bottom .slick-carousel .slick-prev {
            left: 0;
            margin-left: -60px;
        }

        #desktopZoom .bottom .slick-carousel .slick-next {
            right: 0;
            margin-right: -60px;
        }

#mobileZoom > .container,
#mobileRoomScenes > .container {
    padding: 40px;
}

@media (max-width: 768px) {
    #mobileZoom > .container,
    #mobileRoomScenes > .container {
        padding: 20px;
    }
}

#mobileZoom h2,
#mobileRoomScenes h2 {
    font-family: "Stilson-Regular", Georgia, "Times New Roman", Times, serif;
    color: #3b3835;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: uppercase;
    padding: 0 20px;
}

#mobileZoom .close-button,
#mobileRoomScenes .close-button {
    font-size: 45px;
}

#mobileZoom .image-container,
#mobileRoomScenes .image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
}

    #mobileZoom .image-container ul,
    #mobileRoomScenes .image-container ul {
        display: block;
        position: absolute;
        right: 25px;
        bottom: 25px;
    }

        #mobileZoom .image-container ul li,
        #mobileRoomScenes .image-container ul li {
            display: block;
            float: left;
            width: 70px;
            height: 70px;
            border: 3px solid transparent;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
        }

            #mobileZoom .image-container ul li.selected,
            #mobileRoomScenes .image-container ul li.selected {
                border: 3px solid #f3f3f3;
            }

#mobileZoom .bottom,
#mobileRoomScenes .bottom {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

    #mobileZoom .bottom h2,
    #mobileRoomScenes .bottom h2 {
        font-size: 19px;
        font-weight: 600;
        margin: 5px 0;
        padding-left: 16px;
        font-family: "Open-Sans", sans-serif;
    }

    #mobileZoom .bottom .utilities-container,
    #mobileRoomScenes .bottom .utilities-container {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: absolute;
        top: 0px;
        right: 10px;
    }

        #mobileZoom .bottom .utilities-container .divider,
        #mobileRoomScenes .bottom .utilities-container .divider {
            color: #a3a09d;
            font-size: 14px;
        }

        #mobileZoom .bottom .utilities-container a,
        #mobileRoomScenes .bottom .utilities-container a {
            text-decoration: none;
            display: inline-block;
        }

        #mobileZoom .bottom .utilities-container.invisible,
        #mobileRoomScenes .bottom .utilities-container.invisible {
            display: none;
        }

    #mobileZoom .bottom owl-carousel,
    #mobileRoomScenes .bottom owl-carousel {
        background: transparent;
        height: 155px;
    }

        #mobileZoom .bottom owl-carousel .owl-stage-outer .owl-stage,
        #mobileRoomScenes .bottom owl-carousel .owl-stage-outer .owl-stage {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

        #mobileZoom .bottom owl-carousel .item,
        #mobileRoomScenes .bottom owl-carousel .item {
            width: 155px;
            border: solid 5px #faf8f4;
        }

            #mobileZoom .bottom owl-carousel .item a,
            #mobileRoomScenes .bottom owl-carousel .item a {
                display: block;
                height: 100%;
            }

        #mobileZoom .bottom owl-carousel .owl-nav,
        #mobileRoomScenes .bottom owl-carousel .owl-nav {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            width: 100%;
            margin: 0;
        }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-prev,
            #mobileZoom .bottom owl-carousel .owl-nav .owl-next,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                height: 145px;
                width: 30px;
                background-color: rgba(0, 0, 0, 0.4);
                margin: 0;
                padding: 0;
                border-radius: 0;
                font-family: icomoon;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                font-size: 12px;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileZoom .bottom owl-carousel .owl-nav .owl-next:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next:after {
                    position: relative;
                    left: 50%;
                    top: 50%;
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    position: absolute;
                }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-prev,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev {
                left: 0;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-prev:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-prev:after {
                    content: '\e604';
                    color: white;
                }

            #mobileZoom .bottom owl-carousel .owl-nav .owl-next,
            #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next {
                right: 0;
            }

                #mobileZoom .bottom owl-carousel .owl-nav .owl-next:after,
                #mobileRoomScenes .bottom owl-carousel .owl-nav .owl-next:after {
                    content: '\e605';
                    color: white;
                }

#mobileZoom .swipe-message,
#mobileRoomScenes .swipe-message {
    font-size: 13px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.4);
    height: 45px;
    position: relative;
    left: 0;
    right: 0;
    display: block;
    z-index: 10;
    text-align: center;
    line-height: 45px;
}

    #mobileZoom .swipe-message:before, #mobileZoom .swipe-message:after,
    #mobileRoomScenes .swipe-message:before,
    #mobileRoomScenes .swipe-message:after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 45px;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    #mobileZoom .swipe-message:before,
    #mobileRoomScenes .swipe-message:before {
        background-image: url(/images/pdp/left-arrow.svg);
        left: 20px;
    }

    #mobileZoom .swipe-message:after,
    #mobileRoomScenes .swipe-message:after {
        background-image: url(/images/pdp/right-arrow.svg);
        right: 20px;
    }

#mobileZoom .image-container,
#mobileRoomScenes .image-container {
    top: auto;
}

    #mobileZoom .image-container .item,
    #mobileRoomScenes .image-container .item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 470px;
    }

    #mobileZoom .image-container .owl-nav,
    #mobileRoomScenes .image-container .owl-nav {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 100%;
        margin: 0;
    }

        #mobileZoom .image-container .owl-nav .owl-prev,
        #mobileZoom .image-container .owl-nav .owl-next,
        #mobileRoomScenes .image-container .owl-nav .owl-prev,
        #mobileRoomScenes .image-container .owl-nav .owl-next {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            height: 90px;
            width: 30px;
            background-color: rgba(0, 0, 0, 0.4);
            margin: 0;
            padding: 0;
            border-radius: 0;
            font-family: icomoon;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: 12px;
        }

            #mobileZoom .image-container .owl-nav .owl-prev:after,
            #mobileZoom .image-container .owl-nav .owl-next:after,
            #mobileRoomScenes .image-container .owl-nav .owl-prev:after,
            #mobileRoomScenes .image-container .owl-nav .owl-next:after {
                position: relative;
                left: 50%;
                top: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: absolute;
            }

        #mobileZoom .image-container .owl-nav .owl-prev,
        #mobileRoomScenes .image-container .owl-nav .owl-prev {
            left: 0;
        }

            #mobileZoom .image-container .owl-nav .owl-prev:after,
            #mobileRoomScenes .image-container .owl-nav .owl-prev:after {
                content: '\e604';
                color: white;
            }

        #mobileZoom .image-container .owl-nav .owl-next,
        #mobileRoomScenes .image-container .owl-nav .owl-next {
            right: 0;
        }

            #mobileZoom .image-container .owl-nav .owl-next:after,
            #mobileRoomScenes .image-container .owl-nav .owl-next:after {
                content: '\e605';
                color: white;
            }

#mobileZoom {
    background: #faf8f4;
    padding-left: 0;
    padding-right: 0;
}

    #mobileZoom .image-container {
        position: relative;
        left: auto;
        right: auto;
    }

    #mobileZoom .colors-carousel {
        margin-top: 15px;
        padding: 0 10px;
    }

        #mobileZoom .colors-carousel .slick-prev,
        #mobileZoom .colors-carousel .slick-next {
            display: inline-block !important;
        }

        #mobileZoom .colors-carousel .slick-prev {
            left: 15px;
        }

        #mobileZoom .colors-carousel .slick-next {
            right: 15px;
        }

        #mobileZoom .colors-carousel .item a {
            width: auto;
        }

        #mobileZoom .colors-carousel .slick-dots li {
            margin: 0;
        }

#mobileRoomScenes .image-container .owl-item, #mobileRoomScenes .image-container .owl-stage, #mobileRoomScenes .image-container .owl-stage-outer {
    height: 100%;
}

#allSwatches {
    padding-top: 40px;
}

    #allSwatches > .container {
        padding: 40px;
    }

@media (max-width: 768px) {
    #allSwatches .close-button {
        right: 20px;
    }
}

#allSwatches h2 {
    color: #3b3835;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

#allSwatches h3 {
    font-size: 25px;
    font-weight: bold;
    color: #3b3835;
    margin-bottom: 30px;
}

#allSwatches .slick-carousel .item {
    width: 90px;
}

    #allSwatches .slick-carousel .item > div {
        overflow: hidden;
    }

    #allSwatches .slick-carousel .item a {
        width: 90px;
        margin: 0 auto;
        border: none;
        float: none;
        display: block;
        text-decoration: none;
        text-align: center;
    }

        #allSwatches .slick-carousel .item a img {
            border: 1px solid transparent;
            margin-bottom: -2px;
            padding: 4px;
        }

        #allSwatches .slick-carousel .item a:hover img,
        #allSwatches .slick-carousel .item a.current-color img {
            padding: 4px;
            border: 1px solid #979797;
            transition: all 250ms;
        }

        #allSwatches .slick-carousel .item a span {
            font-size: 11px;
            text-decoration: none;
            color: #3b3835;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            max-width: 100%;
            display: inline-block;
        }

@media (max-width: 768px) {
    #allSwatches .slick-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

#allSwatches .slick-carousel .slick-prev,
#allSwatches .slick-carousel .slick-next {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: transparent;
    height: 90px;
    width: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    z-index: 1;
}

    #allSwatches .slick-carousel .slick-prev:after,
    #allSwatches .slick-carousel .slick-next:after {
        position: relative;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
    }

#allSwatches .slick-carousel .slick-prev {
    left: 0;
}

    #allSwatches .slick-carousel .slick-prev:after {
        content: '\e604';
        color: white;
    }

#allSwatches .slick-carousel .slick-next {
    right: 0;
}

    #allSwatches .slick-carousel .slick-next:after {
        content: '\e605';
        color: white;
    }

#allSwatches .slick-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    width: 100%;
    text-align: center;
    margin: 0;
}

    #allSwatches .slick-carousel .slick-dots li {
        display: inline-block;
    }

        #allSwatches .slick-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: transparent;
            border: solid 1px #d2d0cc;
            width: 8px;
            height: 8px;
            padding: 6px;
        }

            #allSwatches .slick-carousel .slick-dots li button::before {
                content: none;
            }

        #allSwatches .slick-carousel .slick-dots li.slick-active button {
            background: #d8d8d8;
        }

#desktopZoom {
    z-index: 9999;
}

#allSwatches {
    z-index: 9999;
}

.colors-carousel {
    max-width: 800px;
    margin: 30px auto 0;
    display: none;
}

    .colors-carousel.slick-initialized {
        display: block;
    }

    .colors-carousel .item {
        width: 90px;
    }

        .colors-carousel .item > div {
            overflow: hidden;
        }

        .colors-carousel .item.selected a img {
            border: solid 1px #979797;
        }

        .colors-carousel .item a {
            width: 90px;
            margin: 0 auto;
            border: none;
            float: none;
            display: block;
            text-decoration: none;
            text-align: center;
        }

            .colors-carousel .item a img {
                border: 1px solid transparent;
                margin-bottom: -2px;
                padding: 4px;
            }

            .colors-carousel .item a:hover img,
            .colors-carousel .item a.current-color img {
                padding: 4px;
                border: 1px solid #eeede9;
                transition: all 250ms;
            }

            .colors-carousel .item a span {
                font-size: 11px;
                text-decoration: none;
                color: #3b3835;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                max-width: 100%;
                display: inline-block;
            }

@media (max-width: 768px) {
    .colors-carousel .item a:hover {
        border: none;
        transition: none;
    }
}

.colors-carousel .slick-prev,
.colors-carousel .slick-next {
    position: absolute;
    bottom: -60px;
    top: auto;
    z-index: 1;
    background: transparent;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    width: 17px;
    height: 27px;
    color: transparent;
    -o-transition: .2s ease-out, .3s ease-in;
    -ms-transition: .2s ease-out, .3s ease-in;
    -moz-transition: .2s ease-out, .3s ease-in;
    -webkit-transition: .2s ease-out, .3s ease-in;
}

    .colors-carousel .slick-prev:hover:not(.disabled),
    .colors-carousel .slick-next:hover:not(.disabled) {
        background: rgba(163, 160, 157, 0.2) !important;
        border-radius: 0 !important;
    }

@media (max-width: 979px) {
    .colors-carousel .slick-prev,
    .colors-carousel .slick-next {
        display: none !important;
    }
}

.colors-carousel .slick-prev:after,
.colors-carousel .slick-next:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 22px;
}

.colors-carousel .slick-prev::before,
.colors-carousel .slick-next::before {
    content: none;
}

.colors-carousel .slick-prev {
    position: absolute;
    left: 0;
}

    .colors-carousel .slick-prev:after {
        content: '';
        background-image: url(/images/pdp/left-arrow.svg);
        background-repeat: no-repeat;
        color: #a3a09d;
    }

    .colors-carousel .slick-prev:hover:after {
        content: '';
        color: #fff !important;
    }

    .colors-carousel .slick-prev.disabled {
        display: none;
    }

.colors-carousel .slick-next {
    position: absolute;
    right: 0;
}

    .colors-carousel .slick-next:after {
        content: '';
        background-image: url(/images/pdp/right-arrow.svg);
        background-repeat: no-repeat;
        color: #a3a09d;
    }

    .colors-carousel .slick-next:hover:after {
        content: '';
        color: #fff !important;
    }

    .colors-carousel .slick-next.disabled {
        display: none;
    }

.colors-carousel .slick-dots {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
    margin: 0;
}

    .colors-carousel .slick-dots li {
        display: inline-block;
    }

        .colors-carousel .slick-dots li button {
            border-radius: 30px;
            color: transparent;
            margin: 5px 3px;
            background: transparent;
            border: solid 1px #979797;
            width: 8px;
            height: 8px;
            padding: 6px;
        }

            .colors-carousel .slick-dots li button::before {
                content: none;
            }

        .colors-carousel .slick-dots li.slick-active button {
            background: #979797;
        }

@media (device-width: 375px) and (device-height: 812px) {
    #mobileZoom .owl-item .item {
        max-height: 270px;
    }
}

@media (device-width: 414px) and (device-height: 896px) {
    #mobileZoom .owl-item .item {
        max-height: 340px;
    }
}

.compare {
    margin: 0 auto;
    max-width: 1024px;
    position: relative;
}

    .compare .close-button {
        color: #323232;
        font-size: 50px;
        right: -3px;
        top: -20px;
    }

        .compare .close-button:hover {
            opacity: 0.5;
        }

    .compare .loading-animation-bg {
        position: relative;
    }

    .compare .section-title {
        margin: 32px auto 38px;
        text-align: center;
        text-transform: uppercase;
        font-size: 45px;
        line-height: 61px;
    }

    .compare .comparison-table .row {
        border-top: 1px solid #323232;
        padding: 35px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .compare .comparison-table .row:first-child {
            border: 0;
            padding: 0 0 12px;
        }

        .compare .comparison-table .row.colors {
            padding-bottom: 6px;
            padding-top: 4px;
        }

            .compare .comparison-table .row.colors .column, .compare .comparison-table .row.colors .columns {
                -ms-flex-item-align: start;
                align-self: flex-start;
            }

                .compare .comparison-table .row.colors .column:first-child, .compare .comparison-table .row.colors .columns:first-child {
                    -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                    align-self: center;
                }

        .compare .comparison-table .row .column, .compare .comparison-table .row .columns {
            text-align: center;
            -ms-flex: 1 1 150px;
            flex: 1 1 150px;
            padding: 0 20px;
            max-width: 270px;
        }

            .compare .comparison-table .row .column:first-child, .compare .comparison-table .row .columns:first-child {
                -ms-flex: 1 1 150px;
                flex: 1 1 150px;
                max-width: 190px;
            }

            .compare .comparison-table .row .column:last-child, .compare .comparison-table .row .columns:last-child {
                padding-right: 0;
            }

            .compare .comparison-table .row .column h6, .compare .comparison-table .row .columns h6 {
                color: #000000;
                font-weight: bold;
                font-size: 15px;
                text-transform: uppercase;
                margin: 0;
            }

            .compare .comparison-table .row .column p, .compare .comparison-table .row .columns p {
                margin: 0;
            }

            .compare .comparison-table .row .column .thumbs, .compare .comparison-table .row .columns .thumbs {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-item-align: start;
                align-self: flex-start;
            }

                .compare .comparison-table .row .column .thumbs img, .compare .comparison-table .row .columns .thumbs img {
                    margin: 1px;
                    width: 35px;
                    height: 35px;
                }

    .compare .button {
        background: #323232;
        display: block;
        min-width: 0;
        padding: 26px 0;
        margin: 15px auto 80px;
        border-radius: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        color: #fff9f2;
        width: 250px;
    }

        .compare .button:hover {
            background: rgba(50, 50, 50, 0.58);
        }

        .compare .button:disabled {
            background: rgba(50, 50, 50, 0.4);
            color: #323232;
        }

    .compare .logo-container {
        display: block;
        max-width: 1040px;
        width: 100%;
        padding: 0 50px;
        margin: 0 auto;
        position: relative;
    }

        .compare .logo-container img {
            margin-left: 10px;
        }

        .compare .logo-container .logo-divider {
            display: block;
            max-width: 1040px;
            width: 105%;
            border-bottom: solid 1px #797979;
            margin-top: 15px;
            margin-bottom: 35px;
            position: relative;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .compare .logo-container .close-button {
            top: 1rem;
            right: 4rem;
        }

@media print {
    .compare .column, .compare .columns {
        max-width: 180px;
        text-align: center;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .compare .column .compare-product-image, .compare .columns .compare-product-image {
            width: 100%;
        }

    .compare .close-button {
        display: none;
    }
}

.search-results .fields {
    display: -ms-flexbox;
    display: flex;
    margin: 35px auto 20px;
    max-width: 800px;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .search-results .fields {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.search-results .field {
    margin: 0 auto;
    padding: 0 !important;
    width: 100%;
}

    .search-results .field .tt-menu {
        margin-top: 6px;
        background-color: #fff9f2;
        border: 1px solid #323232;
        border-top: none;
        margin: 0;
        box-sizing: border-box;
    }

        .search-results .field .tt-menu .tt-suggestion a {
            line-height: 20px;
            padding: 0;
            color: #323232;
        }

        .search-results .field .tt-menu a {
            color: #323232 !important;
        }

    .search-results .field input {
        color: #000000;
        font-size: 14px;
        line-height: 26px;
        height: 45px;
        background: transparent;
        border: 1px solid #323232;
        box-shadow: none;
        letter-spacing: 1px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .search-results .field input[type=text] {
        padding-top: 10px;
    }
}

.search-results .field input.button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 11px 0 12px;
    margin: 0;
    border-radius: 0;
    letter-spacing: 2.1px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #fff9f2;
    width: 130px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 980px), (-ms-high-contrast: none) and (min-width: 980px) {
    .search-results .field input.button {
        position: absolute;
        margin-top: -28px;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px) and (max-width: 979px), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 979px) {
    .search-results .field input.button {
        position: absolute;
        margin-top: -29px;
    }
}

@media (max-width: 767px) {
    .search-results .field input.button {
        margin: 0 auto;
    }
}

.search-results .field input.button:hover {
    background: rgba(50, 50, 50, 0.58);
}

.search-results .field input.button:disabled {
    background: rgba(50, 50, 50, 0.4);
    color: #323232;
}

.search-results .field.animate-label label {
    color: #000000;
    opacity: 0.67;
    top: 16px;
    left: 13px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
}

    .search-results .field.animate-label label.stay,
    .search-results .field.animate-label input:focus + label {
        top: 3px;
        left: 8px;
        font-size: 10px;
        line-height: 12px;
    }

.search-results .field.field-search {
    -ms-flex: 1 1 650px;
    flex: 1 1 650px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .search-results .field.field-search {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-left: 0;
        margin: 0 auto 13px;
        max-width: 350px;
    }
}

.search-results .field.field-submit {
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    margin-right: 20px;
    width: 130px;
}

@media (max-width: 767px) {
    .search-results .field.field-submit {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        margin: 0 auto;
    }
}

.search-results .popular-searches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 975px;
    margin: 0 auto 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .search-results .popular-searches h6 {
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 1px;
        margin: 15px 13px 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-weight: bold;
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .search-results .popular-searches h6 {
        font-size: 10px;
        margin: 0 13px 28px;
        line-height: 10px;
        font-weight: normal;
        text-transform: none;
        width: 100%;
        text-align: center;
    }
}

.search-results .popular-searches ul,
.search-results .popular-searches li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: auto;
}

.search-results .popular-searches ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px;
}

@media (max-width: 560px) {
    .search-results .popular-searches ul {
        max-width: 350px;
        margin: 0;
    }
}

.search-results .popular-searches li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 6px 12px;
}

@media (max-width: 560px) {
    .search-results .popular-searches li {
        -ms-flex: 1 0 48%;
        flex: 1 0 48%;
        margin: 0 1% 12px;
    }
}

.search-results .popular-searches a {
    color: #000000;
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    padding: 15px 40px 16px;
    border: 1px solid #323232;
    transition: background 250ms;
    text-align: center;
}

@media (max-width: 560px) {
    .search-results .popular-searches a {
        padding: 15px 20px;
    }
}

.search-results .popular-searches a:hover {
    background: #cdcdcd;
}

.search-results hr {
    background: #323232;
    margin: 20px auto;
    max-width: 100%;
    width: 100%;
}

.search-results .results-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

    .search-results .results-tabs a {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 2px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 25px;
        display: block;
        position: relative;
    }

        .search-results .results-tabs a.active:after {
            content: '';
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpolygon points='0,10 10,0 20,10' fill='%23323232'%3E%3C/polygon%3E%3C/svg%3E");
            height: 10px;
            width: 20px;
            display: block;
            position: absolute;
            top: 30px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.search-results .results-container {
    margin: 30px auto;
    max-width: 997px;
    padding: 0 20px;
}

    .search-results .results-container .pagination {
        margin-top: 15px;
        font-size: 13px;
        letter-spacing: .3px;
        color: #888281;
        text-align: center;
        width: 100%;
    }

        .search-results .results-container .pagination.no-result h2 {
            color: #3b3835;
        }

        .search-results .results-container .pagination.no-result h6 {
            margin-top: 15px;
        }

    .search-results .results-container .pagination-wrapper {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 20px;
    }

        .search-results .results-container .pagination-wrapper .button-primary {
            background-color: #323232;
        }

@media (max-width: 768px) {
    .search-results .results-container {
        display: block;
        width: 100%;
    }
}

.search-results .results-container .loading-animation-bg {
    position: relative;
    height: 90px;
}

    .search-results .results-container .loading-animation-bg .loading-animation {
        top: 50%;
    }

.search-results .results-container .results-top-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 6px 33px;
}

    .search-results .results-container .results-top-bar .option {
        color: #c4c3c2;
        text-transform: uppercase;
        cursor: pointer;
    }

        .search-results .results-container .results-top-bar .option.active {
            color: #3b3835;
            font-weight: bold;
            cursor: default;
        }

        .search-results .results-container .results-top-bar .option.disabled {
            cursor: default;
        }

    .search-results .results-container .results-top-bar p {
        font-size: 12px;
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        margin: 0;
    }

        .search-results .results-container .results-top-bar p.view {
            text-transform: uppercase;
        }

            .search-results .results-container .results-top-bar p.view span {
                font-family: "Open-Sans-Semi-Bold", sans-serif;
            }

            .search-results .results-container .results-top-bar p.view a {
                font-family: "Open-Sans", sans-serif;
                text-decoration: none;
            }

                .search-results .results-container .results-top-bar p.view a:hover {
                    font-family: "Open-Sans-Semi-Bold", sans-serif;
                }

                .search-results .results-container .results-top-bar p.view a.selected {
                    font-family: "Open-Sans-Semi-Bold", sans-serif;
                }

                    .search-results .results-container .results-top-bar p.view a.selected:hover {
                        color: #323232;
                    }

                .search-results .results-container .results-top-bar p.view a:after {
                    content: '|';
                    margin: 0 2px 0 3px;
                }

                .search-results .results-container .results-top-bar p.view a:last-child:after {
                    content: '';
                    margin: 0;
                }

.search-results .results-container .results {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

    .search-results .results-container .results .product {
        margin: 0 6px 15px;
        width: 307px;
    }

        .search-results .results-container .results .product .product-swatch {
            display: block;
        }

            .search-results .results-container .results .product .product-swatch:hover {
                opacity: 0.5;
            }

        .search-results .results-container .results .product .product-name {
            color: #323232;
            font-size: 14px;
            line-height: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 10px 0 5px;
        }

        .search-results .results-container .results .product .product-descrip {
            font-size: 13px;
            line-height: 15px;
            margin: 0 0 7px;
            color: #3c3c3c;
            opacity: 0.59;
            text-transform: uppercase;
        }

        .search-results .results-container .results .product .compare-container {
            display: none;
        }

            .search-results .results-container .results .product .compare-container input {
                float: none;
                height: 19px;
                width: 19px;
                margin: 0;
            }

                .search-results .results-container .results .product .compare-container input:checked:before {
                    margin: 2px 0 0;
                    -ms-transform: scale(0.9);
                    transform: scale(0.9);
                }

            .search-results .results-container .results .product .compare-container label {
                font-size: 9px;
                line-height: 11px;
                letter-spacing: 2px;
                color: #3c3c3c;
                opacity: 0.59;
                text-transform: uppercase;
                padding: 3px 0 0 6px;
                margin: 0;
            }

.search-results .results-container .products {
    list-style: none;
    margin-left: 0;
}

@media (min-width: 768px) {
    .search-results .field input {
        line-height: 33px;
        height: 52px;
    }

        .search-results .field input.button {
            padding: 15px 0;
        }

    .search-results .field.animate-label label {
        top: 7px;
        left: 21px;
        font-size: 24px;
        line-height: 33px;
    }

    .search-results .results-tabs a {
        font-size: 20px;
        line-height: 24px;
    }

        .search-results .results-tabs a.active:after {
            top: 34px;
        }
}

@media (min-width: 1024px) {
    .search-results hr {
        margin: 40px auto 20px;
    }

    .search-results .results-tabs a {
        font-size: 25px;
        line-height: 34px;
    }

        .search-results .results-tabs a.active:after {
            top: 64px;
        }

    .search-results .results-container .results .product .compare-container {
        display: -ms-flexbox;
        display: flex;
    }
}

.retailer-stars {
    font-size: 17px;
}

    .retailer-stars .stars {
        line-height: 1;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .retailer-stars .stars .star {
            position: relative;
            margin-right: 0.2em;
            width: 1em;
            height: 1em;
        }

            .retailer-stars .stars .star span {
                display: block;
                position: absolute;
                overflow: hidden;
            }

                .retailer-stars .stars .star span img {
                    display: block;
                    max-width: none;
                    width: 1em;
                    height: 1em;
                }

            .retailer-stars .stars .star:last-child {
                margin-right: 0;
            }

section.retailer-listing-gmap-wrapper {
    overflow-x: hidden;
}

    section.retailer-listing-gmap-wrapper .loading-animation-bg {
        background: #faf8f4;
        opacity: .9;
    }

    section.retailer-listing-gmap-wrapper .retailers-gmap-wrapper {
        height: 32.5em;
        margin-bottom: 20px;
    }

    section.retailer-listing-gmap-wrapper.lightweight {
        padding: 120px 0;
        text-align: center;
        background-color: #faf8f4;
    }

        section.retailer-listing-gmap-wrapper.lightweight img {
            display: inline-block;
            margin: 0 auto;
        }

        section.retailer-listing-gmap-wrapper.lightweight .zip-search {
            margin: 50px auto 0;
        }

            section.retailer-listing-gmap-wrapper.lightweight .zip-search .zipcode-field {
                background-color: #faf8f4;
            }

    section.retailer-listing-gmap-wrapper hr {
        background: #323232;
        margin: 28px 0 16px;
    }

    section.retailer-listing-gmap-wrapper .zip-search {
        margin: 0 auto;
    }

@media (max-width: 767px) {
    section.retailer-listing-gmap-wrapper .zip-search .error-message {
        margin-top: 40px;
    }
}

section.retailer-listing-gmap-wrapper .zip-center {
    margin: 40px auto 0;
    position: static;
    min-width: 0;
    -ms-transform: none;
    transform: none;
}

    section.retailer-listing-gmap-wrapper .zip-center h4 {
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        margin: 0 60px 12px;
        padding: 0;
    }

    section.retailer-listing-gmap-wrapper .zip-center form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    section.retailer-listing-gmap-wrapper .zip-center input {
        background: transparent;
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid #bdbbb7;
        color: #323232;
        height: auto;
        text-align: center;
        padding: 0 20px;
        max-width: 130px;
        font-size: 22px;
        line-height: 30px;
        margin: 0;
        width: 100%;
    }

    section.retailer-listing-gmap-wrapper .zip-center button {
        margin: 0 0 0 10px;
        top: 0;
        right: -50px;
    }

@media (max-width: 560px) {
    section.retailer-listing-gmap-wrapper .zip-center button {
        right: 50px;
        top: -5px;
    }
}

section.retailer-listing-gmap-wrapper .content {
    padding: 0 25px;
    margin: 0 auto;
    max-width: 300px;
}

    section.retailer-listing-gmap-wrapper .content .button {
        background: transparent;
        display: inline-block;
        min-width: 0;
        padding: 15px 0;
        border-radius: 0;
        border: 1px solid #323232;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.3px;
        font-weight: bold;
        color: #323232;
        margin: 10px auto 0;
        width: 100%;
        max-width: 250px;
    }

        section.retailer-listing-gmap-wrapper .content .button:hover {
            background: #cdcdcd;
        }

        section.retailer-listing-gmap-wrapper .content .button:disabled {
            opacity: 0.3;
        }

@media (max-width: 768px) {
    section.retailer-listing-gmap-wrapper .content .button {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    section.retailer-listing-gmap-wrapper .content {
        max-width: 450px;
    }
}

section.retailer-listing-gmap-wrapper .page-count {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1.3px;
    font-weight: bold;
    text-align: center;
    padding: 0 25px;
    margin: 30px auto 40px;
}

section.retailer-listing-gmap-wrapper .retailers-gmap-wrapper {
    background: #ccc;
    height: 540px;
    margin: 0 0 20px;
    display: none;
}

@media (min-width: 768px) {
    section.retailer-listing-gmap-wrapper .retailers-gmap-wrapper {
        display: inherit;
    }

    section.retailer-listing-gmap-wrapper .zip-center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 54px auto;
    }

        section.retailer-listing-gmap-wrapper .zip-center h4 {
            font-size: 32px;
            line-height: 43px;
            text-align: left;
            margin: 6px 30px 0 0;
        }

        section.retailer-listing-gmap-wrapper .zip-center input {
            max-width: 200px;
            font-size: 38px;
            line-height: 52px;
        }
}

.sort-by {
    padding: 0 25px;
}

@media (max-width: 768px) {
    .sort-by {
        margin: 0 auto;
        max-width: 450px;
    }
}

.sort-by label {
    font-size: 10px;
    line-height: 13px;
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    color: #4a4a4a;
    text-transform: uppercase;
}

.sort-by select {
    border: 1px solid #979797;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cpolygon points='0,0 14,0 7,6' style='fill:%23757575;' /%3E%3C/svg%3E") no-repeat 97% center;
    background-size: 14px 6px;
    font-size: 13px;
    line-height: 16px;
    padding: 0 27px 0 10px;
    height: 30px;
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    text-transform: uppercase;
    margin: 0;
    max-width: 400px;
}

@media (min-width: 768px) {
    .sort-by {
        margin: 0 auto;
        padding: 0 35px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
    }

        .sort-by label {
            font-size: 13px;
            line-height: 16px;
            margin: 0 17px 0 0;
        }

        .sort-by select {
            width: 220px;
            height: 25px;
        }
}

section.retailer-listing-module {
    padding: 31px 0 0;
}

@media (max-width: 768px) {
    section.retailer-listing-module {
        margin: 0 auto;
        max-width: 450px;
    }
}

section.retailer-listing-module h6 {
    margin: 0 auto 40px;
    text-align: center;
    font-size: 12px;
    padding: 0 1em;
    color: #888281;
    line-height: 1.5;
    text-transform: uppercase;
}

section.retailer-listing-module ul.retailers {
    list-style: none;
    margin: 0;
    padding: 0;
}

    section.retailer-listing-module ul.retailers li.retailer {
        display: block;
        padding: 0 35px;
        position: relative;
        list-style: none;
        margin: 0;
    }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer {
        padding: 0 25px;
    }
}

section.retailer-listing-module ul.retailers li.retailer hr {
    background: #979797;
    margin: 37px 0;
}

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer hr {
        margin: 27px 0 30px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper {
    margin-bottom: 7px;
    display: -ms-flexbox;
    display: flex;
}

    section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper .pin-wrapper {
        cursor: pointer;
        position: relative;
        height: 36px;
        width: 26px;
        margin: 0 15px 0 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper .retailer-pin {
        width: 26px;
        position: absolute;
        top: 0;
        left: 0;
    }

    section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper .retailer-pin-label {
        color: white;
        font-size: 16px;
        position: absolute;
        top: 1px;
        left: 0;
        width: 100%;
        text-align: center;
        display: block;
        font-weight: bold;
    }

    section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper .retailer-name {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        margin: 0;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        text-decoration: underline;
    }

    section.retailer-listing-module ul.retailers li.retailer .retailer-name-wrapper .miles {
        margin: 0 0 0 auto;
        padding-left: 12px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

section.retailer-listing-module ul.retailers li.retailer .retailer-type {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #4a4a4a;
    margin-bottom: 10px;
    display: block;
    padding: 0 0 0 40px;
}

section.retailer-listing-module ul.retailers li.retailer .info-container {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 40px;
}

    section.retailer-listing-module ul.retailers li.retailer .info-container .retailer-stars {
        padding: 1px 0 5px 40px;
        width: 100%;
    }

    section.retailer-listing-module ul.retailers li.retailer .info-container .extras {
        padding: 0;
    }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .info-container .extras {
        margin: 10px 0 13px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .info-container .extras a {
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    color: #000000;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.5px;
    margin: 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: default;
}

    section.retailer-listing-module ul.retailers li.retailer .info-container .extras a span {
        min-width: 120px;
        text-align: left;
    }

    section.retailer-listing-module ul.retailers li.retailer .info-container .extras a:before {
        content: url("../images/extras-check-icon.svg");
        display: inline-block;
        height: 21px;
        width: 21px;
        margin: 0 10px 0 0;
    }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .info-container .extras a {
        -ms-flex-pack: stretch;
        justify-content: stretch;
        padding: 0 0 0 40px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .info-container .retailer-selection {
    margin: 16px 0 0;
}

    section.retailer-listing-module ul.retailers li.retailer .info-container .retailer-selection label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #4a4a4a;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        letter-spacing: 0;
    }

        section.retailer-listing-module ul.retailers li.retailer .info-container .retailer-selection label input {
            margin: 0 7px 0 0;
        }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .info-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
}

section.retailer-listing-module ul.retailers li.retailer .retailer-info {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

    section.retailer-listing-module ul.retailers li.retailer .retailer-info p, section.retailer-listing-module ul.retailers li.retailer .retailer-info a {
        color: #323232;
        letter-spacing: 0.7px;
        line-height: 22px;
        font-size: 14px;
        margin: 0;
        text-decoration: none;
    }

        section.retailer-listing-module ul.retailers li.retailer .retailer-info p.retailer-affiliation, section.retailer-listing-module ul.retailers li.retailer .retailer-info a.retailer-affiliation {
            margin-top: 16px;
            text-transform: uppercase;
            font-size: 11px;
        }

        section.retailer-listing-module ul.retailers li.retailer .retailer-info p.hours, section.retailer-listing-module ul.retailers li.retailer .retailer-info a.hours {
            font-weight: 600;
        }

        section.retailer-listing-module ul.retailers li.retailer .retailer-info p.phone-num, section.retailer-listing-module ul.retailers li.retailer .retailer-info a.phone-num {
            font-weight: bold;
        }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .retailer-info {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        border: none;
        text-align: left;
        padding: 0 0 0 40px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .distance {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    section.retailer-listing-module ul.retailers li.retailer .distance p {
        color: #58595b;
        font-size: 16px;
        line-height: 22px;
        margin: -40px 0 5px;
    }

    section.retailer-listing-module ul.retailers li.retailer .distance .button {
        background: #323232;
        display: inline-block;
        min-width: 0;
        padding: 9px 0;
        margin: 0;
        border-radius: 0;
        font-size: 12px;
        line-height: 17px;
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        color: #fff9f2;
        width: 150px;
    }

        section.retailer-listing-module ul.retailers li.retailer .distance .button:hover {
            background: rgba(50, 50, 50, 0.58);
        }

        section.retailer-listing-module ul.retailers li.retailer .distance .button:disabled {
            background: rgba(50, 50, 50, 0.4);
            color: #323232;
        }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .distance .button {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.3px;
        padding: 15px 0;
        width: 100%;
        max-width: 400px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .distance .coupon-btn {
    background: #d0021b;
}

    section.retailer-listing-module ul.retailers li.retailer .distance .coupon-btn:hover {
        background: #fb756b;
    }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .distance {
        text-align: left;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-order: 2;
        order: 2;
        margin: 30px 0 27px;
    }
}

section.retailer-listing-module ul.retailers li.retailer .retailer-links {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    vertical-align: top;
}

@media (max-width: 979px) {
    section.retailer-listing-module ul.retailers li.retailer .retailer-links {
        width: 49%;
        padding-left: 0;
        min-height: initial;
    }
}

section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper {
    margin: 0 0 0 60px;
}

    section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper li {
        display: block;
        margin-bottom: 5px;
    }

        section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper li a {
            font-weight: bold;
            font-size: 14px;
            line-height: 19px;
            text-transform: uppercase;
        }

        section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper li.coupon a {
            font-weight: bold;
            position: relative;
        }

            section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper li.coupon a::after {
                content: '';
                display: inline-block;
                width: 15px;
                height: 14px;
                background: url("../images/coupon-tag.svg") no-repeat;
                position: absolute;
                right: -25px;
                top: 0px;
            }

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper li:last-child {
        margin-bottom: 0;
    }
}

section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper .request-link,
section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper .schedule-link,
section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper .estimate-link {
    display: block;
}

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .retailer-links ul.links-wrapper {
        margin: 0;
    }
}

@media (max-width: 768px) {
    section.retailer-listing-module ul.retailers li.retailer .retailer-links {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        text-align: left;
        border: none;
        padding: 0 0 0 40px;
    }
}

section.retailer-listing-module ul.retailers li.retailer:last-child {
    padding-bottom: 65px;
}

    section.retailer-listing-module ul.retailers li.retailer:last-child hr {
        display: none;
    }

section.retailer-listing-module ul.retailers li.retailer .loading-animation-bg {
    display: none;
}

section.retailer-listing-module ul.retailers li.retailer.loading .loading-animation-bg {
    display: block;
}

.form-modal {
    background: #faf8f4;
    z-index: 2001;
    text-align: center;
}

    .form-modal .overlay {
        padding: 50px 0;
        position: relative;
    }

    .form-modal .overlay-close-button {
        right: 0;
        top: 0;
        z-index: 1;
        position: absolute;
        text-decoration: none;
        color: #2a2a29;
        font-size: 2em;
    }

@media (max-width: 979px) {
    .form-modal .overlay-close-button {
        right: 15px;
        top: 15px;
    }
}

.form-modal .overlay-close-button .icon-close-x:before {
    opacity: 0.65;
}

.zip-search {
    margin: 1.5em auto 1em;
    position: relative;
    min-height: 50px;
    text-align: center;
}

@media (min-width: 768px) {
    .zip-search {
        margin: 3em auto;
        text-align: inherit;
    }
}

.zip-search h4 {
    font-size: 2em;
    padding: 0 1.5em;
    margin-bottom: .5em;
}

@media (min-width: 768px) {
    .zip-search h4 {
        font-size: 1em;
        display: inline-block;
        font-size: 2.5em;
        padding: 0;
    }
}

.zip-search .zipcode-field {
    width: 100px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #a3a09d;
    padding: 0;
    font-size: 1.4em;
    color: #a3a09d;
    text-align: center;
}

    .zip-search .zipcode-field::-webkit-input-placeholder, .zip-search .zipcode-field:-moz-placeholder, .zip-search .zipcode-field::-moz-placeholder, .zip-search .zipcode-field:-ms-input-placeholder {
        color: #a3a09d;
    }

@media (min-width: 768px) {
    .zip-search .zipcode-field {
        width: 184px;
        float: left;
        margin: 0 0 0 20px;
        font-size: 2.4em;
        padding-left: 25px;
        font-size: 2.4em;
        text-align: left;
    }
}

@media (min-width: 980px) {
    .zip-search .zipcode-field {
        width: 200px;
    }
}

.zip-search .zipcode-field:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #a3a09d;
}

.zip-search .error-message {
    color: #f9473a;
    text-align: center;
}

@media (min-width: 768px) {
    .zip-center {
        min-width: 720px;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.zip-center .zip-invalid {
    position: absolute;
    color: red;
    font-size: 12px;
    bottom: -20px;
    top: inherit;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .zip-center .zip-invalid {
        top: -20px;
        bottom: inherit;
        right: 0;
        left: inherit;
        -ms-transform: none;
        transform: none;
    }
}

.zip-center .zip-submit {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -20px;
    background: none;
    outline: none;
    cursor: pointer;
    color: #a3a09d;
    font-size: 0.75em;
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 15px;
    border: 1px solid rgba(163, 160, 157, 0);
}

    .zip-center .zip-submit:hover {
        background: rgba(163, 160, 157, 0.2);
        color: #fff;
    }

.map-wrap {
    position: relative;
    margin-top: 2em;
    overflow: hidden;
}

@media (min-width: 768px) {
    .map-wrap {
        margin-top: inherit;
    }
}

.map-placeholder {
    position: absolute;
    z-index: 10;
    top: 0;
    left: -70px;
    opacity: 1;
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    display: none;
}

@media screen and (min-width: 910px) {
    .map-placeholder {
        left: 0;
        width: 100%;
        min-height: 520px;
    }
}

.map-placeholder.hidePlaceholder {
    opacity: 0;
    z-index: -1;
}

.overlay-boarding-pass .map-placeholder {
    display: none;
}

.page-retailer-profile .map-placeholder {
    display: none;
}

.gmap-wrapper {
    padding-top: 2em;
    position: relative;
}

.gmap {
    width: 100%;
}

    .gmap .gmap-container {
        margin: 0;
    }

    .gmap .infoContent {
        text-align: center;
        padding: 10px 0 0px;
        margin-left: 5px;
        color: black;
        line-height: 1.35;
        overflow: hidden;
        font-family: "Open-Sans", sans-serif;
        background-color: #ffffff;
        min-width: 250px;
    }

        .gmap .infoContent #bodyContent p {
            font-size: 15px;
            font-family: "Open-Sans", sans-serif;
        }

        .gmap .infoContent #bodyContent .dealerHours {
            font-weight: bold;
        }

        .gmap .infoContent .store-name {
            font-family: "Open-Sans", sans-serif;
            margin: 0 auto;
            line-height: 1.3;
            font-size: 21px;
            text-transform: uppercase;
            padding: 0 5px 15px 5px;
            max-width: 375px;
        }

        .gmap .infoContent .store-address {
            line-height: 1.5;
            margin-bottom: 0;
            letter-spacing: 1px;
        }

        .gmap .infoContent .store-phone {
            margin-top: 0;
        }

        .gmap .infoContent .hours-label {
            margin: 0;
            font-weight: normal;
        }

        .gmap .infoContent hr {
            background: #979797;
            margin: 1.5em 0;
        }

        .gmap .infoContent .store-links {
            max-width: inherit;
            min-height: inherit;
            margin: 0 auto;
            text-transform: uppercase;
        }

            .gmap .infoContent .store-links.fiveStar, .gmap .infoContent .store-links.platinum {
                max-width: 400px;
            }

            .gmap .infoContent .store-links ul {
                /*margin: 0;
                padding: 0;
                min-width: 250px;
                */
                margin: 0;
                padding: 0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                list-style: none;
                text-align: left;
            }

            .gmap .infoContent .store-links li {
                -ms-flex: 1 0 50%;
                flex: 1 0 50%;
                box-sizing: border-box;
                color: #171e42;
                /*
                width: 50%;
                text-align: left;
                position: relative;
                float: left;
                list-style: none;
                */
                flex: 1 0 50%;
                box-sizing: border-box;
                color: #171e42;
                /* flex-shrink: 1; */
                margin-bottom: .50em;
            }

        .gmap .infoContent .link-red {
            font-size: 14px;
            font-weight: bold;
            color: #323232;
            text-transform: uppercase;
            padding-bottom: 0;
            margin-bottom: 10px;
            display: inline-block;
        }

            .gmap .infoContent .link-red:last-of-type {
                margin-bottom: 0;
            }

    .gmap .dealer-info-box {
        background: #fff;
        padding: 10px;
    }

        .gmap .dealer-info-box:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 16px 16px 0;
            border-color: transparent #fff transparent transparent;
            position: absolute;
            left: -16px;
            top: 56px;
        }

/* Google Maps Infowindow background */
#gmapWrapper > div > div > div > div > div > div > div > div > div:nth-child(4) {
    background-color: #ffffff !important;
}

#gmapWrapper > div > div > div > div > div > div > div > div > div > div {
    background-color: #ffffff !important;
}

    #gmapWrapper > div > div > div > div > div > div > div > div > div > div > div {
        background-color: #ffffff !important;
    }

.mo-gmap-info {
    width: 100%;
    padding: 50px 1em 1em;
    background: #faf8f4;
}

@media (min-width: 768px) {
    .mo-gmap-info {
        background: #fff;
        padding-left: 0;
        padding-right: 0;
    }
}

.mo-gmap-info h6 {
    margin: 0 auto 40px;
    text-align: center;
    font-size: 12px;
    padding: 0 1em;
    color: #888281;
    line-height: 1.5;
    width: 80%;
}

.mo-gmap-info .ratings-module.ratings-module-small .icon-star {
    margin-right: 2px;
    font-size: 1.15em;
}

    .mo-gmap-info .ratings-module.ratings-module-small .icon-star:last-of-type {
        margin-right: 0;
    }

.mo-gmap-info .slide,
.mo-gmap-info > ul > li {
    position: relative;
    opacity: 1;
    padding: 2em 0 2em 1.5em;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #e7e4df;
    font-size: 12px;
}

    .mo-gmap-info .slide:first-child,
    .mo-gmap-info > ul > li:first-child {
        padding-top: 0;
    }

    .mo-gmap-info .slide:last-child,
    .mo-gmap-info > ul > li:last-child {
        border: none;
    }

    .mo-gmap-info .slide h4,
    .mo-gmap-info > ul > li h4 {
        font-size: 18px;
        line-height: inherit;
        padding-top: 4px;
        float: none;
        margin-left: 0;
        color: #58595b;
        display: inline-block;
        cursor: pointer;
    }

@media (min-width: 768px) {
    .mo-gmap-info .slide h4,
    .mo-gmap-info > ul > li h4 {
        margin-bottom: .5em;
    }
}

.mo-gmap-info .slide .letter-wrap,
.mo-gmap-info .slide .bottom-content,
.mo-gmap-info > ul > li .letter-wrap,
.mo-gmap-info > ul > li .bottom-content {
    float: left;
}

.mo-gmap-info .slide .letter-wrap,
.mo-gmap-info > ul > li .letter-wrap {
    margin-right: 20px;
}

.mo-gmap-info .slide .bottom-content,
.mo-gmap-info > ul > li .bottom-content {
    /*max-width: 186px;*/
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .bottom-content,
    .mo-gmap-info > ul > li .bottom-content {
        max-width: none;
        width: 97%;
    }
}

.mo-gmap-info .slide .bottom-content .link-red,
.mo-gmap-info > ul > li .bottom-content .link-red {
    font-size: 12px;
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .bottom-content .link-red,
    .mo-gmap-info > ul > li .bottom-content .link-red {
        font-size: 10px;
    }
}

.mo-gmap-info .slide .ratings-module,
.mo-gmap-info > ul > li .ratings-module {
    margin: .25em 0 -.25em;
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .ratings-module,
    .mo-gmap-info > ul > li .ratings-module {
        margin: 0;
    }
}

.mo-gmap-info .slide .dealer-phone,
.mo-gmap-info > ul > li .dealer-phone {
    color: #888281;
    letter-spacing: 1px;
    line-height: 1.5;
}

.mo-gmap-info .slide .dealer-address,
.mo-gmap-info > ul > li .dealer-address {
    color: #888281;
    letter-spacing: 1px;
    margin: .75em 0 0;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .dealer-address,
    .mo-gmap-info > ul > li .dealer-address {
        width: 160px;
        margin: 0;
    }
}

.mo-gmap-info .slide .premier-text,
.mo-gmap-info > ul > li .premier-text {
    line-height: 1.5;
    color: #888281;
    white-space: nowrap;
    line-height: .9;
    text-transform: uppercase;
    margin-top: 1.5em;
}

.mo-gmap-info .slide .view-retailer-arrow,
.mo-gmap-info > ul > li .view-retailer-arrow {
    padding: 15px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .view-retailer-arrow,
    .mo-gmap-info > ul > li .view-retailer-arrow {
        display: none;
    }
}

.mo-gmap-info .slide .view-retailer-heading,
.mo-gmap-info > ul > li .view-retailer-heading {
    text-decoration: none;
}

@media (min-width: 768px) {
    .mo-gmap-info .slide .view-retailer-heading,
    .mo-gmap-info > ul > li .view-retailer-heading {
        pointer-events: none;
        cursor: default;
    }
}

.mo-gmap-info .dealer-results-wrap,
.mo-gmap-info .dealer-results-info,
.mo-gmap-info .dealer-results-reviews,
.mo-gmap-info .dealer-results-links {
    display: inline;
    float: left;
}

    .mo-gmap-info .dealer-results-wrap p,
    .mo-gmap-info .dealer-results-info p,
    .mo-gmap-info .dealer-results-reviews p,
    .mo-gmap-info .dealer-results-links p {
        color: #888281;
    }

.mo-gmap-info .dealer-results-wrap {
    border-right: 1px solid #e7e4df;
    width: 48%;
}

.mo-gmap-info .dealer-results-info {
    width: 50%;
}

.mo-gmap-info .dealer-results-reviews {
    padding-left: 4em;
    width: 50%;
    display: none;
}

    .mo-gmap-info .dealer-results-reviews .be-the-first {
        margin: 10px 0 0 0;
        line-height: 1;
    }

.mo-gmap-info .dealer-results-links {
    width: 44%;
    padding-left: 2em;
}

    .mo-gmap-info .dealer-results-links ul {
        max-width: 300px;
    }

@media (min-width: 768px) {
    .mo-gmap-info .dealer-results-links ul {
        margin: 0 auto;
    }
}

.mo-gmap-info .dealer-results-links li {
    display: inline;
    float: left;
    width: 50%;
}

.mo-gmap-info .dealer-results-links .request-link,
.mo-gmap-info .dealer-results-links .schedule-link,
.mo-gmap-info .dealer-results-links .estimate-link {
    display: none;
}

.mo-gmap-info .fiveStar .request-link,
.mo-gmap-info .fiveStar .schedule-link {
    display: inline;
}

.mo-gmap-info .platinum .request-link,
.mo-gmap-info .platinum .schedule-link,
.mo-gmap-info .platinum .estimate-link,
.mo-gmap-info .both .request-link,
.mo-gmap-info .both .schedule-link,
.mo-gmap-info .both .estimate-link {
    display: inline;
}

.mo-gmap-info .dealer-results-coupon {
    background: #faf8f4;
    text-align: center;
    position: relative;
    height: 95px;
    padding-top: 2.25em;
    margin-top: 1.5em;
    display: none;
}

    .mo-gmap-info .dealer-results-coupon .center-wrap {
        width: 480px;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mo-gmap-info .dealer-results-coupon p,
    .mo-gmap-info .dealer-results-coupon a {
        float: left;
    }

    .mo-gmap-info .dealer-results-coupon p {
        font-size: 16px;
        margin: 7px 20px 0 0;
    }

.mo-gmap-info .platinum .dealer-results-coupon,
.mo-gmap-info .both .dealer-results-coupon {
    display: block;
}

.mo-gmap-info .fiveStar .dealer-results-reviews,
.mo-gmap-info .both .dealer-results-reviews {
    display: inline;
}

.mo-gmap-info .dealer-affiliation {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
}

.mo-gmap-info .dealer-letter {
    background: transparent;
    margin: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 1px red;
    text-align: center;
    color: red;
    width: 25px;
    height: 25px;
    padding: 2px 0 0 0;
    line-height: inherit;
    font-size: 14px;
    margin: 0 0 1em;
    display: block;
}

@media (min-width: 768px) {
    .mo-gmap-info .dealer-letter {
        width: 30px;
        height: 30px;
        padding: 5px 0 0 0;
        line-height: inherit;
        font-size: 14px;
        margin: 0 0 1em;
        display: block;
        float: none;
    }
}

.mo-gmap-info .address {
    margin-bottom: 0;
}

.mo-gmap-info .phone {
    margin-top: 0;
}

.mo-gmap-info .premier-wrap {
    display: none;
    margin-top: 1em;
}

    .mo-gmap-info .premier-wrap img {
        width: inherit;
        display: inline;
        width: 21px;
        float: left;
        margin-right: 10px;
    }

    .mo-gmap-info .premier-wrap.showPremium {
        display: block;
    }

    .mo-gmap-info .premier-wrap .coupon-link {
        text-decoration: none;
        color: #F9473A;
    }

        .mo-gmap-info .premier-wrap .coupon-link:hover {
            color: #fb756b;
        }

    .mo-gmap-info .premier-wrap.hide {
        display: none;
    }

    .mo-gmap-info .premier-wrap p {
        text-transform: uppercase;
        font-size: 12px;
    }

.mo-gmap-info .button-group .button {
    min-width: 120px;
}

    .mo-gmap-info .button-group .button:first-of-type {
        float: left;
    }

    .mo-gmap-info .button-group .button:last-of-type {
        float: right;
    }

.mo-gmap-info .carousel-control-nav button.active {
    overflow: visible;
}

.mo-gmap-info .carousel-direction-nav button.inactive {
    display: none;
}

.mo-gmap-info .carousel-direction-nav button {
    padding: 15px;
}

    .mo-gmap-info .carousel-direction-nav button:hover {
        background: rgba(163, 160, 157, 0.2);
        color: #fff;
    }

    .mo-gmap-info .carousel-direction-nav button.next {
        right: -57px;
    }

    .mo-gmap-info .carousel-direction-nav button.prev {
        left: -57px;
    }

.home-page .gmap-wrapper,
.page-product-detail .gmap-wrapper {
    background: #faf8f4;
    padding: 120px 0 120px 0;
}

    .home-page .gmap-wrapper .picture,
    .page-product-detail .gmap-wrapper .picture {
        text-align: center;
        display: block;
    }

        .home-page .gmap-wrapper .picture img,
        .page-product-detail .gmap-wrapper .picture img {
            width: 161px;
        }

    .home-page .gmap-wrapper .zip-search,
    .page-product-detail .gmap-wrapper .zip-search {
        margin: 3em auto 0;
    }

    .home-page .gmap-wrapper .zipcode-field,
    .page-product-detail .gmap-wrapper .zipcode-field {
        background: #faf8f4;
    }

    .home-page .gmap-wrapper .map-wrap,
    .page-product-detail .gmap-wrapper .map-wrap {
        display: none;
    }

.home-page footer,
.page-product-detail footer {
    margin-top: 0;
}

.page-product-detail .gmap-wrapper {
    border-top: 1px solid #e7e4df;
}

.retailer-detail {
    padding: 0 0 50px;
}

    .retailer-detail .hide-when-less-than-768 {
        display: none !important;
    }

    .retailer-detail .show-when-less-than-768 {
        display: block !important;
    }

    .retailer-detail .flex {
        display: -ms-flexbox;
        display: flex;
    }

    .retailer-detail hr {
        background: #979797;
        margin: 30px 0;
    }

        .retailer-detail hr.section-divider {
            margin-left: 25px;
            margin-right: 25px;
        }

    .retailer-detail .left {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .retailer-detail .wrapper {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .retailer-detail .retailer-info {
        -ms-flex-order: 1;
        order: 1;
        padding: 0 25px;
        width: 100%;
    }

        .retailer-detail .retailer-info .retailer-title {
            margin: 23px auto 0;
            font-size: 26px;
            line-height: 36px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
        }

        .retailer-detail .retailer-info .retailer-type {
            margin: 10px auto 0;
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
        }

        .retailer-detail .retailer-info .options {
            margin: 16px 0 0;
            -ms-flex-align: end;
            align-items: flex-end;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

@media (max-width: 767px) {
    .retailer-detail .retailer-info .options {
        display: block;
    }

        .retailer-detail .retailer-info .options > div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .retailer-detail .retailer-info .options > div .retailer-stars {
                margin: 0;
            }

            .retailer-detail .retailer-info .options > div label {
                margin-left: 10px;
                -ms-flex-align: start;
                align-items: flex-start;
            }

            .retailer-detail .retailer-info .options > div input {
                margin-top: 2px;
                min-width: 16px;
            }

            .retailer-detail .retailer-info .options > div.extras {
                padding: 0;
            }

                .retailer-detail .retailer-info .options > div.extras a {
                    margin: 10px 0 0;
                }
}

.retailer-detail .retailer-info .retailer-stars {
    margin-top: 2px;
    margin-bottom: 9px;
}

.retailer-detail .retailer-info .retailer-selection {
    margin: 0;
}

    .retailer-detail .retailer-info .retailer-selection label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #4a4a4a;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-family: "Open-Sans-Semi-Bold", sans-serif;
    }

        .retailer-detail .retailer-info .retailer-selection label input {
            margin: 0 7px 0 0;
        }

.retailer-detail .retailer-info .extras {
    padding: 0 0 0 15px;
}

    .retailer-detail .retailer-info .extras a {
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        color: #000000;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.5px;
        margin: 0 0 10px;
        text-decoration: none;
        text-transform: uppercase;
        -ms-flex-align: center;
        align-items: center;
        cursor: default;
    }

        .retailer-detail .retailer-info .extras a:before {
            content: url("../images/extras-check-icon.svg");
            display: inline-block;
            height: 21px;
            width: 21px;
            margin: 0 10px 0 0;
        }

        .retailer-detail .retailer-info .extras a:last-child {
            margin: 0;
        }

.retailer-detail .retailer-quick-links {
    -ms-flex-order: 2;
    order: 2;
    margin: 29px auto 0;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
}

    .retailer-detail .retailer-quick-links > div {
        border-right: 1px solid #979797;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

        .retailer-detail .retailer-quick-links > div:last-child {
            border: 0;
        }

    .retailer-detail .retailer-quick-links .quick-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        text-transform: uppercase;
        text-decoration: none;
        padding: 10px 15px;
        height: 100%;
        width: 100%;
    }

        .retailer-detail .retailer-quick-links .quick-link .icon {
            height: 25px;
            margin: 0 0 12px;
            text-align: center;
        }

        .retailer-detail .retailer-quick-links .quick-link h6 {
            font-size: 10px;
            letter-spacing: 0;
            margin: 0;
        }

    .retailer-detail .retailer-quick-links .text-uppercase {
        text-transform: uppercase;
    }

.retailer-detail .retailer-location {
    -ms-flex-order: 3;
    order: 3;
    margin: 16px auto 0;
    padding: 0 25px;
    width: 100%;
}

    .retailer-detail .retailer-location .addr-miles {
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 16px;
        line-height: 24px;
    }

        .retailer-detail .retailer-location .addr-miles .address {
            margin: 0;
            font-size: 16px;
            line-height: 24px;
        }

            .retailer-detail .retailer-location .addr-miles .address a {
                font-size: 16px;
                line-height: 24px;
                text-decoration: underline;
                margin: 0;
                letter-spacing: 0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
            }

                .retailer-detail .retailer-location .addr-miles .address a:before {
                    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M.058 10.094L22.862.754l-9.34 22.805-1.215-12.25z'/%3E%3C/svg%3E%0A");
                    height: 24px;
                    width: 23px;
                    margin-right: 13px;
                }

        .retailer-detail .retailer-location .addr-miles .miles {
            font-size: 16px;
            line-height: 24px;
            margin: 0 0 0 auto;
            padding: 0 10px;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

    .retailer-detail .retailer-location .gmap {
        width: auto;
        height: 300px;
        background: #ccc;
    }

    .retailer-detail .retailer-location > .gmap {
        margin: 0 20px;
    }

        .retailer-detail .retailer-location > .gmap .gmap {
            margin: 20px 10px 0;
        }

@media (max-width: 979px) {
    .retailer-detail .retailer-location > .gmap .gmap {
        margin: 20px 0 0 0;
    }
}

.retailer-detail .retailer-hours {
    -ms-flex-order: 4;
    order: 4;
    padding: 0 25px;
    width: 100%;
}

    .retailer-detail .retailer-hours h6 {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 15px;
        text-transform: uppercase;
    }

        .retailer-detail .retailer-hours h6.open {
            cursor: pointer;
            font-size: 14px;
            line-height: 19px;
            text-decoration: underline;
            margin: 0 0 11px;
            letter-spacing: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            text-transform: none;
        }

            .retailer-detail .retailer-hours h6.open:before {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='10' cy='10.934' r='10' fill='%23323232'/%3E%3Cpath stroke='%23FFF9F2' stroke-linecap='round' stroke-width='1.5' d='M8.76 11.85V5.22M8.76 11.85l4.601 2.603'/%3E%3C/g%3E%3C/svg%3E%0A");
                height: 21px;
                width: 20px;
                margin-right: 11px;
            }

            .retailer-detail .retailer-hours h6.open:after {
                content: '';
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M4.12.389l-4 6h8z'/%3E%3C/svg%3E%0A");
                height: 7px;
                width: 9px;
                margin: 4px 0 0 9px;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .retailer-detail .retailer-hours h6.open.active:after {
                -ms-transform: none;
                transform: none;
            }

    .retailer-detail .retailer-hours .hours-container {
        display: none;
    }

        .retailer-detail .retailer-hours .hours-container.active {
            display: -ms-flexbox;
            display: flex;
        }

    .retailer-detail .retailer-hours .days {
        margin: 0 30px 0 31px;
    }

        .retailer-detail .retailer-hours .days p {
            font-size: 14px;
            line-height: 28px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            margin: 0 0 3px;
        }

    .retailer-detail .retailer-hours .times p {
        font-size: 14px;
        line-height: 28px;
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        margin: 0 0 3px;
    }

.retailer-detail .retailer-offer {
    -ms-flex-order: 5;
    order: 5;
    padding: 0 25px;
    width: 100%;
}

    .retailer-detail .retailer-offer h6 {
        font-size: 14px;
        line-height: 19px;
        text-decoration: underline;
        margin: 0 0 11px;
        letter-spacing: 0;
    }

        .retailer-detail .retailer-offer h6.mob {
            cursor: pointer;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-align: center;
            align-items: center;
        }

        .retailer-detail .retailer-offer h6:before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h16.2v16.2H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1.4 1.58)'%3E%3Cpath fill='%23323232' stroke='%23323232' stroke-width='.9' d='M-.45-.45h17.1v17.1H-.45z'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23323232' xlink:href='%23a'/%3E%3Cg stroke='%23FFF9F2' stroke-width='.5' mask='url(%23b)'%3E%3Cpath d='M-.79 3.332l17.709-17.71M-.79 6.932l17.709-17.71M-.79 10.532l17.709-17.71M-.79 14.132l17.709-17.71M-.79 17.732L16.918.022M-.79 21.332l17.709-17.71M-.79 24.932l17.709-17.71M-.79 28.532l17.709-17.71M-.79 32.132l17.709-17.71'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            height: 18px;
            width: 20px;
            margin-right: 11px;
        }

        .retailer-detail .retailer-offer h6:after {
            content: '';
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M4.12.389l-4 6h8z'/%3E%3C/svg%3E%0A");
            height: 7px;
            width: 9px;
            margin: 4px 0 0 9px;
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .retailer-detail .retailer-offer h6.active:after {
            -ms-transform: none;
            transform: none;
        }

    .retailer-detail .retailer-offer .links-container {
        display: none;
        margin: 0 0 0 31px;
    }

        .retailer-detail .retailer-offer .links-container.active {
            display: block;
        }

        .retailer-detail .retailer-offer .links-container > a {
            display: block;
            margin: 10px 0 0;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 19px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
        }

.retailer-detail .retailer-services {
    -ms-flex-order: 6;
    order: 6;
    padding: 0 25px;
    width: 100%;
}

    .retailer-detail .retailer-services h6 {
        cursor: pointer;
        font-size: 14px;
        line-height: 19px;
        text-decoration: underline;
        margin: 0 0 11px;
        letter-spacing: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .retailer-detail .retailer-services h6:before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23323232' d='M0 .416h19.2v17.92H0z'/%3E%3Cpath fill='%23FFF9F2' d='M3.55 3.676h1.8v1.8h-1.8zM3.55 8.436h1.8v1.8h-1.8zM3.55 13.276h1.8v1.8h-1.8z'/%3E%3Cpath stroke='%23FFF9F2' stroke-width='1.5' d='M7.161 4.576h9M7.161 9.336h9M7.161 14.176h9'/%3E%3C/g%3E%3C/svg%3E%0A");
            height: 17px;
            width: 17px;
            margin-right: 11px;
        }

        .retailer-detail .retailer-services h6:after {
            content: '';
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M4.12.389l-4 6h8z'/%3E%3C/svg%3E%0A");
            height: 7px;
            width: 9px;
            margin: 4px 0 0 9px;
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .retailer-detail .retailer-services h6.active:after {
            -ms-transform: none;
            transform: none;
        }

    .retailer-detail .retailer-services .links-container {
        display: none;
        margin: 0 0 0 28px;
    }

        .retailer-detail .retailer-services .links-container.active {
            display: block;
        }

        .retailer-detail .retailer-services .links-container > a {
            display: block;
            margin: 10px 0 0;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 19px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
        }

.retailer-detail .retailer-about {
    padding: 0 25px;
}

    .retailer-detail .retailer-about h2 {
        text-align: center;
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 5px;
        margin: 0;
        text-transform: uppercase;
    }

    .retailer-detail .retailer-about p {
        margin: 20px auto 0;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.5px;
    }

.retailer-detail .retailer-reviews {
    padding: 0 25px;
}

    .retailer-detail .retailer-reviews h6 {
        font-size: 14px;
        line-height: 19px;
        text-decoration: underline;
        margin: 0 0 0;
        letter-spacing: 0;
    }

        .retailer-detail .retailer-reviews h6.reviews-title {
            cursor: pointer;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-align: center;
            align-items: center;
        }

        .retailer-detail .retailer-reviews h6:before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M9.297 13.616l-5.396 2.768 1.03-5.862-4.365-4.15L6.6 5.515 9.297.184l2.698 5.332 6.033.855-4.366 4.151 1.03 5.862z'/%3E%3C/svg%3E%0A");
            height: 17px;
            width: 18px;
            margin-right: 11px;
        }

        .retailer-detail .retailer-reviews h6:after {
            content: '';
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7'%3E%3Cpath fill='%23323232' fill-rule='evenodd' d='M4.12.389l-4 6h8z'/%3E%3C/svg%3E%0A");
            height: 7px;
            width: 9px;
            margin: 4px 0 0 9px;
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .retailer-detail .retailer-reviews h6.active:after {
            -ms-transform: none;
            transform: none;
        }

    .retailer-detail .retailer-reviews .reviews-container {
        display: none;
    }

        .retailer-detail .retailer-reviews .reviews-container.active {
            display: block;
        }

    .retailer-detail .retailer-reviews h2 {
        text-align: center;
        font-size: 25px;
        line-height: 34px;
        letter-spacing: 5px;
        margin: 0 auto 5px;
        text-transform: uppercase;
    }

    .retailer-detail .retailer-reviews .review {
        margin: 55px auto 0;
    }

        .retailer-detail .retailer-reviews .review .person-info {
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 auto 4px;
        }

            .retailer-detail .retailer-reviews .review .person-info > p {
                margin: 0;
            }

            .retailer-detail .retailer-reviews .review .person-info .name {
                text-transform: uppercase;
                font-size: 14px;
                line-height: 16px;
                font-family: "Open-Sans-Semi-Bold", sans-serif;
            }

            .retailer-detail .retailer-reviews .review .person-info .on-g {
                color: #4a4a4a;
                font-size: 10px;
                line-height: 14px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
            }

                .retailer-detail .retailer-reviews .review .person-info .on-g .icon {
                    background: url("../images/goog-icon.png");
                    height: 32px;
                    width: 29px;
                    text-indent: -9999px;
                    display: block;
                    margin: 0 0 0 5px;
                }

        .retailer-detail .retailer-reviews .review .review-details {
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
        }

            .retailer-detail .retailer-reviews .review .review-details .published {
                color: rgba(50, 50, 50, 0.58);
                font-size: 13px;
                line-height: 22px;
                text-transform: uppercase;
                margin: 0;
            }

        .retailer-detail .retailer-reviews .review .review-text {
            font-size: 16px;
            line-height: 29px;
            letter-spacing: 0.5px;
            margin: 26px auto 0;
        }

    .retailer-detail .retailer-reviews .view-all {
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        display: block;
        margin: 50px auto;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
    }

.retailer-detail .retailer-coupon-mobile {
    -ms-flex-order: 5;
    order: 5;
    padding: 0 25px;
    width: 100%;
    margin-bottom: 40px;
}

    .retailer-detail .retailer-coupon-mobile .coupon-section {
        padding: 18px 40px;
        color: white;
        font-family: "Open-Sans", sans-serif;
        text-align: center;
    }

        .retailer-detail .retailer-coupon-mobile .coupon-section h3 {
            font-size: 24px;
            margin-bottom: 18px;
            font-family: "Open-Sans", sans-serif;
        }

        .retailer-detail .retailer-coupon-mobile .coupon-section p {
            font-size: 14px;
            line-height: normal;
            letter-spacing: normal;
        }

        .retailer-detail .retailer-coupon-mobile .coupon-section button {
            display: inline-block;
            padding: 10px 15px;
            text-transform: uppercase;
            background: white;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            letter-spacing: normal;
        }

        .retailer-detail .retailer-coupon-mobile .coupon-section.non-sale {
            background-color: #f9473a;
        }

            .retailer-detail .retailer-coupon-mobile .coupon-section.non-sale button {
                color: #f9473a;
            }

.retailer-detail .right {
    -ms-flex: 0 0 389px;
    flex: 0 0 389px;
    margin: 60px 0 0;
    padding: 0 25px;
}

    .retailer-detail .right .address {
        margin: 0 0 10px;
    }

    .retailer-detail .right .right-dir {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .retailer-detail .right .right-dir > a {
            font-size: 15px;
            line-height: 27px;
            letter-spacing: 1.5px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            text-transform: uppercase;
        }

        .retailer-detail .right .right-dir .miles {
            font-size: 18px;
            line-height: 27px;
            margin: 0;
        }

    .retailer-detail .right .gmap {
        margin: 18px auto 10px;
        height: 339px;
        background: #ccc;
    }

    .retailer-detail .right .promo-coupon {
        text-align: center;
        padding: 25px;
    }

        .retailer-detail .right .promo-coupon .button {
            margin-top: 10px;
            background-color: #323232;
            font-weight: bold;
        }

            .retailer-detail .right .promo-coupon .button:focus, .retailer-detail .right .promo-coupon .button:hover, .retailer-detail .right .promo-coupon .button:active {
                background-color: #323232;
            }

    .retailer-detail .right .coupon-section {
        padding: 18px 40px;
        color: white;
        font-family: "Open-Sans", sans-serif;
        text-align: center;
    }

        .retailer-detail .right .coupon-section h3 {
            font-size: 24px;
            margin-bottom: 18px;
            font-family: "Open-Sans", sans-serif;
        }

        .retailer-detail .right .coupon-section p {
            font-size: 14px;
            line-height: normal;
            letter-spacing: normal;
        }

        .retailer-detail .right .coupon-section button {
            display: inline-block;
            padding: 10px 15px;
            text-transform: uppercase;
            background: white;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            letter-spacing: normal;
        }

        .retailer-detail .right .coupon-section.non-sale {
            background-color: #f9473a;
        }

            .retailer-detail .right .coupon-section.non-sale button {
                color: #f9473a;
            }

@media (min-width: 768px) {
    .retailer-detail .hide-when-less-than-768 {
        display: block !important;
    }

    .retailer-detail .show-when-less-than-768 {
        display: none !important;
    }

    .retailer-detail .retailer-info .retailer-title {
        margin: 48px auto 0;
        font-size: 32px;
        line-height: 42px;
    }

    .retailer-detail .retailer-quick-links {
        border: 0;
        margin: 0;
        padding: 0 25px;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .retailer-detail .retailer-quick-links > div {
            border: 0;
            width: auto;
            text-align: left;
            margin: 0 0 0 18%;
        }

            .retailer-detail .retailer-quick-links > div:first-child {
                margin: 0;
            }

            .retailer-detail .retailer-quick-links > div h6 {
                text-transform: uppercase;
                font-size: 15px;
                line-height: 20px;
                margin: 0 0 15px;
                letter-spacing: normal;
            }

            .retailer-detail .retailer-quick-links > div a {
                font-size: 18px;
                line-height: 24px;
                font-family: "Open-Sans-Semi-Bold", sans-serif;
            }

        .retailer-detail .retailer-quick-links .quick-link {
            display: none;
        }

    .retailer-detail .retailer-hours {
        margin: 30px 0 0;
    }

        .retailer-detail .retailer-hours h6 {
            margin: 0 0 5px;
            letter-spacing: normal;
        }

            .retailer-detail .retailer-hours h6.open {
                font-size: 16px;
                line-height: 35px;
                font-family: "Open-Sans-Semi-Bold", sans-serif;
                text-decoration: none;
                margin: 0;
            }

                .retailer-detail .retailer-hours h6.open:before {
                    content: '';
                    height: 0;
                    width: 0;
                    margin: 0;
                }

                .retailer-detail .retailer-hours h6.open:after {
                    margin: -3px 0 0 17px;
                }

        .retailer-detail .retailer-hours .days {
            margin: 0 24% 0 0;
        }

            .retailer-detail .retailer-hours .days p {
                font-size: 16px;
                line-height: 35px;
                margin: 0;
            }

        .retailer-detail .retailer-hours .times p {
            font-size: 16px;
            line-height: 35px;
            margin: 0;
        }

    .retailer-detail .retailer-services {
        -ms-flex-order: 5;
        order: 5;
        margin: 30px 0 0;
    }

        .retailer-detail .retailer-services h6 {
            cursor: default;
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: normal;
        }

            .retailer-detail .retailer-services h6:before, .retailer-detail .retailer-services h6:after {
                content: '';
                height: 0;
                width: 0;
                margin: 0;
            }

        .retailer-detail .retailer-services .links-container {
            display: block;
            margin: 0;
        }

            .retailer-detail .retailer-services .links-container > a {
                display: inline-block;
                font-size: 18px;
                line-height: 24px;
                margin: 0 20px 0 0;
            }

    .retailer-detail .retailer-offer {
        -ms-flex-order: 6;
        order: 6;
        margin: 30px 0 0;
    }

        .retailer-detail .retailer-offer h6 {
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: normal;
        }

            .retailer-detail .retailer-offer h6:before, .retailer-detail .retailer-offer h6:after {
                content: '';
                height: 0;
                width: 0;
                margin: 0;
            }

            .retailer-detail .retailer-offer h6.mob {
                display: none !important;
            }

        .retailer-detail .retailer-offer .links-container {
            display: block;
            margin: 0;
        }

            .retailer-detail .retailer-offer .links-container > a {
                display: inline-block;
                font-size: 18px;
                line-height: 24px;
                margin: 0 20px 0 0;
            }

    .retailer-detail hr.section-divider {
        margin: 60px 25px;
    }

    .retailer-detail .retailer-about h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .retailer-detail .retailer-about p {
        margin: 15px auto 0;
    }

    .retailer-detail .retailer-reviews h6.reviews-title {
        display: none !important;
    }

    .retailer-detail .retailer-reviews .reviews-container {
        display: block;
    }

    .retailer-detail .retailer-reviews h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .retailer-detail .retailer-reviews .review {
        display: -ms-flexbox;
        display: flex;
        margin: 90px auto 0;
    }

        .retailer-detail .retailer-reviews .review .person-info {
            display: block;
            -ms-flex: 0 0 160px;
            flex: 0 0 160px;
            margin-right: 10px;
        }

        .retailer-detail .retailer-reviews .review .review-content {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

    .retailer-detail .retailer-reviews .view-all {
        margin: 60px auto;
    }
}

.retailer-detail .infoContent .store-name {
    font-size: 15px;
    margin: 0;
    padding: 0 0 10px 0;
}

.retailer-detail .infoContent #bodyContent p {
    font-size: 13px;
}

.reveal-overlay {
    z-index: 4001;
}

    .reveal-overlay .forms-modal {
        background: #fff9f2;
        z-index: 1;
        text-align: center;
        outline-color: transparent !important;
    }

@media (max-width: 767px) {
    .reveal-overlay .forms-modal {
        top: 0 !important;
    }
}

.reveal-overlay .forms-modal .background {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.reveal-overlay .forms-modal .background-close-button {
    right: 0;
    top: 0;
    z-index: 1;
    position: absolute;
    text-decoration: none;
    color: #2a2a29;
    font-size: 2em;
}

@media (max-width: 979px) {
    .reveal-overlay .forms-modal .background-close-button {
        right: 15px;
        top: 15px;
    }
}

.reveal-overlay .forms-modal .background-close-button .icon-close-x:before {
    opacity: 0.65;
}

.reveal-overlay .forms-modal .forms-wrapper {
    position: relative;
    text-align: left;
}

    .reveal-overlay .forms-modal .forms-wrapper form .button-container {
        text-align: center;
    }

        .reveal-overlay .forms-modal .forms-wrapper form .button-container button {
            display: inline-block;
            padding: 25px 80px;
            text-align: center;
            font-size: 14px;
            color: #fff9f2;
            font-weight: bold;
            background: #323232;
            border-radius: 0;
            border: solid 1px #323232;
        }

            .reveal-overlay .forms-modal .forms-wrapper form .button-container button:hover {
                border: solid 1px #323232;
                color: #323232;
                background: none;
            }

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .button-container button {
        margin: 0;
        width: 100%;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 768px) {
    .reveal-overlay .forms-modal .forms-wrapper form .form-row {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .form-column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 50px;
}

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .form-column {
        padding: 0 10px;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form h2 {
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #323232;
    padding-top: 30px;
    padding-bottom: 30px;
}

.reveal-overlay .forms-modal .forms-wrapper form h3 {
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    color: black;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form h3 {
        font-size: 17px;
        line-height: 1.3em;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .quote-info-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 0;
}

    .reveal-overlay .forms-modal .forms-wrapper form .quote-info-wrapper .checkbox-container {
        margin-top: 15px;
    }

        .reveal-overlay .forms-modal .forms-wrapper form .quote-info-wrapper .checkbox-container label {
            padding: 0;
        }

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .quote-info-wrapper {
        margin-top: 30px;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .contact-info-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 50px;
    padding-bottom: 30px;
}

.reveal-overlay .forms-modal .forms-wrapper form .contact-preference-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-bottom: 30px;
}

    .reveal-overlay .forms-modal .forms-wrapper form .contact-preference-wrapper .checkbox-container label {
        padding: 0;
        margin: -30px 0 0 35px;
    }

    .reveal-overlay .forms-modal .forms-wrapper form .contact-preference-wrapper .checkbox-container input {
        margin: 0 15px 0 0;
    }

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .contact-preference-wrapper {
        padding-bottom: 0;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .select-wrap {
    width: 100%;
    border: 1px solid #323232;
}

    .reveal-overlay .forms-modal .forms-wrapper form .select-wrap select {
        font-size: 12px;
        font-family: "Open-Sans", sans-serif;
        letter-spacing: normal;
        color: black;
        text-transform: none;
        font-weight: bold;
    }

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .select-wrap select {
        height: 50px;
        padding: 16px 15px;
    }
}

.reveal-overlay .forms-modal .forms-wrapper form .select-wrap i {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: #323232;
}

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container .option {
    margin: 0 20px 25px 0;
}

    .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container .option.text-option .checkbox {
        margin-top: 8px;
    }

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square .checkbox {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin: 4px 10px 0 0;
    border: 2px solid #bdbbb7;
}

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square .textbox {
    width: 195px;
    margin: 0;
}

    .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square .textbox:-ms-input-placeholder {
        font-style: italic;
    }

    .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square .textbox::placeholder {
        font-style: italic;
    }

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square input {
    color: #323232;
}

    .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square input:before {
        margin: 1px 0;
    }

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square label {
    font-size: 14px;
    color: #323232;
    display: inline-block;
    font-family: "Open-Sans-Semi-Bold", sans-serif;
}

@media (max-width: 767px) {
    .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square label {
        margin-left: 0;
    }

        .reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.square label[for=signup-subscribe] {
            font-size: 12px;
            margin-left: 35px;
            padding-top: 5px;
            font-family: "Open-Sans", sans-serif;
        }
}

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.circle label {
    font-size: 14px;
    letter-spacing: normal;
    color: #323232;
    font-family: "Open-Sans-Semi-Bold", sans-serif;
}

.reveal-overlay .forms-modal .forms-wrapper form .checkbox-container.circle input:before {
    margin: 6px 0 0 5px;
}

.reveal-overlay .forms-modal .forms-wrapper form .radio-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .reveal-overlay .forms-modal .forms-wrapper form .radio-container .option {
        display: inline-block;
        margin-right: 15px;
    }

        .reveal-overlay .forms-modal .forms-wrapper form .radio-container .option label {
            font-size: 14px;
            color: #3b3835;
            display: inline-block;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            width: auto;
        }

        .reveal-overlay .forms-modal .forms-wrapper form .radio-container .option input[type="radio"] {
            margin: 0 15px 0 0;
        }

            .reveal-overlay .forms-modal .forms-wrapper form .radio-container .option input[type="radio"] + label {
                margin: 0;
            }

.reveal-overlay .forms-modal .forms-wrapper form .field {
    margin: 0;
}

    .reveal-overlay .forms-modal .forms-wrapper form .field input[type="text"], .reveal-overlay .forms-modal .forms-wrapper form .field input[type="email"], .reveal-overlay .forms-modal .forms-wrapper form .field input[type="tel"] {
        background: none;
        border: 1px solid #323232;
    }

        .reveal-overlay .forms-modal .forms-wrapper form .field input[type="text"]:-ms-input-placeholder, .reveal-overlay .forms-modal .forms-wrapper form .field input[type="email"]:-ms-input-placeholder, .reveal-overlay .forms-modal .forms-wrapper form .field input[type="tel"]:-ms-input-placeholder {
            font-size: 12px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            letter-spacing: normal;
            color: #323232;
            text-transform: none;
            font-weight: bold;
        }

        .reveal-overlay .forms-modal .forms-wrapper form .field input[type="text"]::placeholder, .reveal-overlay .forms-modal .forms-wrapper form .field input[type="email"]::placeholder, .reveal-overlay .forms-modal .forms-wrapper form .field input[type="tel"]::placeholder {
            font-size: 12px;
            font-family: "Open-Sans-Semi-Bold", sans-serif;
            letter-spacing: normal;
            color: #323232;
            text-transform: none;
            font-weight: bold;
        }

.reveal-overlay #couponFormModal .container {
    max-width: 100%;
}

    .reveal-overlay #couponFormModal .container .modal-content .retailer-header {
        min-height: 0;
    }

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon {
        padding-bottom: 40px;
    }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info {
            padding-top: 0;
            font-family: "Open-Sans", sans-serif;
            border: none !important;
        }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info .retailer-name {
                letter-spacing: normal;
            }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info .img-wrap {
                /*margin-bottom: 50px;*/
            }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info .retailer-phone {
                font-family: "Open-Sans", sans-serif;
                font-size: 18px;
                font-weight: 600;
                line-height: 1em;
                text-decoration: underline;
                letter-spacing: normal;
            }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info .retailer-hours h6 {
                font-family: "Open-Sans", sans-serif;
                font-weight: 600;
                font-size: 16px;
                line-height: 35px;
                text-transform: none;
                margin-bottom: 15px;
                letter-spacing: normal;
            }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon .retailer-coupon-info .view-all-times {
                font-family: "Open-Sans", sans-serif;
                font-size: 18px;
                line-height: 1em;
                text-decoration: underline;
                text-transform: uppercase;
                border-bottom: none;
                font-weight: 600;
                letter-spacing: normal;
            }

@media (min-width: 980px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm {
        /*border-left: 1px solid #979797;*/
    }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap {
    padding-bottom: 0;
}

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields {
        margin-left: 0;
    }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field {
            list-style: none;
        }

            .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field.half {
                width: 47%;
                margin-right: 5%;
            }

                .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field.half.second {
                    margin-right: 0;
                }

                    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field.half.second.states {
                        vertical-align: bottom;
                    }

@media (max-width: 979px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field.half {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field {
        margin: 0;
    }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li.field input {
    background-color: #fff9f2;
}

@media (min-width: 980px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:first-child, .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:nth-child(2) {
        padding-top: 0 !important;
    }

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:first-child, .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:nth-child(2) {
        padding-top: 0 !important;
    }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:first-child label, .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li:nth-child(2) label {
            top: -22px;
        }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"],
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"],
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"] {
    border: 1px solid #323232;
    padding: 24px;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"],
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"],
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"] {
        height: 55px;
    }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"]::-ms-clear,
        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"]::-ms-clear,
        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"]::-ms-clear {
            display: none;
        }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"]::-webkit-input-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"]::-webkit-input-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"]::-webkit-input-placeholder {
    color: #000000 !important;
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"]:-moz-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"]:-moz-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"]:-moz-placeholder {
    color: #000000 !important;
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"]::-moz-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"]::-moz-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"]::-moz-placeholder {
    color: #000000 !important;
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"]:-ms-input-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"]:-ms-input-placeholder,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"]:-ms-input-placeholder {
    color: #000000 !important;
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="text"].ng-touched.ng-invalid,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="email"].ng-touched.ng-invalid,
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap ul.fields li input[type="tel"].ng-touched.ng-invalid {
    border-color: red;
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group input[type="submit"],
.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group button.button-sale {
    font-family: "Open-Sans", sans-serif;
    border-radius: 0 !important;
    font-size: 14px;
    line-height: normal;
    color: #fff9f2;
}

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group input[type="submit"]:hover,
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group button.button-sale:hover {
        opacity: 0.58;
    }

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group input[type="submit"][disabled],
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group button.button-sale[disabled] {
        opacity: .5;
    }

@media (max-width: 767px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .submit-group button.button-sale {
        margin: 0;
        width: 100%;
    }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset {
    margin-bottom: 0 !important;
    width: 100%;
    float: left;
    padding: 0;
}

@media (max-width: 767px) {
    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset {
        width: 100%;
    }
}

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset label {
    font-family: "Open-Sans", sans-serif;
    color: #323232;
    font-size: 12px;
    line-height: 18px;
    margin-left: 0;
}

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset label.newsletter-agreement {
        font-size: 15px;
        line-height: 24px;
    }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset label.newsletter-agreement input[type=checkbox].icon-check:before {
            margin: 0 0 0 -1px;
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset label.newsletter-agreement > div.text > p.fineprint {
            font-size: 15px;
        }

    .reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .fieldset-wrap fieldset label a {
        font-weight: 700;
    }

.reveal-overlay #couponFormModal .container .modal-content .retailer-coupon #couponForm .background-wrap .form-errors {
    min-height: 20px;
    margin-bottom: 25px;
}

.reveal-overlay #dealerFormModal,
.reveal-overlay .full-size-modal,
.reveal-overlay #full-size-modal {
    min-height: 714px;
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal.loading-modal,
    .reveal-overlay .full-size-modal.loading-modal,
    .reveal-overlay #full-size-modal.loading-modal {
        width: 75%;
        height: 75%;
        margin-top: 25%;
    }
}

.reveal-overlay #dealerFormModal .container,
.reveal-overlay .full-size-modal .container,
.reveal-overlay #full-size-modal .container {
    max-width: 100%;
    padding-bottom: 0;
}

.reveal-overlay #dealerFormModal .quote-info-wrapper h2,
.reveal-overlay .full-size-modal .quote-info-wrapper h2,
.reveal-overlay #full-size-modal .quote-info-wrapper h2 {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 50px;
    font-size: 30px;
    line-height: 1.2em;
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .quote-info-wrapper h2,
    .reveal-overlay .full-size-modal .quote-info-wrapper h2,
    .reveal-overlay #full-size-modal .quote-info-wrapper h2 {
        padding-bottom: 20px;
    }
}

.reveal-overlay #dealerFormModal .quote-info-wrapper h3,
.reveal-overlay .full-size-modal .quote-info-wrapper h3,
.reveal-overlay #full-size-modal .quote-info-wrapper h3 {
    margin: 30px 0;
    padding: 0;
    color: black;
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .quote-info-wrapper h3,
    .reveal-overlay .full-size-modal .quote-info-wrapper h3,
    .reveal-overlay #full-size-modal .quote-info-wrapper h3 {
        font-size: 17px;
        line-height: 1.3em;
    }
}

.reveal-overlay #dealerFormModal .quote-info-wrapper .checkbox-container,
.reveal-overlay .full-size-modal .quote-info-wrapper .checkbox-container,
.reveal-overlay #full-size-modal .quote-info-wrapper .checkbox-container {
    margin: 0;
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .quote-info-wrapper .checkbox-container ::-webkit-input-placeholder,
    .reveal-overlay .full-size-modal .quote-info-wrapper .checkbox-container ::-webkit-input-placeholder,
    .reveal-overlay #full-size-modal .quote-info-wrapper .checkbox-container ::-webkit-input-placeholder {
        text-align: left;
    }

    .reveal-overlay #dealerFormModal .quote-info-wrapper .checkbox-container #txtOtherProduct,
    .reveal-overlay .full-size-modal .quote-info-wrapper .checkbox-container #txtOtherProduct,
    .reveal-overlay #full-size-modal .quote-info-wrapper .checkbox-container #txtOtherProduct {
        width: calc(100% - 30px);
        padding: 5px;
        height: 30px;
    }

        .reveal-overlay #dealerFormModal .quote-info-wrapper .checkbox-container #txtOtherProduct:-moz-placeholder,
        .reveal-overlay .full-size-modal .quote-info-wrapper .checkbox-container #txtOtherProduct:-moz-placeholder,
        .reveal-overlay #full-size-modal .quote-info-wrapper .checkbox-container #txtOtherProduct:-moz-placeholder {
            text-align: left;
        }
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .contact-info-wrapper,
    .reveal-overlay .full-size-modal .contact-info-wrapper,
    .reveal-overlay #full-size-modal .contact-info-wrapper {
        padding: 0;
    }
}

.reveal-overlay #dealerFormModal .contact-info-wrapper h3,
.reveal-overlay .full-size-modal .contact-info-wrapper h3,
.reveal-overlay #full-size-modal .contact-info-wrapper h3 {
    padding: 0;
    margin: 35px 0 0 0;
    color: black;
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .contact-info-wrapper h3,
    .reveal-overlay .full-size-modal .contact-info-wrapper h3,
    .reveal-overlay #full-size-modal .contact-info-wrapper h3 {
        font-size: 17px;
        line-height: 1.3em;
    }
}

@media (max-width: 767px) {
    .reveal-overlay #dealerFormModal .contact-info-wrapper .field,
    .reveal-overlay .full-size-modal .contact-info-wrapper .field,
    .reveal-overlay #full-size-modal .contact-info-wrapper .field {
        width: 100%;
        padding-top: 10px !important;
    }

        .reveal-overlay #dealerFormModal .contact-info-wrapper .field:first-child,
        .reveal-overlay .full-size-modal .contact-info-wrapper .field:first-child,
        .reveal-overlay #full-size-modal .contact-info-wrapper .field:first-child {
            padding-top: 20px !important;
        }

        .reveal-overlay #dealerFormModal .contact-info-wrapper .field ::-webkit-input-placeholder,
        .reveal-overlay .full-size-modal .contact-info-wrapper .field ::-webkit-input-placeholder,
        .reveal-overlay #full-size-modal .contact-info-wrapper .field ::-webkit-input-placeholder {
            font-size: 12px;
            text-align: left;
            color: black;
        }

        .reveal-overlay #dealerFormModal .contact-info-wrapper .field input,
        .reveal-overlay .full-size-modal .contact-info-wrapper .field input,
        .reveal-overlay #full-size-modal .contact-info-wrapper .field input {
            height: 50px;
        }

            .reveal-overlay #dealerFormModal .contact-info-wrapper .field input:-moz-placeholder,
            .reveal-overlay .full-size-modal .contact-info-wrapper .field input:-moz-placeholder,
            .reveal-overlay #full-size-modal .contact-info-wrapper .field input:-moz-placeholder {
                font-size: 12px;
                text-align: left;
                color: black;
            }

        .reveal-overlay #dealerFormModal .contact-info-wrapper .field label,
        .reveal-overlay .full-size-modal .contact-info-wrapper .field label,
        .reveal-overlay #full-size-modal .contact-info-wrapper .field label {
            display: none;
        }
}

@media (max-width: 560px) {
    .reveal-overlay #dealerFormModal,
    .reveal-overlay .full-size-modal,
    .reveal-overlay #full-size-modal {
        min-height: auto;
        height: 100%;
    }
}

.reveal-overlay #dealerFormModal .quote-confirmation,
.reveal-overlay .full-size-modal .quote-confirmation,
.reveal-overlay #full-size-modal .quote-confirmation {
    padding-top: 20%;
}

.comparison-sticky {
    display: none;
    background: #d4c9c2;
    z-index: 6000;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 18px 20px;
}

    .comparison-sticky .contain {
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .comparison-sticky .contain .products {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex: 0 0 786px;
            flex: 0 0 786px;
        }

            .comparison-sticky .contain .products .product {
                display: -ms-flexbox;
                display: flex;
                margin: 0 10px 0 0;
                -ms-flex: 0 0 252px;
                flex: 0 0 252px;
            }

                .comparison-sticky .contain .products .product .thumb {
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                }

                    .comparison-sticky .contain .products .product .thumb img {
                        max-width: 118px;
                    }

                .comparison-sticky .contain .products .product .descrip {
                    background: #ffffff;
                    -ms-flex: 0 0 134px;
                    flex: 0 0 134px;
                }

                    .comparison-sticky .contain .products .product .descrip .remove-x {
                        text-decoration: none;
                        display: block;
                        font-size: 16px;
                        line-height: 18px;
                        text-align: right;
                        margin: 0 4px 0 0;
                        opacity: 0.54;
                    }

                    .comparison-sticky .contain .products .product .descrip h5 {
                        margin: 6px 20px 0 10px;
                        font-size: 15px;
                        line-height: 17px;
                        font-family: "Open-Sans-Semi-Bold", sans-serif;
                        text-transform: uppercase;
                    }

                    .comparison-sticky .contain .products .product .descrip hr {
                        background: #979797;
                        margin: 10px 80px 10px 10px;
                    }

                    .comparison-sticky .contain .products .product .descrip .cat {
                        margin: 5px 20px 0 10px;
                        font-size: 13px;
                        line-height: 16px;
                        color: #3c3c3c;
                        text-transform: uppercase;
                    }

        .comparison-sticky .contain .ctas {
            -ms-flex: 1 1 235px;
            flex: 1 1 235px;
            max-width: 252px;
        }

            .comparison-sticky .contain .ctas .clear-link {
                text-transform: uppercase;
                font-size: 12px;
                line-height: 17px;
                font-weight: bold;
                letter-spacing: 1.3px;
                margin: 20px auto 0;
                display: block;
                text-align: center;
            }

        .comparison-sticky .contain .button {
            background: #323232;
            display: block;
            min-width: 0;
            padding: 22px 50px 23px;
            margin: 0;
            border-radius: 0;
            font-size: 12px;
            line-height: 17px;
            letter-spacing: 1.3px;
            font-weight: bold;
            color: #fff9f2;
            width: 100%;
        }

            .comparison-sticky .contain .button:hover {
                background: rgba(50, 50, 50, 0.58);
            }

            .comparison-sticky .contain .button:disabled {
                background: rgba(50, 50, 50, 0.4);
                color: #323232;
            }

@media (min-width: 1024px) {
    .comparison-sticky {
        display: block;
    }
}

.appointment-modal {
    z-index: 6000;
    background-color: #fff9f2;
}

    .appointment-modal .background.container {
        padding: 0;
        max-width: 100%;
    }

.retailer-detail-appointment {
    background: #faf8f4;
}

@media (max-width: 979px) {
    .retailer-detail-appointment {
        padding: 50px;
    }
}

@media (max-width: 768px) {
    .retailer-detail-appointment {
        padding: 20px 0;
    }
}

.retailer-detail-appointment li {
    list-style: none;
}

.retailer-detail-appointment input[type=text], .retailer-detail-appointment input[type=email], .retailer-detail-appointment input[type=tel], .retailer-detail-appointment input[type=password], .retailer-detail-appointment textarea {
    background-color: #faf8f4;
}

    .retailer-detail-appointment input[type=text]::-webkit-input-placeholder, .retailer-detail-appointment input[type=email]::-webkit-input-placeholder, .retailer-detail-appointment input[type=tel]::-webkit-input-placeholder, .retailer-detail-appointment input[type=password]::-webkit-input-placeholder, .retailer-detail-appointment textarea::-webkit-input-placeholder {
        color: #000000 !important;
    }

    .retailer-detail-appointment input[type=text]:-moz-placeholder, .retailer-detail-appointment input[type=email]:-moz-placeholder, .retailer-detail-appointment input[type=tel]:-moz-placeholder, .retailer-detail-appointment input[type=password]:-moz-placeholder, .retailer-detail-appointment textarea:-moz-placeholder {
        color: #000000 !important;
    }

    .retailer-detail-appointment input[type=text]::-moz-placeholder, .retailer-detail-appointment input[type=email]::-moz-placeholder, .retailer-detail-appointment input[type=tel]::-moz-placeholder, .retailer-detail-appointment input[type=password]::-moz-placeholder, .retailer-detail-appointment textarea::-moz-placeholder {
        color: #000000 !important;
    }

    .retailer-detail-appointment input[type=text]:-ms-input-placeholder, .retailer-detail-appointment input[type=email]:-ms-input-placeholder, .retailer-detail-appointment input[type=tel]:-ms-input-placeholder, .retailer-detail-appointment input[type=password]:-ms-input-placeholder, .retailer-detail-appointment textarea:-ms-input-placeholder {
        color: #000000 !important;
    }

.retailer-detail-appointment h2 {
    font-size: 30px;
    font-family: "Open-Sans", sans-serif;
    text-align: center;
    border-bottom: 1px solid #979797;
    padding: 48px 0;
    margin-bottom: 0;
    font-weight: bold;
}

@media (max-width: 979px) {
    .retailer-detail-appointment h2 {
        font-size: 24px;
        padding-bottom: 30px;
        border-bottom: 0;
    }
}

.retailer-detail-appointment span.appointment-helper-text {
    display: block;
    color: #3b3835;
    font-size: 14px;
    text-align: center;
    width: 345px;
    height: 60px;
    background-color: #d3c8c1;
    margin: 0 auto;
    padding: 17px 0px;
}

@media (max-width: 979px) {
    .retailer-detail-appointment span.appointment-helper-text {
        width: 100%;
    }
}

.retailer-detail-appointment span.appointment-helper-text .step-text {
    text-transform: uppercase;
    font-weight: bold;
}

.retailer-detail-appointment span.error-message {
    display: block;
    text-align: center;
    color: #f9473a;
    margin-top: 1em;
}

.retailer-detail-appointment .loading-animation-bg {
    background-color: #faf8f4;
    opacity: .8;
}

.retailer-detail-appointment form.appointment-form {
    margin: 0 auto 0;
    padding: 40px 0 0 0;
    position: relative;
    max-width: 1400px;
}

@media (max-width: 979px) {
    .retailer-detail-appointment form.appointment-form {
        padding: 20px 0 0 0;
    }
}

.retailer-detail-appointment form.appointment-form .appointment-form-state {
    display: none;
    /*inline-block;*/
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 7.5em;
    width: 2.333333333em;
    height: 2.333333333em;
    font-size: .75em;
}

@media (max-width: 979px) {
    .retailer-detail-appointment form.appointment-form .appointment-form-state {
        top: 6.2em;
    }
}

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form .appointment-form-state {
        top: 7em;
    }
}

.retailer-detail-appointment form.appointment-form .appointment-form-state .current-slide {
    position: absolute;
    line-height: 1em;
    top: 0;
    left: 3px;
    color: #423838;
}

.retailer-detail-appointment form.appointment-form .appointment-form-state .total-slides {
    position: absolute;
    line-height: 1em;
    bottom: 0;
    right: 3px;
}

.retailer-detail-appointment form.appointment-form .appointment-form-state i.per {
    position: absolute;
    top: 0;
    left: 12px;
    display: block;
    width: 1px;
    height: 26px;
    background: #000;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.retailer-detail-appointment form.appointment-form owl-carousel .owl-nav {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .retailer-detail-appointment form.appointment-form owl-carousel .owl-nav .owl-prev {
        display: inline-block;
        min-width: 130px;
        border-radius: .1875em;
        cursor: pointer;
        color: #fff;
        text-align: center;
        padding: 15px;
        background: #a3a09d;
        margin: 0;
        font-size: 11px;
        transition: all 250ms;
    }

        .retailer-detail-appointment form.appointment-form owl-carousel .owl-nav .owl-prev:after {
            content: 'Back';
            text-transform: uppercase;
        }

        .retailer-detail-appointment form.appointment-form owl-carousel .owl-nav .owl-prev:hover {
            background: #8a8783;
        }

        .retailer-detail-appointment form.appointment-form owl-carousel .owl-nav .owl-prev.disabled {
            display: none;
        }

    .retailer-detail-appointment form.appointment-form owl-carousel .owl-nav .owl-next {
        display: none;
    }

.retailer-detail-appointment form.appointment-form owl-carousel .item {
    padding: 0 120px;
}

@media (max-width: 979px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item {
        padding: 0 60px;
    }
}

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item {
        padding: 0 20px;
    }
}

.retailer-detail-appointment form.appointment-form owl-carousel .item h4 {
    font-size: 20px;
    text-align: center;
    font-family: "Open-Sans", sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid {
    text-align: center;
    position: relative;
}

    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.days {
        display: -ms-flexbox;
        display: flex;
    }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.days li {
            -ms-flex: 0 0 14.285714286%;
            flex: 0 0 14.285714286%;
            text-transform: uppercase;
        }

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.days {
        display: none;
    }
}

.retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li {
        -ms-flex: 0 0 14.285714286%;
        flex: 0 0 14.285714286%;
        font-size: 48px;
        line-height: 1;
        margin: 20px 0;
        padding: 30px 0;
        font-family: "Open-Sans", sans-serif;
    }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li.inactive {
            color: #ccc;
        }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li:hover {
            background: #423838;
            color: #fff;
            cursor: pointer;
        }

            .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li:hover.inactive {
                color: #ccc;
                background: initial;
                cursor: default;
            }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li span {
            display: none;
            font-size: 14px;
            text-transform: uppercase;
        }

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li span {
        display: block;
    }
}

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.dates li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        font-size: 30px;
        margin: 0;
    }
}

.retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.times {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.times li {
        -ms-flex: 0 0 14.285714286%;
        flex: 0 0 14.285714286%;
        margin: 20px 0;
        padding: 30px 0;
        cursor: pointer;
        font-size: 48px;
        line-height: 1;
        font-family: "Open-Sans", sans-serif;
    }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.times li .period {
            display: block;
            font-size: 16px;
            text-transform: uppercase;
        }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.times li:hover {
            background: #423838;
            color: #fff;
        }

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .date-time-grid ul.times li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        font-size: 30px;
        margin: 0;
    }
}

.retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper {
    text-align: center;
    margin-bottom: 60px;
}

    .retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field {
        float: left;
    }

        .retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field.half {
            width: 47%;
            margin-right: 6%;
        }

            .retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field.half:nth-child(2n) {
                margin-right: 0;
            }

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field.half {
        width: 100%;
        margin: 0;
    }
}

.retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field input.field-error {
    border: 1px solid red;
}

@media (max-width: 768px) {
    .retailer-detail-appointment form.appointment-form owl-carousel .item .fields-wrapper .field {
        width: 100%;
        margin: 0;
    }
}

.retailer-detail-appointment form.appointment-form .buttons-container {
    text-align: center;
    margin-top: 20px;
}

    .retailer-detail-appointment form.appointment-form .buttons-container a.button {
        display: inline-block;
        background: inherit;
        color: #323232;
        font-size: 15px;
        font-weight: bold;
        padding: 15px 30px;
    }

    .retailer-detail-appointment form.appointment-form .buttons-container input.button {
        display: inline-block;
    }

    .retailer-detail-appointment form.appointment-form .buttons-container .button.button-primary {
        background-color: #323232;
        color: #fff9f2;
        font-size: 14px;
        font-weight: bold;
        padding: 15px 30px;
        border-radius: 0;
    }

.retailer-header.retailer-platinum-header, .retailer-header.retailer-sale-header, .retailer-header.retailer-ppc-header {
    min-height: 36.25em;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .retailer-header.retailer-platinum-header, .retailer-header.retailer-sale-header, .retailer-header.retailer-ppc-header {
        padding: 0;
    }
}

.retailer-header.retailer-platinum-header .retailer-coupon .background-wrap, .retailer-header.retailer-sale-header .retailer-coupon .background-wrap, .retailer-header.retailer-ppc-header .retailer-coupon .background-wrap {
    padding-top: 0;
}

.retailer-header.retailer-platinum-header .retailer-coupon-info, .retailer-header.retailer-sale-header .retailer-coupon-info, .retailer-header.retailer-ppc-header .retailer-coupon-info {
    padding: 0 1.5em;
    text-align: center;
    border-right: solid 1px #eeede9;
}

@media (max-width: 979px) {
    .retailer-header.retailer-platinum-header .retailer-coupon-info, .retailer-header.retailer-sale-header .retailer-coupon-info, .retailer-header.retailer-ppc-header .retailer-coupon-info {
        border: none;
    }
}

@media (min-width: 768px) {
    .retailer-header.retailer-platinum-header .retailer-coupon-info, .retailer-header.retailer-sale-header .retailer-coupon-info, .retailer-header.retailer-ppc-header .retailer-coupon-info {
        width: 30%;
        float: left;
        padding: 1.5em;
    }
}

.retailer-header.retailer-platinum-header .retailer-coupon-info h1, .retailer-header.retailer-sale-header .retailer-coupon-info h1, .retailer-header.retailer-ppc-header .retailer-coupon-info h1 {
    color: #3B3835;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: .5em;
}

.retailer-header.retailer-platinum-header .retailer-coupon-info > img, .retailer-header.retailer-sale-header .retailer-coupon-info > img, .retailer-header.retailer-ppc-header .retailer-coupon-info > img {
    margin-bottom: .5em;
    max-width: 220px;
    max-height: 120px;
}

@media (max-width: 768px) {
    .retailer-header.retailer-platinum-header .retailer-coupon-info > img, .retailer-header.retailer-sale-header .retailer-coupon-info > img, .retailer-header.retailer-ppc-header .retailer-coupon-info > img {
        display: none;
    }
}

.retailer-header.retailer-platinum-header .retailer-coupon-info img + h1, .retailer-header.retailer-sale-header .retailer-coupon-info img + h1, .retailer-header.retailer-ppc-header .retailer-coupon-info img + h1 {
    display: none;
}

    .retailer-header.retailer-platinum-header .retailer-coupon-info img + h1.visible, .retailer-header.retailer-sale-header .retailer-coupon-info img + h1.visible, .retailer-header.retailer-ppc-header .retailer-coupon-info img + h1.visible {
        display: block;
    }

.retailer-header.retailer-platinum-header .retailer-coupon-info .retailer-phone, .retailer-header.retailer-sale-header .retailer-coupon-info .retailer-phone, .retailer-header.retailer-ppc-header .retailer-coupon-info .retailer-phone {
    font-size: 18px;
    margin-top: 2em;
}

.retailer-header.retailer-platinum-header .retailer-coupon-info .five-star-logo, .retailer-header.retailer-sale-header .retailer-coupon-info .five-star-logo, .retailer-header.retailer-ppc-header .retailer-coupon-info .five-star-logo {
    max-width: 110px;
    margin: 1.5em auto;
    display: none;
}

.retailer-header.retailer-platinum-header .retailer-coupon-info .retailer-phone,
.retailer-header.retailer-platinum-header .retailer-coupon-info .retailer-hours, .retailer-header.retailer-sale-header .retailer-coupon-info .retailer-phone,
.retailer-header.retailer-sale-header .retailer-coupon-info .retailer-hours, .retailer-header.retailer-ppc-header .retailer-coupon-info .retailer-phone,
.retailer-header.retailer-ppc-header .retailer-coupon-info .retailer-hours {
    padding: 0;
    margin-top: 20px;
}

@media (max-width: 560px) {
    .retailer-header.retailer-platinum-header .retailer-coupon-info .retailer-phone,
    .retailer-header.retailer-platinum-header .retailer-coupon-info .retailer-hours, .retailer-header.retailer-sale-header .retailer-coupon-info .retailer-phone,
    .retailer-header.retailer-sale-header .retailer-coupon-info .retailer-hours, .retailer-header.retailer-ppc-header .retailer-coupon-info .retailer-phone,
    .retailer-header.retailer-ppc-header .retailer-coupon-info .retailer-hours {
        margin-bottom: 20px;
    }
}

.retailer-header.retailer-platinum-header .ratings-module, .retailer-header.retailer-sale-header .ratings-module, .retailer-header.retailer-ppc-header .ratings-module {
    color: #3B3835;
}

    .retailer-header.retailer-platinum-header .ratings-module .stars, .retailer-header.retailer-sale-header .ratings-module .stars, .retailer-header.retailer-ppc-header .ratings-module .stars {
        font-size: .5em;
        display: block;
    }

    .retailer-header.retailer-platinum-header .ratings-module .reviews-overview, .retailer-header.retailer-sale-header .ratings-module .reviews-overview, .retailer-header.retailer-ppc-header .ratings-module .reviews-overview {
        font-size: .75em;
        margin-left: -10px;
        font-family: "Open-Sans", sans-serif;
    }

.retailer-header.retailer-platinum-header .contact-us, .retailer-header.retailer-sale-header .contact-us, .retailer-header.retailer-ppc-header .contact-us {
    margin-bottom: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us, .retailer-header.retailer-sale-header .contact-us, .retailer-header.retailer-ppc-header .contact-us {
        width: 70%;
        float: left;
        margin: 0;
    }
}

.retailer-header.retailer-platinum-header .contact-us .fieldset-wrap .icon-check, .retailer-header.retailer-sale-header .contact-us .fieldset-wrap .icon-check, .retailer-header.retailer-ppc-header .contact-us .fieldset-wrap .icon-check {
    width: 16px;
    height: 16px;
    border-radius: 0;
    border: 2px solid #9b9b9b;
    background-color: transparent;
    margin-top: 4px;
}

    .retailer-header.retailer-platinum-header .contact-us .fieldset-wrap .icon-check > div, .retailer-header.retailer-sale-header .contact-us .fieldset-wrap .icon-check > div, .retailer-header.retailer-ppc-header .contact-us .fieldset-wrap .icon-check > div {
        width: 100%;
        text-align: left;
        display: block;
    }

    .retailer-header.retailer-platinum-header .contact-us .fieldset-wrap .icon-check:before, .retailer-header.retailer-sale-header .contact-us .fieldset-wrap .icon-check:before, .retailer-header.retailer-ppc-header .contact-us .fieldset-wrap .icon-check:before {
        margin: -3px 0 0 0;
        width: 16px;
        height: 16px;
        position: absolute;
    }

.retailer-header.retailer-platinum-header .contact-us input[type="checkbox"]:checked:before, .retailer-header.retailer-sale-header .contact-us input[type="checkbox"]:checked:before, .retailer-header.retailer-ppc-header .contact-us input[type="checkbox"]:checked:before {
    margin: 1px 0 0 1px;
}

.retailer-header.retailer-platinum-header .contact-us hgroup, .retailer-header.retailer-sale-header .contact-us hgroup, .retailer-header.retailer-ppc-header .contact-us hgroup {
    text-align: center;
}

@media (max-width: 979px) {
    .retailer-header.retailer-platinum-header .contact-us hgroup, .retailer-header.retailer-sale-header .contact-us hgroup, .retailer-header.retailer-ppc-header .contact-us hgroup {
        padding-top: 25px;
    }
}

.retailer-header.retailer-platinum-header .contact-us hgroup h2, .retailer-header.retailer-sale-header .contact-us hgroup h2, .retailer-header.retailer-ppc-header .contact-us hgroup h2 {
    font-family: "Open-Sans", sans-serif;
    font-size: 26px;
    margin-bottom: 1em;
    text-transform: capitalize;
}

.retailer-header.retailer-platinum-header .contact-us hgroup h6, .retailer-header.retailer-sale-header .contact-us hgroup h6, .retailer-header.retailer-ppc-header .contact-us hgroup h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #888281;
    margin-bottom: 23px;
}

.retailer-header.retailer-platinum-header .contact-us .loading-animation-bg, .retailer-header.retailer-sale-header .contact-us .loading-animation-bg, .retailer-header.retailer-ppc-header .contact-us .loading-animation-bg {
    opacity: .7;
}

.retailer-header.retailer-platinum-header .contact-us ul.fields li.field, .retailer-header.retailer-sale-header .contact-us ul.fields li.field, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field {
    list-style: none;
}

    .retailer-header.retailer-platinum-header .contact-us ul.fields li.field.half, .retailer-header.retailer-sale-header .contact-us ul.fields li.field.half, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field.half {
        width: 47%;
        margin-right: 5%;
    }

        .retailer-header.retailer-platinum-header .contact-us ul.fields li.field.half.second, .retailer-header.retailer-sale-header .contact-us ul.fields li.field.half.second, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field.half.second {
            margin-right: 0;
        }

            .retailer-header.retailer-platinum-header .contact-us ul.fields li.field.half.second.states, .retailer-header.retailer-sale-header .contact-us ul.fields li.field.half.second.states, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field.half.second.states {
                vertical-align: bottom;
            }

@media (max-width: 979px) {
    .retailer-header.retailer-platinum-header .contact-us ul.fields li.field.half, .retailer-header.retailer-sale-header .contact-us ul.fields li.field.half, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field.half {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us ul.fields li.field, .retailer-header.retailer-sale-header .contact-us ul.fields li.field, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field {
        margin: 0;
    }
}

.retailer-header.retailer-platinum-header .contact-us ul.fields li.field input, .retailer-header.retailer-sale-header .contact-us ul.fields li.field input, .retailer-header.retailer-ppc-header .contact-us ul.fields li.field input {
    background-color: #fff9f2;
}

@media (max-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us ul.fields, .retailer-header.retailer-sale-header .contact-us ul.fields, .retailer-header.retailer-ppc-header .contact-us ul.fields {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us .field-phone-number, .retailer-header.retailer-sale-header .contact-us .field-phone-number, .retailer-header.retailer-ppc-header .contact-us .field-phone-number {
        width: 48.46939%;
        margin-right: 0;
    }
}

.retailer-header.retailer-platinum-header .contact-us .field-name:nth-of-type(2), .retailer-header.retailer-sale-header .contact-us .field-name:nth-of-type(2), .retailer-header.retailer-ppc-header .contact-us .field-name:nth-of-type(2) {
    margin-right: 0;
}

.retailer-header.retailer-platinum-header .contact-us fieldset, .retailer-header.retailer-sale-header .contact-us fieldset, .retailer-header.retailer-ppc-header .contact-us fieldset {
    padding-right: 2em;
    margin-left: 32px;
}

@media (min-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us fieldset, .retailer-header.retailer-sale-header .contact-us fieldset, .retailer-header.retailer-ppc-header .contact-us fieldset {
        width: 42%;
        float: left;
    }
}

.retailer-header.retailer-platinum-header .contact-us fieldset input, .retailer-header.retailer-sale-header .contact-us fieldset input, .retailer-header.retailer-ppc-header .contact-us fieldset input {
    float: left;
    margin-left: -32px;
}

.retailer-header.retailer-platinum-header .contact-us fieldset label, .retailer-header.retailer-sale-header .contact-us fieldset label, .retailer-header.retailer-ppc-header .contact-us fieldset label {
    float: left;
    margin-left: 4px;
    padding: 0;
}

.retailer-header.retailer-platinum-header .contact-us .fineprint, .retailer-header.retailer-sale-header .contact-us .fineprint, .retailer-header.retailer-ppc-header .contact-us .fineprint {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .retailer-header.retailer-platinum-header .contact-us .fineprint, .retailer-header.retailer-sale-header .contact-us .fineprint, .retailer-header.retailer-ppc-header .contact-us .fineprint {
        margin: 12px 0 0 0;
    }
}

@media (max-width: 767px) {
    .retailer-header.retailer-platinum-header .contact-us .fineprint, .retailer-header.retailer-sale-header .contact-us .fineprint, .retailer-header.retailer-ppc-header .contact-us .fineprint {
        padding-top: 12px;
    }
}

.retailer-header.retailer-platinum-header .retailer-hours, .retailer-header.retailer-sale-header .retailer-hours, .retailer-header.retailer-ppc-header .retailer-hours {
    color: #323232;
    text-transform: uppercase;
    margin-top: 20px;
}

    .retailer-header.retailer-platinum-header .retailer-hours .hours, .retailer-header.retailer-sale-header .retailer-hours .hours, .retailer-header.retailer-ppc-header .retailer-hours .hours {
        font-size: 15px;
    }

    .retailer-header.retailer-platinum-header .retailer-hours .open, .retailer-header.retailer-sale-header .retailer-hours .open, .retailer-header.retailer-ppc-header .retailer-hours .open {
        font-size: 15px;
    }

    .retailer-header.retailer-platinum-header .retailer-hours .view-all-times, .retailer-header.retailer-sale-header .retailer-hours .view-all-times, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times {
        color: #323232;
        padding-bottom: 3px;
        text-decoration: none;
    }

        .retailer-header.retailer-platinum-header .retailer-hours .view-all-times:before, .retailer-header.retailer-sale-header .retailer-hours .view-all-times:before, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times:before {
            content: 'View All Times';
        }

        .retailer-header.retailer-platinum-header .retailer-hours .view-all-times.active:before, .retailer-header.retailer-sale-header .retailer-hours .view-all-times.active:before, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times.active:before {
            content: 'Close All Times';
        }

        .retailer-header.retailer-platinum-header .retailer-hours .view-all-times span.all-times, .retailer-header.retailer-sale-header .retailer-hours .view-all-times span.all-times, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times span.all-times {
            top: 38px;
            z-index: 5;
            position: relative;
            margin: 0 auto 35px;
        }

            .retailer-header.retailer-platinum-header .retailer-hours .view-all-times span.all-times.active, .retailer-header.retailer-sale-header .retailer-hours .view-all-times span.all-times.active, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times span.all-times.active {
                display: block;
            }

@media (max-width: 560px) {
    .retailer-header.retailer-platinum-header .retailer-hours .view-all-times span.all-times, .retailer-header.retailer-sale-header .retailer-hours .view-all-times span.all-times, .retailer-header.retailer-ppc-header .retailer-hours .view-all-times span.all-times {
        margin-bottom: 60px;
    }
}

.retailer-header.retailer-ppc-header .retailer-coupon {
    padding-bottom: 0;
}

    .retailer-header.retailer-ppc-header .retailer-coupon fieldset:last-of-type {
        margin-bottom: 0;
    }

.retailer-header.retailer-ppc-header .ppc-coupon-top {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

    .retailer-header.retailer-ppc-header .ppc-coupon-top h6 {
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        margin-bottom: 20px;
        letter-spacing: 2px;
        font-size: 14px;
    }

    .retailer-header.retailer-ppc-header .ppc-coupon-top span.red-bar {
        display: block;
        width: 80px;
        height: 3px;
        background: #f9473a;
        margin: 20px auto;
    }

    .retailer-header.retailer-ppc-header .ppc-coupon-top h1 {
        color: #000000;
        font-family: serif;
        font-size: 50px;
        margin-bottom: 20px;
        letter-spacing: 4px;
        padding: 0;
    }

    .retailer-header.retailer-ppc-header .ppc-coupon-top h3 {
        font-size: 22px;
        font-family: "Open-Sans", sans-serif;
        margin-bottom: 10px;
        letter-spacing: 1.8px;
    }

@media (max-width: 768px) {
    .retailer-header.retailer-ppc-header .ppc-coupon-top {
        padding: 0 2em;
    }

        .retailer-header.retailer-ppc-header .ppc-coupon-top h1 {
            padding: 0;
            line-height: 1;
            font-size: 40px;
        }
}

.retailer-header.retailer-ppc-header .ppc-coupon-top .links-wrapper {
    margin: 30px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

    .retailer-header.retailer-ppc-header .ppc-coupon-top .links-wrapper a {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        position: relative;
        margin: 0 25px;
        border: none;
        text-decoration: underline;
        font-family: "Open-Sans-Semi-Bold", sans-serif;
        letter-spacing: .9px;
        font-size: 14px;
    }

        .retailer-header.retailer-ppc-header .ppc-coupon-top .links-wrapper a:not(:first-child):before {
            content: '';
            display: inline-block;
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            left: -25px;
            width: 1px;
            height: 30px;
            border: solid 1px #eeede9;
        }

@media (max-width: 768px) {
    .retailer-header.retailer-ppc-header .retailer-coupon-info {
        margin-bottom: 20px;
        border: none;
    }
}

@media (max-width: 979px) {
    .retailer-header.retailer-ppc-header .retailer-coupon-info #fiveStarsImage {
        padding-bottom: 15px;
    }
}

.retailer-header.retailer-platinum-header .contact-us {
    padding-top: 2em;
}

@media (min-width: 768px) {
    .retailer-header.retailer-sale-header .retailer-coupon {
        padding: 2em 0 3.5em;
    }
}

.retailer-header.retailer-sale-header .contact-us {
    padding-top: 0;
}

.retailer-header.dealer-fivestar-sale .retailer-coupon-info .five-star-logo {
    display: block;
}

@media (max-width: 768px) {
    .retailer-header.dealer-fivestar-sale .retailer-coupon-info .five-star-logo {
        display: none;
    }
}

.retailer-coupon {
    position: relative;
    padding: 2em 0;
}

    .retailer-coupon .form-results-container {
        width: 70%;
        float: left;
        text-align: center;
        max-width: 600px;
        margin: 0 auto;
        padding: 1em;
        font-family: "Open-Sans", sans-serif;
    }

        .retailer-coupon .form-results-container h2 {
            font-family: "Open-Sans", sans-serif;
            margin-bottom: 20px;
        }

@media (max-width: 979px) {
    .retailer-coupon .form-results-container {
        width: 100%;
        margin-top: 20px;
    }
}

.retailer-coupon .form-results-container .confirmation-message {
    font-family: "Open-Sans", sans-serif;
}

    .retailer-coupon .form-results-container .confirmation-message .text-uppercase {
        text-transform: uppercase;
    }

.retailer-coupon hgroup p {
    font-family: "Open-Sans", sans-serif;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.retailer-coupon hgroup hr {
    width: 40px;
    display: inline-block;
}

.retailer-coupon hgroup h2 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 50px;
    line-height: normal;
    letter-spacing: 5px;
}

@media (max-width: 560px) {
    .retailer-coupon hgroup h2.sale-text {
        font-size: 21px;
        line-height: 22px;
        letter-spacing: initial;
        font-weight: 600;
        font-family: "Open-Sans", sans-serif;
    }
}

.retailer-coupon hgroup span {
    margin-bottom: 55px;
    display: inline-block;
}

    .retailer-coupon hgroup span.sale-subtext {
        font-size: 30px;
    }

@media (max-width: 560px) {
    .retailer-coupon hgroup span.sale-subtext {
        font-size: 16px;
        line-height: 22px;
    }
}

.retailer-coupon form {
    position: relative;
    margin-top: 4em;
    margin-bottom: 5em;
    max-width: 60em;
}

@media (max-width: 768px) {
    .retailer-coupon form {
        margin-top: 0;
    }
}

.retailer-coupon fieldset {
    margin-top: 60px;
    padding-left: 0.9em;
    line-height: 1.5;
}

    .retailer-coupon fieldset:last-of-type {
        margin-bottom: 2em;
    }

    .retailer-coupon fieldset label {
        display: inline;
        text-align: left;
    }

.retailer-coupon .ng-valid input[type="submit"] {
    opacity: 1;
    transition: opacity .5s linear;
}

.retailer-coupon .background-wrap {
    padding: 2em;
}

.retailer-coupon .fineprint {
    margin-left: 0;
    font-size: 0.75em;
}

.retailer-coupon .submit-group {
    margin-top: 40px;
}

    .retailer-coupon .submit-group .button {
        background-color: #323232;
        font-weight: bold;
        width: 250px;
        font-size: 1em;
    }

        .retailer-coupon .submit-group .button:focus, .retailer-coupon .submit-group .button:hover, .retailer-coupon .submit-group .button:active {
            background-color: #323232;
        }

@media (min-width: 980px) {
    .retailer-coupon fieldset {
        padding-left: 0;
    }

    .retailer-coupon .background-wrap {
        padding: 2.5em 50px;
    }
}

.retailer-coupon .retailer-hours {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .05em;
    color: #000000;
}

    .retailer-coupon .retailer-hours .hours {
        display: block;
        margin-bottom: 0.3125em;
        font-size: 0.6875em;
    }

    .retailer-coupon .retailer-hours .view-all-times {
        position: relative;
        color: #f9473a;
        font-size: 0.6875em;
        border-bottom: 1px solid #f9473a;
        text-decoration: none;
    }

        .retailer-coupon .retailer-hours .view-all-times:before {
            content: "VIEW ALL TIMES";
        }

        .retailer-coupon .retailer-hours .view-all-times.open:before {
            content: "CLOSE ALL TIMES";
        }

        .retailer-coupon .retailer-hours .view-all-times.open .all-times {
            top: 2.8em;
            display: block;
        }

        .retailer-coupon .retailer-hours .view-all-times.active .all-times {
            display: block;
            font-size: 15px;
            padding: 20px 0;
            margin-left: -5em;
            top: 45px;
        }

            .retailer-coupon .retailer-hours .view-all-times.active .all-times .day {
                font-weight: 700;
            }

            .retailer-coupon .retailer-hours .view-all-times.active .all-times .time {
                font-weight: normal;
                margin-bottom: 5px;
                display: block;
            }

    .retailer-coupon .retailer-hours .all-times {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 19.5em;
        height: auto;
        padding: 2.25em 0;
        margin-left: -6.5em;
        text-transform: none;
        font-size: 1.333333333em;
        background: #232120;
        opacity: 0.95;
        color: #fff;
    }

        .retailer-coupon .retailer-hours .all-times.open {
            top: 2.8em;
            display: block;
        }

        .retailer-coupon .retailer-hours .all-times .icon-triangle {
            display: block;
            position: absolute;
            top: -0.9375em;
            left: 44%;
            width: 1.875em;
            height: 1.875em;
            background: #232120;
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .retailer-coupon .retailer-hours .all-times .day {
            display: block;
        }

        .retailer-coupon .retailer-hours .all-times .weekdays {
            display: inline-block;
        }

        .retailer-coupon .retailer-hours .all-times .weekends .time {
            display: inline-block;
        }

        .retailer-coupon .retailer-hours .all-times .weekends span:last-child {
            padding-bottom: 0;
        }

@media (min-width: 768px) {
    .retailer-coupon .retailer-hours {
        color: #fff;
    }

        .retailer-coupon .retailer-hours .hours {
            font-size: 1em;
        }

        .retailer-coupon .retailer-hours .view-all-times {
            color: #fff;
            border-bottom: 1px solid #fff;
            font-size: 0.75em;
        }
}

.contact-form-container {
    margin: 0 33px 80px;
}

    .contact-form-container .header-container {
        padding-top: 40px;
        padding-bottom: 20px;
    }

        .contact-form-container .header-container h6 {
            margin-bottom: 1.916666667em;
            color: #888281;
            font-size: .75em;
        }

        .contact-form-container .header-container h2 {
            font-size: 1.625em;
            letter-spacing: .05em;
        }

    .contact-form-container form {
        max-width: 680px;
        margin: 0 auto;
    }

        .contact-form-container form h4 {
            font-size: 15px;
            line-height: 17px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }

        .contact-form-container form > p {
            font-size: 14px;
            line-height: 16px;
            margin: 10px auto 0;
        }

        .contact-form-container form .error-msg {
            margin: 10px auto 0;
            font-weight: bold;
            color: #f9473a;
        }

        .contact-form-container form .fields {
            padding: 0;
        }

@media (min-width: 768px) {
    .contact-form-container form .fields .field-half {
        width: 48.46939%;
        margin-right: 3.06122%;
    }

        .contact-form-container form .fields .field-half.end {
            margin-right: 0;
        }

    .contact-form-container form .fields .field-quarter {
        width: 22.7%;
        margin-right: 3.06122%;
    }

        .contact-form-container form .fields .field-quarter.end {
            margin-right: 0;
        }
}

.contact-form-container form .field {
    margin: 20px auto 0;
    padding: 0 !important;
    width: 100%;
}

    .contact-form-container form .field.checkbox-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        .contact-form-container form .field.checkbox-container input {
            border: 2px solid #9b9b9b;
            border-radius: 0;
            margin: 0;
            height: 16px;
            width: 16px;
            float: none;
            display: block;
            color: #323232;
            padding: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            position: relative;
        }

            .contact-form-container form .field.checkbox-container input:checked:before {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0;
                height: 5px;
                width: 14px;
                -ms-transform: scale(0.75);
                transform: scale(0.75);
            }

        .contact-form-container form .field.checkbox-container label {
            display: block;
            color: #323232;
            font-size: 15px;
            line-height: 20px;
            margin: 0 0 0 20px;
            padding: 0;
            letter-spacing: 0;
        }

    .contact-form-container form .field input {
        color: #000000;
        font-size: 12px;
        line-height: 16px;
        padding: 18px 15px 14px;
        height: auto;
        background: transparent;
        border: 1px solid #323232;
        box-shadow: none;
        letter-spacing: 1px;
    }

    .contact-form-container form .field.animate-label label {
        opacity: 1;
        top: 17px;
        left: 16px;
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1px;
    }

        .contact-form-container form .field.animate-label label.stay,
        .contact-form-container form .field.animate-label input:focus + label,
        .contact-form-container form .field.animate-label input.ng-not-empty + label,
        .contact-form-container form .field.animate-label select:focus + label,
        .contact-form-container form .field.animate-label select.ng-not-empty + label {
            top: 4px;
            left: 9px;
            font-size: 9px;
            line-height: 12px;
            letter-spacing: 0px;
        }

    .contact-form-container form .field.animate-label textarea:focus + label,
    .contact-form-container form .field.animate-label textarea.ng-not-empty + label {
        top: 4px;
        left: 9px;
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0px;
    }

    .contact-form-container form .field textarea {
        background-color: #fff9f2;
        border: 1px solid #323232;
        font-size: 12px;
        letter-spacing: 1px;
    }

.contact-form-container form .login-options {
    clear: left;
    margin: 0 0 41px;
    padding: 16px 0 0;
}

    .contact-form-container form .login-options field.option {
        display: -ms-flexbox;
        display: flex;
    }

        .contact-form-container form .login-options field.option input {
            border: 2px solid #9b9b9b;
            border-radius: 0;
            margin: 0;
            height: 16px;
            width: 16px;
            float: none;
            display: block;
            color: #323232;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

            .contact-form-container form .login-options field.option input:checked:before {
                display: block;
                margin: -2px 0 0 -2px;
                -ms-transform: scale(0.75);
                transform: scale(0.75);
            }

        .contact-form-container form .login-options field.option label {
            display: block;
            color: #323232;
            font-size: 15px;
            line-height: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 0 0 20px;
            padding: 0;
            letter-spacing: 0;
        }

    .contact-form-container form .login-options .option a {
        font-size: 15px;
        font-weight: bold;
        display: block;
        margin: 22px 0 0;
        text-transform: uppercase;
    }

.contact-form-container form .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.contact-form-container .button {
    background: #323232;
    display: block;
    min-width: 0;
    padding: 16px 10px;
    margin: 0 auto;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff9f2;
    width: 100%;
    max-width: 235px;
    text-transform: uppercase;
}

    .contact-form-container .button:hover {
        background: rgba(50, 50, 50, 0.58);
    }

    .contact-form-container .button:disabled {
        background: rgba(50, 50, 50, 0.4);
        color: #323232;
    }

.contact-form-container .success-message {
    margin: 40px auto 0;
    text-align: center;
}

.contact-form-container h4.success-message {
    font-weight: bold;
}

.contact-form-container p.success-message {
    margin: 20px auto;
}

.contact-form-container hr {
    margin: 40px auto;
    background: #323232;
    max-width: 955px;
}

.privacy-policy {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 7px 30px 7px 15px;
    z-index: 100;
    line-height: 15px;
    box-shadow: 0px 2px 7px 0px #3b3835;
}

    .privacy-policy span {
        color: #3b3835;
        font-size: 11px;
        font-family: "Open-Sans", sans-serif;
    }

        .privacy-policy span.close {
            width: 12px;
            height: 12px;
            position: absolute;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            font-size: 30px;
            text-align: center;
            cursor: pointer;
            background-image: url(/images/icons/close-x.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

@media (min-width: 980px) {
    .privacy-policy {
        bottom: 20px;
        left: 20px;
        max-width: 45%;
    }
}

@media (max-width: 979px) {
    .privacy-policy {
        top: 90px;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
    }

        .privacy-policy.scrolled {
            top: 65px;
        }

        .privacy-policy span.close {
            top: 10px;
            bottom: auto;
        }
}

section.sample-order-checkout h1 {
    text-align: center;
    padding: 85px 25px 15px;
    font-size: 50px;
    line-height: 68px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

@media (max-width: 768px) {
    section.sample-order-checkout h1 {
        font-size: 36px;
    }
}

section.sample-order-checkout .processing .one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

section.sample-order-checkout .processing .two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

section.sample-order-checkout .processing .three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

section.sample-order-checkout .error p {
    text-align: center;
    margin: 50px 0 100px;
    color: #d0021b;
}

section.sample-order-checkout .container {
    padding: 50px 25px;
}

@media (max-width: 768px) {
    section.sample-order-checkout .container {
        padding: 0 25px 50px;
    }
}

section.sample-order-checkout .button {
    max-width: none;
    background: #323232;
    font-size: 14px;
    color: #fff9f2;
    font-weight: bold;
    width: auto;
}

@media (max-width: 768px) {
    section.sample-order-checkout .button {
        width: 100%;
    }
}

section.sample-order-checkout .choose-retailer-message {
    margin: 0 0 70px;
    font-size: 14px;
    text-align: center;
}

    section.sample-order-checkout .choose-retailer-message .edge-badge {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        padding-left: 30px;
        margin: 0 0 11px 10px;
        position: relative;
    }

        section.sample-order-checkout .choose-retailer-message .edge-badge:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../images/icons/best-selection-icon.svg") no-repeat;
            position: absolute;
            left: 0;
            top: 0;
        }

@media (min-width: 768px) {
    section.sample-order-checkout .choose-retailer-message .edge-badge {
        margin: 10px auto 11px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    section.sample-order-checkout .choose-retailer-message {
        margin-top: 0;
    }
}

section.sample-order-checkout .order-summary {
    float: left;
    width: 315px;
    padding: 20px;
    border: 1px solid #6d6b69;
    margin-right: 20px;
}

    section.sample-order-checkout .order-summary h2 {
        font-size: 15px;
        line-height: 0.88;
        padding: 0 0 30px;
        display: inline-block;
        float: left;
        text-transform: uppercase;
        font-weight: 600;
        color: #000000;
    }

    section.sample-order-checkout .order-summary a.edit-cart {
        font-size: 12px;
        display: inline-block;
        float: right;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1;
        color: #000000;
    }

    section.sample-order-checkout .order-summary ul.sample-orders {
        margin: 0;
        list-style: none;
    }

        section.sample-order-checkout .order-summary ul.sample-orders li.sample-order {
            margin: 0 -10px 25px;
            padding: 0 10px 25px;
            border-bottom: 1px dashed #979797;
        }

            section.sample-order-checkout .order-summary ul.sample-orders li.sample-order:last-child {
                margin-bottom: 0;
                border: 0;
            }

            section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info {
                position: relative;
                text-align: left;
                padding: 0;
                display: -ms-flexbox;
                display: flex;
            }

                section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info a {
                    display: -ms-flexbox;
                    display: flex;
                    margin-right: 12px;
                    width: 75px;
                    height: 75px;
                }

                    section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info a img {
                        width: 100%;
                    }

                section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex: 1;
                    flex: 1;
                }

                    section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper h3 {
                        margin: 0;
                        text-align: left;
                        font-size: 15px;
                        font-weight: 600;
                        line-height: 0.88;
                        letter-spacing: normal;
                        color: #9b9b9b;
                    }

                    section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper h5 {
                        margin: 0;
                        -ms-flex: 1;
                        flex: 1;
                        font-size: 17px;
                        font-weight: 600;
                        line-height: 1.29;
                        letter-spacing: normal;
                        color: #323232;
                        text-transform: uppercase;
                    }

                    section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper .order-total {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-direction: row-reverse;
                        flex-direction: row-reverse;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                        section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper .order-total p {
                            margin: 0;
                            -ms-flex: 1 0 50%;
                            flex: 1 0 50%;
                        }

                        section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper .order-total .quantity {
                            font-size: 13px;
                            font-weight: 300;
                        }

                        section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper .order-total .num {
                            display: inline;
                            font-weight: 500;
                            font-size: 15px;
                        }

                        section.sample-order-checkout .order-summary ul.sample-orders li.sample-order .product-info .color-style-wrapper .order-total .price {
                            font-weight: 500;
                            font-size: 15px;
                        }

@media (max-width: 768px) {
    section.sample-order-checkout .order-summary ul.sample-orders {
        max-height: 19em;
        overflow: hidden;
    }
}

section.sample-order-checkout .order-summary .orders-total {
    margin: 0 -10px;
    border-top: 1px solid #6d6b69;
    padding: 20px 10px 0;
}

    section.sample-order-checkout .order-summary .orders-total .total {
        text-transform: uppercase;
    }

        section.sample-order-checkout .order-summary .orders-total .total p {
            display: inline-block;
            font-size: 15px;
            color: #323232;
        }

        section.sample-order-checkout .order-summary .orders-total .total span {
            float: right;
            font-weight: bold;
            color: #323232;
        }

@media (max-width: 768px) {
    section.sample-order-checkout .order-summary .orders-total {
        padding: 20px 20px 0;
        margin: 0 -20px 0;
    }
}

section.sample-order-checkout .order-summary .order-summary-view-btn {
    display: none;
}

@media (max-width: 768px) {
    section.sample-order-checkout .order-summary {
        float: none;
        width: auto;
        margin: 0 0 35px;
    }

        section.sample-order-checkout .order-summary .order-summary-view-btn {
            margin: 0 0 -20px -20px;
            width: calc(100% + 40px);
            text-transform: uppercase;
            padding: 15px;
        }

            section.sample-order-checkout .order-summary .order-summary-view-btn::after {
                content: attr(data-all-text);
            }

        section.sample-order-checkout .order-summary.view-active .order-summary-view-btn {
            display: block;
        }

        section.sample-order-checkout .order-summary.view-all ul.sample-orders {
            max-height: none;
        }

        section.sample-order-checkout .order-summary.view-all .order-summary-view-btn::after {
            content: attr(data-less-text);
        }
}

section.sample-order-checkout .shipping-address,
section.sample-order-checkout .checkout-payment {
    overflow: hidden;
}

@media (max-width: 767px) {
    section.sample-order-checkout .shipping-address .shipping-billing-addresses,
    section.sample-order-checkout .checkout-payment .shipping-billing-addresses {
        padding-bottom: 2em;
    }

        section.sample-order-checkout .shipping-address .shipping-billing-addresses h3,
        section.sample-order-checkout .checkout-payment .shipping-billing-addresses h3 {
            text-align: center;
        }
}

section.sample-order-checkout .shipping-address .shipping-billing-addresses h3,
section.sample-order-checkout .checkout-payment .shipping-billing-addresses h3 {
    font-size: 1.25em;
    padding: 0 0 2em;
}

section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper,
section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper,
    section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper {
        display: block;
    }

        section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address,
        section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address {
            margin-bottom: 30px;
        }

            section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address:last-child,
            section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address:last-child {
                margin-bottom: 0;
            }
}

section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper h2,
section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper h2 {
    margin-bottom: 30px;
}

section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address,
section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

    section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address span,
    section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address span {
        display: block;
        color: #888281;
        font-size: .75em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address p,
    section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address p {
        margin: 0 0 8px;
        line-height: 1.7;
        font-size: 14px;
    }

        section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address p span,
        section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address p span {
            font-size: 14px;
            text-transform: none;
            color: #3b3835;
            display: inline;
        }

    section.sample-order-checkout .shipping-address .shipping-billing-addresses .addresses-wrapper .address a,
    section.sample-order-checkout .checkout-payment .shipping-billing-addresses .addresses-wrapper .address a {
        display: inline-block;
        font-size: 12px;
        margin-top: 20px;
        font-weight: bold;
        color: #3b3835;
        text-transform: uppercase;
    }

section.sample-order-checkout .shipping-address h2,
section.sample-order-checkout .checkout-payment h2 {
    margin-bottom: 20px;
    font-size: 15px;
    font-family: "Open-Sans-Semi-Bold", sans-serif;
    text-transform: uppercase;
}

section.sample-order-checkout .shipping-address form .button,
section.sample-order-checkout .checkout-payment form .button {
    max-width: none;
    background: #323232;
    font-size: 14px;
    color: #fff9f2;
    font-weight: bold;
    width: auto;
}

    section.sample-order-checkout .shipping-address form .button:hover,
    section.sample-order-checkout .checkout-payment form .button:hover {
        background: #0a0a0a;
    }

@media (max-width: 768px) {
    section.sample-order-checkout .shipping-address form .button,
    section.sample-order-checkout .checkout-payment form .button {
        width: 100%;
    }
}

section.sample-order-checkout .shipping-address form .field,
section.sample-order-checkout .checkout-payment form .field {
    position: relative;
    margin-bottom: 20px !important;
    padding-top: 35px;
    width: 100%;
    margin: 0;
}

    section.sample-order-checkout .shipping-address form .field.animate-label-show-label label,
    section.sample-order-checkout .checkout-payment form .field.animate-label-show-label label {
        opacity: 1;
    }

    section.sample-order-checkout .shipping-address form .field.half,
    section.sample-order-checkout .checkout-payment form .field.half {
        width: calc(50% - 8px);
        margin-right: 16px;
    }

        section.sample-order-checkout .shipping-address form .field.half.second,
        section.sample-order-checkout .checkout-payment form .field.half.second {
            margin-right: 0;
        }

@media (max-width: 979px) {
    section.sample-order-checkout .shipping-address form .field.half,
    section.sample-order-checkout .checkout-payment form .field.half {
        width: 100%;
        margin-right: 0;
    }
}

section.sample-order-checkout .shipping-address form .field.third,
section.sample-order-checkout .checkout-payment form .field.third {
    width: calc(33.333% - 11px);
    margin-right: 16px;
}

    section.sample-order-checkout .shipping-address form .field.third.last,
    section.sample-order-checkout .checkout-payment form .field.third.last {
        margin-right: 0;
    }

@media (max-width: 979px) {
    section.sample-order-checkout .shipping-address form .field.third,
    section.sample-order-checkout .checkout-payment form .field.third {
        width: 100%;
    }
}

section.sample-order-checkout .shipping-address form .field.option,
section.sample-order-checkout .checkout-payment form .field.option {
    display: -ms-flexbox;
    display: flex;
}

    section.sample-order-checkout .shipping-address form .field.option input,
    section.sample-order-checkout .checkout-payment form .field.option input {
        position: static;
        float: none;
        margin: 0;
        -ms-transform: none;
        transform: none;
    }

section.sample-order-checkout .shipping-address form .field.total-cost span.cost,
section.sample-order-checkout .checkout-payment form .field.total-cost span.cost {
    font-size: 30px;
}

section.sample-order-checkout .shipping-address form .field .select-wrap,
section.sample-order-checkout .checkout-payment form .field .select-wrap {
    width: 100%;
    display: block;
    border-color: #323232;
}

    section.sample-order-checkout .shipping-address form .field .select-wrap select,
    section.sample-order-checkout .checkout-payment form .field .select-wrap select {
        padding: 15px 25px 16px 10px;
        font-size: 12px;
        height: auto;
        text-transform: none;
    }

section.sample-order-checkout .shipping-address form .field label,
section.sample-order-checkout .checkout-payment form .field label {
    pointer-events: none;
}

section.sample-order-checkout .shipping-address form .field input.ng-touched.ng-invalid, section.sample-order-checkout .shipping-address form .field input.ng-untouched.ng-invalid.ng-not-empty,
section.sample-order-checkout .checkout-payment form .field input.ng-touched.ng-invalid,
section.sample-order-checkout .checkout-payment form .field input.ng-untouched.ng-invalid.ng-not-empty {
    border-color: #d0021b;
}

section.sample-order-checkout .shipping-address form p.shipping,
section.sample-order-checkout .checkout-payment form p.shipping {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.4px;
    margin-top: 30px;
    margin-bottom: 4px;
}

section.sample-order-checkout .shipping-address form span.shipping-limit,
section.sample-order-checkout .checkout-payment form span.shipping-limit {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
    display: block;
}

section.sample-order-checkout .shipping-address form .submit-button-container,
section.sample-order-checkout .checkout-payment form .submit-button-container {
    margin-top: 30px;
}

@media (max-width: 979px) {
    section.sample-order-checkout .shipping-address form .submit-button-container,
    section.sample-order-checkout .checkout-payment form .submit-button-container {
        text-align: center;
    }
}

section.sample-order-checkout .shipping-address form .submit-button-container input,
section.sample-order-checkout .checkout-payment form .submit-button-container input {
    margin: 0;
    padding: 15px 25px;
}

section.sample-order-checkout .shipping-address .orders-total,
section.sample-order-checkout .checkout-payment .orders-total {
    margin: 30px 5px 0;
    border-top: 1px solid #6d6b69;
    padding-top: 25px;
}

    section.sample-order-checkout .shipping-address .orders-total .total,
    section.sample-order-checkout .checkout-payment .orders-total .total {
        padding: 0;
        text-transform: uppercase;
    }

        section.sample-order-checkout .shipping-address .orders-total .total p,
        section.sample-order-checkout .checkout-payment .orders-total .total p {
            display: inline-block;
            font-size: 15px;
            color: #888281;
        }

        section.sample-order-checkout .shipping-address .orders-total .total span,
        section.sample-order-checkout .checkout-payment .orders-total .total span {
            float: right;
            font-weight: 500;
        }

section.sample-order-checkout .billing-information {
    margin-top: 40px;
    display: none;
}

section.sample-order-checkout .disclaimer {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    max-width: 465px;
}

@media (max-width: 979px) {
    section.sample-order-checkout .disclaimer {
        text-align: center;
    }
}

section.sample-order-checkout .block-checkbox-group {
    margin-top: 30px;
    border-top: 1px dashed #979797;
    padding-top: 15px;
}

    section.sample-order-checkout .block-checkbox-group .option {
        position: relative;
        padding: 15px 0;
        border-bottom: 1px solid #979797;
    }

        section.sample-order-checkout .block-checkbox-group .option:last-child {
            border: 0;
        }

        section.sample-order-checkout .block-checkbox-group .option input[type="checkbox"] {
            margin: 4px 0 0;
            border-radius: 0;
            border-width: 2px;
            width: 16px;
            height: 16px;
        }

            section.sample-order-checkout .block-checkbox-group .option input[type="checkbox"]:checked:before {
                display: block;
                margin: 1px 0 0 0px;
                -ms-transform: scale(1);
                transform: scale(1);
                font-size: 12px;
            }

        section.sample-order-checkout .block-checkbox-group .option label {
            display: block;
            padding: 0;
        }

        section.sample-order-checkout .block-checkbox-group .option label,
        section.sample-order-checkout .block-checkbox-group .option p {
            margin-left: 36px;
            font-size: 15px;
            color: #323232;
            line-height: 1.6;
        }

        section.sample-order-checkout .block-checkbox-group .option a {
            font-weight: bold;
        }

@media (max-width: 768px) {
    section.sample-order-checkout .contact-form-container {
        margin: 0;
    }

        section.sample-order-checkout .contact-form-container .button {
            max-width: none;
        }
}

@keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

section.sample-bag-module h1,
section.sample-order-detail-module h1 {
    text-align: center;
    padding: 1.5em 20px 1em;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: normal;
}

@media (max-width: 768px) {
    section.sample-bag-module h1,
    section.sample-order-detail-module h1 {
        padding-bottom: 10px;
        font-size: 32px;
    }
}

section.sample-bag-module h2,
section.sample-order-detail-module h2 {
    padding: 20px;
    color: #3b3835;
    font-size: 28px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    section.sample-bag-module h2,
    section.sample-order-detail-module h2 {
        font-size: 24px;
    }
}

section.sample-bag-module h3,
section.sample-order-detail-module h3 {
    font-family: "Open-Sans", sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.6px;
    text-align: center;
    margin: 35px auto 0;
}

@media (min-width: 980px) {
    section.sample-bag-module h3,
    section.sample-order-detail-module h3 {
        font-size: 28px;
        line-height: 40px;
        font-weight: 400;
    }
}

section.sample-bag-module .edge-badge,
section.sample-order-detail-module .edge-badge {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding-left: 30px;
    margin: 0 0 11px;
    position: relative;
}

    section.sample-bag-module .edge-badge:before,
    section.sample-order-detail-module .edge-badge:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../images/icons/best-selection-icon.svg") no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }

@media (min-width: 768px) {
    section.sample-bag-module .edge-badge,
    section.sample-order-detail-module .edge-badge {
        margin: 10px auto 11px;
        width: 100%;
    }
}

section.sample-bag-module .sample-bag-no-samples,
section.sample-order-detail-module .sample-bag-no-samples {
    margin-bottom: 350px;
    text-align: center;
}

    section.sample-bag-module .sample-bag-no-samples .no-sample-info,
    section.sample-order-detail-module .sample-bag-no-samples .no-sample-info {
        width: 15.5em;
        margin: 0 auto 30px;
    }

        section.sample-bag-module .sample-bag-no-samples .no-sample-info .total,
        section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .total {
            padding-bottom: 40px;
            margin-bottom: 40px;
            border-bottom: 1px solid #c4c3c2;
        }

            section.sample-bag-module .sample-bag-no-samples .no-sample-info .total .total-items,
            section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .total .total-items {
                display: inline-block;
                font-size: 50px;
                margin-bottom: 0;
                line-height: 68px;
                font-weight: bold;
            }

            section.sample-bag-module .sample-bag-no-samples .no-sample-info .total p,
            section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .total p {
                color: #888281;
                font-size: 15px;
                line-height: 20px;
                margin-bottom: 0;
                text-transform: uppercase;
            }

        section.sample-bag-module .sample-bag-no-samples .no-sample-info .sample-instruction,
        section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .sample-instruction {
            font-size: 16px;
            color: #3b3835;
        }

            section.sample-bag-module .sample-bag-no-samples .no-sample-info .sample-instruction i,
            section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .sample-instruction i {
                font-size: 28px;
                color: #888281;
            }

        section.sample-bag-module .sample-bag-no-samples .no-sample-info a.link-red,
        section.sample-order-detail-module .sample-bag-no-samples .no-sample-info a.link-red {
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
        }

        section.sample-bag-module .sample-bag-no-samples .no-sample-info .icon-cart,
        section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .icon-cart {
            font-size: 1.9em;
            color: #888281;
            position: relative;
            top: .1em;
        }

        section.sample-bag-module .sample-bag-no-samples .no-sample-info .outbound,
        section.sample-order-detail-module .sample-bag-no-samples .no-sample-info .outbound {
            font-size: 15px;
            text-transform: uppercase;
            font-weight: bold;
            margin-top: 50px;
            display: inline-block;
        }

section.sample-bag-module .sample-bag-list-wrap,
section.sample-order-detail-module .sample-bag-list-wrap {
    margin-bottom: 50px;
    position: relative;
}

@media (max-width: 979px) {
    section.sample-bag-module .sample-bag-list-wrap,
    section.sample-order-detail-module .sample-bag-list-wrap {
        padding: 0 30px;
    }
}

section.sample-bag-module .sample-bag-list-wrap .loading-overlay,
section.sample-order-detail-module .sample-bag-list-wrap .loading-overlay {
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    background-color: rgba(151, 151, 151, 0.3);
    z-index: 10;
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout {
    margin-top: 55px;
}

@media (max-width: 768px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .sample-bag-logo,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .sample-bag-logo {
        display: none;
    }
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message {
    margin: 0 0 70px;
    font-size: 14px;
    text-align: center;
}

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message .edge-badge,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message .edge-badge {
        margin-left: 10px;
    }

@media (max-width: 768px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .choose-retailer-message {
        margin-top: 0;
    }
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .karastan-red strong,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .karastan-red strong {
    color: #d0021b;
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    clear: both;
}

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message .link-red,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message .link-red {
        text-transform: none;
        font-weight: bold;
    }

@media (min-width: 768px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .select-edge-message {
        text-align: right;
        margin: -10px 0 -13px;
    }
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout {
    text-align: center;
}

@media (max-width: 767px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout {
        float: none;
        display: block;
        padding: 0;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .remove button,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .remove button {
            margin-top: 20px;
        }
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .total-cost p,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .total-cost p {
    color: #888281;
    font-size: 12px;
    text-transform: uppercase;
}

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .total-cost p span,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-checkout .column-checkout .total-cost p span {
        margin-left: 4px;
        font-size: 24px;
        color: #3b3835;
    }

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list {
    padding: 2em 0 40px;
    border-bottom: 1px solid #323232;
    margin-bottom: 2em;
}

@media (max-width: 767px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list {
        border-bottom: 0;
    }
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-header,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #323232;
    padding: .75em 0;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
}

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-header .remove button,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-header .remove button {
        text-decoration: underline;
        color: #3b3835;
        text-transform: uppercase;
        white-space: nowrap;
        min-width: 0;
        font-weight: bold;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-header .remove button:hover,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-header .remove button:hover {
            background-color: transparent;
            color: #0a0a0a;
        }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-header .cell,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-header .cell {
        text-align: left;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-header .cell:last-child,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-header .cell:last-child {
            text-align: right;
        }

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item {
    position: relative;
    padding: 20px 0 0 0;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
}

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item .price,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item .price {
        color: #3b3835;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled {
        display: block;
        min-width: 0;
        text-align: right;
        float: right;
        color: #3b3835;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 20px;
        white-space: nowrap;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled .icon-close-x,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled .icon-close-x {
            font-weight: bold;
            position: relative;
            padding-left: 5px;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled:hover,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled:hover {
            background-color: transparent;
            color: #0a0a0a;
        }

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell .label,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell .label {
    background: none;
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product.is-unavailable,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product.is-unavailable {
    opacity: .5;
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-image,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-image {
    display: block;
    padding: 0;
}

section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .unavailable,
section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .unavailable {
    color: red;
}

@media (min-width: 768px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell {
        text-align: left;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        padding-left: 2%;
        line-height: 17px;
        font-weight: normal;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product {
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        padding-left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .remove,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .remove {
        -ms-flex: 1 1 12%;
        flex: 1 1 12%;
        font-weight: 500;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-image,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-image {
        height: 150px;
        width: 150px;
        margin-right: 1em;
        display: -ms-flexbox;
        display: flex;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-image img,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-image img {
            width: 100%;
        }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-info,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-info {
        text-align: left;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-style,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-style {
        font-size: 15px;
        font-weight: 600;
        line-height: 0.88;
        letter-spacing: normal;
        color: #9b9b9b;
        text-transform: uppercase;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-color,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-color {
        font-size: 17px;
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: normal;
        color: #323232;
        text-transform: uppercase;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .unavailable,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .unavailable {
        width: 36%;
        font-size: .85em;
        padding-left: 5%;
        line-height: 1.4em;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity {
        text-align: center;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity select,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity select {
            margin: 0 auto;
            border: 1px solid #323232;
            width: 50%;
            font-size: 14px;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled {
            padding: 0;
            margin-top: 15px;
            color: #3b3835;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            text-decoration: underline;
            min-width: 0;
        }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled:hover,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled:hover {
                background-color: transparent;
                color: #0a0a0a;
            }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list button.remove-all,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list button.remove-all {
        display: none;
    }

    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .label,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .label {
        display: none;
    }
}

@media (max-width: 767px) {
    section.sample-bag-module .sample-bag-list-wrap .sample-bag-list,
    section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list {
        border-top: 1px solid #323232;
        margin: 2em 0em 0;
        padding: 0 0 2em;
        position: relative;
    }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item {
            padding: 30px 0 80px;
            position: relative;
            border-bottom: 1px solid #323232;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell {
            position: relative;
            padding: 0 0 0 calc(50% + 7px);
            letter-spacing: .05em;
            width: 100%;
            text-align: left;
            clear: both;
        }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell::before,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell::before {
                display: block;
                margin: 20px 0 5px;
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell.product::before,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell.product::before {
                display: inline;
                margin-top: 0;
                content: "PRODUCT";
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell.price::before,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell.price::before {
                content: "PRICE";
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell.quantity::before,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell.quantity::before {
                content: "QUANTITY";
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell.subtotal::before,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell.subtotal::before {
                content: "SUBTOTAL";
            }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .cell-vc,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .cell-vc {
            position: relative;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product .product-style,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product .product-style {
            margin: 0;
            font-size: 15px;
            font-weight: 600;
            line-height: 0.88;
            color: #9b9b9b;
            text-transform: uppercase;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product .product-color,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product .product-color {
            font-size: 17px;
            font-weight: 600;
            line-height: 1.29;
            color: #323232;
            text-transform: uppercase;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-image,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-image {
            position: absolute;
            top: 0;
            left: 0;
            max-width: 245px;
            width: calc(50% - 7px);
            margin-right: 14px;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .product-info,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .product-info {
            text-align: left;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .label,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .label {
            width: 60%;
            display: inline-block;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list input,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list input {
            width: 25%;
            display: inline-block;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .remove,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .remove {
            display: inline-block;
            position: absolute;
            bottom: 30px;
            left: calc(50% + 7px);
            padding: 0;
            max-width: initial;
            width: initial;
        }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .remove span,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .remove span {
                font-weight: bold;
                text-decoration: underline;
            }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .unavailable,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .unavailable {
            text-align: center;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list h4,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list h4 {
            font-size: 15px;
            font-weight: 500;
            line-height: 0.88;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .list-item .remove button.unstyled {
            padding: 0;
            color: #3b3835;
            text-transform: uppercase;
            min-width: 0;
        }

        section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity,
        section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity {
            margin-top: 10px;
        }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity .label,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity .label {
                display: none;
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity select,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity select {
                display: inline-block;
                width: 100px;
                height: 50px;
                padding: 10px 25px 10px 10px;
                border-radius: 0;
                border: 1px solid #bdbbb7;
                background: 0 0;
                letter-spacing: .05em;
                margin: 0;
            }

            section.sample-bag-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled,
            section.sample-order-detail-module .sample-bag-list-wrap .sample-bag-list .quantity button.unstyled {
                padding: 0;
                margin-top: 15px;
                color: #3b3835;
                text-transform: uppercase;
                font-size: 14px;
                font-weight: 500;
                text-decoration: underline;
                min-width: 0;
            }
}

section.sample-bag-module .sample-bag-list-wrap .button-disabled,
section.sample-order-detail-module .sample-bag-list-wrap .button-disabled {
    pointer-events: none;
}

section.sample-bag-module .sample-bag-list-wrap .shipping,
section.sample-order-detail-module .sample-bag-list-wrap .shipping {
    font-size: 20px;
}

section.sample-bag-module .sample-bag-list-wrap .shipping-limit,
section.sample-order-detail-module .sample-bag-list-wrap .shipping-limit {
    font-size: 15px;
}

.column-checkout {
    float: right;
    text-align: center;
}

    .column-checkout .button-container {
        display: -ms-flexbox;
        display: flex;
    }

        .column-checkout .button-container .button {
            margin: 0 20px 0 0;
            padding: 0;
            height: 50px;
            line-height: 50px;
            white-space: nowrap;
            width: 230px;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
        }

            .column-checkout .button-container .button:last-child {
                margin: 0;
            }

            .column-checkout .button-container .button.button-primary {
                background: #323232;
            }

            .column-checkout .button-container .button.button-outline {
                border: 3px solid #323232;
            }

@media (max-width: 768px) {
    .column-checkout .button-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .column-checkout .button-container .button {
            margin-bottom: 10px;
            width: 100%;
        }
}

.column-checkout .button {
    text-transform: uppercase;
}

.column-checkout .total {
    padding: 0 0 1em;
}

    .column-checkout .total small {
        text-transform: uppercase;
        color: #3b3835;
        padding-right: .25em;
        font-size: .75em;
    }

.column-checkout .price {
    font-size: 1.5em;
}

.column-checkout .grid-total {
    text-align: left;
    width: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

    .column-checkout .grid-total .row {
        padding: 0 0 .5em;
        display: initial;
        font-size: 14px;
        line-height: 30px;
        text-transform: uppercase;
    }

        .column-checkout .grid-total .row span:first-child {
            margin-right: 70px;
        }

.column-checkout .final .txt-small {
    padding-top: .5em;
}

@media (max-width: 767px) {
    .column-checkout {
        float: none;
        margin: auto;
        width: auto;
        padding: 0 2.6em;
    }

        .column-checkout .button {
            width: auto;
            margin: 0 auto;
        }
}

.sample-bag-totals {
    position: relative;
}

    .sample-bag-totals .column-left {
        float: left;
    }

    .sample-bag-totals p {
        margin-bottom: .25em;
    }

    .sample-bag-totals .column-left .txt-small {
        text-transform: none;
    }

    .sample-bag-totals .alert {
        position: absolute;
        top: 5em;
        left: 50%;
        width: 22em;
        margin-left: -11em;
        padding: 2.6em;
        background-color: #faf8f4;
        text-align: center;
        border: 1px solid #eae2d1;
    }

    .sample-bag-totals .button {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 1.5em;
        width: 310px;
    }

        .sample-bag-totals .button:last-child {
            margin-right: 0;
        }

@media (max-width: 767px) {
    .sample-bag-totals .column.float-left, .sample-bag-totals .float-left.columns {
        float: none !important;
    }

    .sample-bag-totals .column-left {
        float: none;
        text-align: center;
        padding: 0 2em 1em;
    }

        .sample-bag-totals .column-left p {
            line-height: 1.33em;
            padding-bottom: .5em;
        }

    .sample-bag-totals .column-checkout {
        width: auto;
        padding: 20px 0 0;
    }

        .sample-bag-totals .column-checkout .grid-total {
            margin-left: auto;
            margin-right: auto;
        }

    .sample-bag-totals .button {
        display: inline-block;
        width: 100%;
    }

    .sample-bag-totals button.remove-all {
        display: inline-block;
        border-bottom: 1px solid;
        margin: 2.5em auto 0;
    }

    .sample-bag-totals .alert {
        position: static;
        margin: 2em;
        width: auto;
        padding: 2em;
    }

    .sample-bag-totals .right {
        margin-bottom: 10px;
    }
}

section.sample-order-detail-module h3 {
    padding: 20px 0;
}

@media (max-width: 768px) {
    section.sample-order-detail-module h3 {
        padding: 20px 0 0;
    }
}

section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list {
    padding: 2em 0;
}

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header {
        border-bottom: 1px solid #323232;
    }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header .cell:last-child {
            text-align: left;
        }

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header,
    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item {
        display: -ms-flexbox;
        display: flex;
    }

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header {
        padding-bottom: 9px;
    }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header .cell {
            font-size: 12px;
            line-height: 17px;
            text-transform: uppercase;
        }

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item {
        margin-top: 30px;
    }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .cell .label {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
        }

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product .product-image {
            display: block;
        }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product .product-image img {
                max-width: 150px;
                height: 150px;
            }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product .product-info {
            margin-left: 25px;
            padding: 0;
        }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product .product-info .product-style {
                margin: 0;
                padding: 0;
                color: #9b9b9b;
                font-size: 15px;
                line-height: 0.88;
                text-transform: uppercase;
                text-align: left;
                letter-spacing: normal;
            }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .product .product-info .product-color {
                color: #323232;
                font-size: 17px;
                font-weight: 600;
                line-height: 1.27;
                text-transform: uppercase;
                text-align: left;
            }

    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .quantity {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 4.75%;
    }

@media (max-width: 979px) {
    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list {
        padding: 0 30px;
    }
}

@media (max-width: 768px) {
    section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list {
        border: none;
        margin-top: 0;
    }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-header .cell {
            display: none;
        }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item {
            display: block;
            margin-bottom: 30px;
            border-bottom: 1px solid black;
            padding-bottom: 30px;
        }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .cell {
                display: block;
            }

                section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .cell .label {
                    position: static;
                    width: auto;
                    height: auto;
                    overflow: visible;
                    clip: initial;
                }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .product-image {
                display: block;
                float: left;
                width: 50%;
                padding-right: 8px;
            }

                section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .product-image img {
                    max-width: none;
                    width: 100%;
                }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .product-info {
                margin-bottom: 20px;
            }

            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .product-info,
            section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .quantity {
                text-align: left;
                margin-left: calc(50% + 8px);
                padding-left: 0;
            }

                section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .product-info .label,
                section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .list-item .quantity .label {
                    display: block;
                    background: none;
                    padding: 0;
                    color: #323232;
                    font-size: 15px;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                }

        section.sample-order-detail-module .sample-cart-list-wrap .sample-cart-list .column-checkout {
            max-width: 150px;
        }
}

section.sample-order-detail-module .grid-total {
    margin-bottom: 50px;
}

    section.sample-order-detail-module .grid-total .row {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        min-width: 150px;
        font-size: 15px;
    }

        section.sample-order-detail-module .grid-total .row div:first-child {
            -ms-flex: 1;
            flex: 1;
        }

        section.sample-order-detail-module .grid-total .row div:last-child {
            font-weight: bold;
        }

@media (max-width: 768px) {
    section.sample-order-detail-module .column-checkout {
        max-width: 150px;
    }
}

section.sample-order-detail-title h1 {
    text-align: center;
    padding: 1.5em 20px 1em;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: normal;
}

@media (max-width: 768px) {
    section.sample-order-detail-title h1 {
        font-size: 26px;
    }
}

section.sample-order-detail .order-title h2 {
    color: #3b3835;
    font-size: 28px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
}

section.sample-order-detail .order-title span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #3b3835;
    font-size: 15pxm;
    font-weight: bold;
}

@media (max-width: 768px) {
    section.sample-order-detail .order-title h2 {
        font-size: 1.1em;
    }
}

section.sample-order-detail h3 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

section.sample-order-detail .order-detail {
    display: -ms-flexbox;
    display: flex;
    margin: 60px 16.667% 30px;
}

    section.sample-order-detail .order-detail .shipping,
    section.sample-order-detail .order-detail .total-cost {
        padding: 20px 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        text-align: center;
        font-size: 15px;
    }

        section.sample-order-detail .order-detail .shipping span,
        section.sample-order-detail .order-detail .total-cost span {
            display: block;
            color: #3b3835;
            text-transform: uppercase;
            line-height: 20px;
            margin-bottom: 20px;
        }

        section.sample-order-detail .order-detail .shipping p,
        section.sample-order-detail .order-detail .total-cost p {
            line-height: 1.87;
            margin: 0;
        }

    section.sample-order-detail .order-detail .total-cost {
        border-left: solid 1px #979797;
    }

@media (max-width: 768px) {
    section.sample-order-detail .order-detail {
        margin: 25px 0 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.sample-order-detail .order-detail .shipping,
        section.sample-order-detail .order-detail .total-cost {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            border: none;
        }

        section.sample-order-detail .order-detail .total-cost {
            margin-top: 20px;
        }
}

.sample-bag-module .clearboth {
    clear: both;
}

.order-confirmation-info h2 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.order-confirmation-info p {
    margin: 0 auto 20px;
    max-width: 480px;
    font-size: 16px;
    line-height: 1.4;
}

    .order-confirmation-info p.order-number {
        font-size: 40px;
    }

.order-confirmation-info + a.primary-btn {
    padding: 15px 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.section-title.error-page {
    margin: 60px 30px 80px;
}

    .section-title.error-page h1 {
        margin: 0 0 30px;
        font-size: 28px;
        letter-spacing: 1.2px;
        line-height: 30px;
    }

    .section-title.error-page > p {
        font-size: 22px;
        font-weight: 300;
        line-height: 26px;
        text-transform: uppercase;
    }

    .section-title.error-page a {
        display: inline-block;
        position: relative;
        margin-top: 30px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.52px;
    }

        .section-title.error-page a:first-child {
            margin-top: 30px;
        }

        .section-title.error-page a svg {
            position: absolute;
            bottom: 2px;
            margin-left: 5px;
        }

        .section-title.error-page a.button {
            display: inline-block;
            font-size: 20px;
        }

@media (min-width: 768px) {
    .section-title.error-page {
        text-align: center;
        margin: 80px 30px 150px 30px;
    }

        .section-title.error-page h1 {
            margin: 0 0 60px;
            font-size: 50px;
            line-height: 1.07;
        }

        .section-title.error-page > p {
            margin-bottom: 60px;
            font-size: 26px;
            line-height: 35px;
        }
}

.header-sticky-promo {
    position: relative;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    z-index: 10;
}

    .header-sticky-promo.is-anchored {
        position: relative;
    }

    .header-sticky-promo p {
        display: inline-block;
        margin: 0 30px 0 0;
        color: white;
        font-family: "Open-Sans", sans-serif;
        font-size: 20px;
    }

    .header-sticky-promo .btn-wrapper {
        display: inline-block;
    }

    .header-sticky-promo a {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        padding: 15px;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.2px;
    }

@media (max-width: 768px) {
    .header-sticky-promo {
        display: none;
    }
}

.header-sticky-promo.scrolled {
    /* .nav-wrapper.scrolled */
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 10;
    border-bottom: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

@media (max-width: 979px) {
    .sticky-container .o-wrapper {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .sticky-container .o-wrapper {
        margin-top: initial;
    }
}

section.sale-landing-container {
    padding: 22px 27px 80px;
}

@media (min-width: 980px) {
    section.sale-landing-container {
        padding: 80px 1em;
        background-size: cover;
        background-position: center top;
    }
}

@media (max-width: 768px) {
    section.sale-landing-container {
        background: none !important;
    }
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content {
        background-color: #fff9f2;
        padding: 50px 30px 30px;
    }
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-intro {
        padding: 0 55px;
        text-align: center;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-intro h3 {
    font-size: 21px;
}

@media (max-width: 767px) {
    section.sale-landing-container .sale-landing-content .sale-landing-intro h3 {
        width: 250px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-intro h6 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

section.sale-landing-container .sale-landing-content .sale-landing-intro hr {
    width: 40px;
    height: 1px;
    margin: 10px auto 11px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-intro hr {
        margin: 25px auto 15px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-intro h1 {
    font-family: "Open-Sans", sans-serif;
    font-size: 21px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-intro h1 {
        font-size: 50px;
        line-height: 68px;
        letter-spacing: 5px;
        font-weight: 400;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-intro h1 span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-family: "Open-Sans", sans-serif;
    padding: 5px 0 30px;
    font-weight: 400;
    text-transform: none;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-intro h1 span {
        padding: 0 0 20px;
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon {
    margin: 1em 0 2em;
    background-color: #fff9f2;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon {
        padding: 0 55px;
    }
}

@media (max-width: 979px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon {
        margin-top: 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon .loading-animation-bg {
    background-color: #fff9f2;
    opacity: .8;
}

@media (max-width: 979px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel {
        background-color: #fff9f2;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item input[type=text], section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item input[type=email], section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item input[type=tel], section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item input[type=password], section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item textarea {
    background-color: #fff9f2;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item h3 {
    margin: 0 auto 8px;
    font-size: 21px;
    line-height: 28px;
    font-family: "Open-Sans", sans-serif;
    max-width: 270px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item h3 {
        margin-bottom: 20px;
        max-width: none;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item h2 {
    margin: 50px 0 20px;
    font-size: 50px;
    line-height: 68px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: "Open-Sans", sans-serif;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item h2 {
        margin-top: 65px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error {
    margin: 0 auto;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error {
        width: 50%;
        min-width: 510px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .confirmation p,
section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .error p,
section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error p {
    font-family: "Open-Sans", sans-serif;
    font-size: 21px;
    line-height: 34px;
    margin: 0 auto 0;
}

@media (max-width: 767px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .confirmation p,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .error p,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error p {
        width: 80%;
        padding-bottom: 40px;
    }
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .confirmation p:last-child,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .error p:last-child,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error p:last-child {
        margin-bottom: 36px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .confirmation a.button,
section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .error a.button,
section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error a.button {
    margin-top: 40px;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .error h2,
section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .info-error h2 {
    margin-top: 20px !important;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .dealer-select-subhead {
    font-family: "Open-Sans", sans-serif;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #323232;
    margin: 0 auto 50px;
    max-width: 250px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .dealer-select-subhead {
        margin-bottom: 70px;
        max-width: none;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers > hr {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        border-bottom: solid 1px #eeede9;
        margin: 2.5em 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer {
    width: 100%;
    padding: 0 0 1.25em;
    text-align: left;
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer > * {
        margin-left: 1em !important;
        margin-right: 1em !important;
        width: -webkit-fill-available;
        display: block;
        min-width: 0px;
    }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer > * {
        width: 80%;
    }
}

@media (max-width: 979px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer {
        padding: 0 0 1.25em 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h4 {
    font-family: "Open-Sans", sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-decoration: underline;
    margin: 0 0 21px;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h4 a {
        color: #000000;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h4 a:hover {
            color: #000000;
        }

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .retailer-address {
    margin-bottom: 0;
    font-size: .8em;
    color: #323232;
    min-height: 6.5em;
    line-height: 1.67em;
    letter-spacing: 0.7px;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h5 {
    margin-bottom: .5em;
    color: #6d6b69;
    text-transform: uppercase;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras-spacer {
    height: 72px;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras {
    margin: 0 0 20px;
    padding: 0;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras span,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras a {
        font-family: "Open-Sans", sans-serif;
        color: #000000;
        display: block;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.5px;
        margin: 0 0 10px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras span:last-child,
        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras a:last-child {
            margin-bottom: 0;
        }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras span:before,
        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras a:before {
            content: url("../images/extras-check-icon.svg");
            display: inline-block;
            height: 21px;
            width: 21px;
            margin: 0 10px 0 0;
            vertical-align: middle;
            vertical-align: -7px;
        }

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras span,
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .extras a {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.43px;
    }
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-bottom: 0;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer:nth-child(4n) {
            border-right: none;
        }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h4 {
            font-size: 14px;
            line-height: 1.25em;
            min-height: 2.5em;
        }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h5 {
            font-size: .625em;
            display: block !important;
            min-height: 1em;
        }
}

@media (device-width: 834px) and (device-height: 1112px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer h4 {
        min-height: 3.75em;
    }

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .retailers .retailer .retailer-address {
        min-height: 8em;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field {
        margin: 0;
        width: 100%;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field input {
            font-size: 12px;
            line-height: 17px;
            padding: 15.5px 25px;
            height: 100%;
            background: transparent;
            border-color: #323232;
        }

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field input {
        font-weight: 700;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field input.ng-touched.ng-invalid {
    border-color: red;
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field.option input {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field.option input:checked:before {
        margin-top: 8px;
    }

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields .field.option label {
    vertical-align: text-bottom;
    text-align: left;
    margin-left: 40px;
    font-size: .75em;
    text-indent: 0;
    line-height: 1.25em;
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        margin-right: 5%;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li:nth-child(even) {
            margin-right: 0;
            margin-left: 4.8%;
        }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li .field.half {
            width: 46%;
            margin-right: 4%;
        }

            section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li .field.half:nth-child(even) {
                margin-right: 0;
                margin-left: 4%;
            }
}

@media (max-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
    }

        section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item ul.fields li:nth-child(even) {
            margin-right: 0;
            margin-left: 0;
        }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl {
    display: inline-block;
    color: #323232;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: 33px;
    text-indent: -33px;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl .fineprint {
        margin-top: 10px;
    }

@media (max-width: 767px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl .fineprint {
        padding-left: 33px;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl a {
    font-weight: bold;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl {
        text-align: center;
        padding-left: 0;
        text-indent: 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl input[type="checkbox"] {
    border: 2px solid #9b9b9b;
    border-radius: 0;
    color: #323232;
    height: 17px;
    width: 17px;
    margin: 0 11px 0 0;
    float: none;
    vertical-align: -11px;
    vertical-align: middle;
    background-color: transparent;
}

    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item label.signUpLbl input[type="checkbox"]:before {
        margin: 0 0 0 -1px;
        -ms-transform: scale(1);
        transform: scale(1);
    }

section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .submit-group {
    margin: 30px auto 50px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item .submit-group {
        margin-top: 50px;
    }
}

@media (max-width: 979px) {
    section.sale-landing-container .sale-landing-content .sale-landing-coupon form.coupon-form owl-carousel .item.active {
        height: auto;
    }
}

section.sale-landing-container .sale-landing-content .sale-offer hr {
    background-color: #979797;
    margin: 0 auto 50px;
    width: 100%;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer hr {
        margin-bottom: 30px;
    }
}

section.sale-landing-container .sale-landing-content .sale-offer h3 {
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: 5px;
    font-family: "Open-Sans", sans-serif;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer h3 {
        /*margin-bottom: 50px;*/
    }
}

section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .offer-details {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 0;
    }

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .offer-details {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 50%;
        padding: 0 67px 0 60px;
    }
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .offer-details:last-child {
        padding: 0 60px 0 67px;
        /*border-left: 1px solid #979797;*/
    }
}

section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .offer-details ul {
    margin: 0 0 0 20px;
}

section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .offer-details li {
    color: #22223b;
    /*font-size: 16px;*/
    /*line-height: 31px;*/
    letter-spacing: 0.5px;
    text-align: left;
    list-style-type: disc;
    font-family: "Open-Sans", sans-serif;
    padding: 0 0 0 15px;
}

section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .sale-list {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 50%;
    padding: 0 5em 0 1em;
    margin: 0;
}

@media (max-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .sale-list {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0 1em;
        margin: 0 0 0 1em;
    }
}

section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .sale-list li {
    margin-bottom: 1em;
    color: #136500;
    line-height: 150%;
    text-align: left;
    list-style-type: disc;
    font-family: "Open-Sans", sans-serif;
}

    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .sale-list li span {
        color: #3d3a39;
    }

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer .offer-list-container .sale-list:last-child {
        padding-left: 3em;
        border-left: 1px solid #eeede9;
    }
}

section.sale-landing-container .sale-landing-content .sale-offer .disclaimer {
    margin: 30px 0 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.38px;
}

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .sale-offer .disclaimer {
        margin: 50px 0 0;
    }
}

section.sale-landing-container .sale-landing-content .sale-offer .disclaimer span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.38px;
}

section.sale-landing-container .sale-landing-content .button-sale,
section.sale-landing-container .sale-landing-content .back-button,
section.sale-landing-container .sale-landing-content .button-primary {
    border-radius: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 15px 40px;
    margin: 0;
    width: 100%;
    opacity: 1;
}

    section.sale-landing-container .sale-landing-content .button-sale[disabled],
    section.sale-landing-container .sale-landing-content .back-button[disabled],
    section.sale-landing-container .sale-landing-content .button-primary[disabled] {
        opacity: 0.5;
    }

@media (min-width: 768px) {
    section.sale-landing-container .sale-landing-content .button-sale,
    section.sale-landing-container .sale-landing-content .back-button,
    section.sale-landing-container .sale-landing-content .button-primary {
        width: auto;
        padding: 15px;
    }
}

section.sale-landing-container .sale-landing-content .button-sale:hover,
section.sale-landing-container .sale-landing-content .back-button:hover,
section.sale-landing-container .sale-landing-content .button-primary:hover {
    opacity: 0.58;
}

section.sale-landing-container .sale-landing-content .back-button.no-style {
    background-color: transparent !important;
    color: #000000;
    text-decoration: underline;
}

    section.sale-landing-container .sale-landing-content .back-button.no-style:hover {
        color: #000000;
        text-decoration: none;
        opacity: 1;
    }

.header-sale-banner,
.site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner {
    background-position: center;
    width: 100%;
    border: none;
    margin: 0 0 -1px;
    padding: 0 0 23px;
    text-align: center;
    position: relative;
    display: none;
}

    .header-sale-banner .container,
    .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner .container {
        padding: 24px 0 21px;
    }

    .header-sale-banner p,
    .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        letter-spacing: 0;
    }

        .header-sale-banner p.caps,
        .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner p.caps {
            text-transform: uppercase;
        }

    .header-sale-banner hr,
    .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner hr {
        width: 40px;
        margin: 0 auto 11px;
    }

    .header-sale-banner .header-promo-text,
    .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner .header-promo-text {
        display: block;
        font-size: 21px;
        line-height: 22px;
        letter-spacing: 0;
        padding: 0;
        margin: 0 0 10px;
        vertical-align: middle;
        color: white;
        font-family: "Open-Sans", sans-serif;
        text-transform: uppercase;
        font-weight: 600;
    }

        .header-sale-banner .header-promo-text .small,
        .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner .header-promo-text .small {
            display: block;
            font-size: 16px;
            line-height: 22px;
            font-weight: 400;
            letter-spacing: 0;
            padding: 5px 0 0;
            margin: 0;
            text-transform: none;
        }

    .header-sale-banner .header-promo-btn,
    .site-header .nav-wrapper nav.container .primary-nav-container > li.header-sale-banner .header-promo-btn {
        display: inline-block;
        vertical-align: middle;
        padding: 15px;
        border-radius: 0;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.34px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
    }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

        .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
            max-height: 0;
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791;
        }

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    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;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    .slick-track:after {
        clear: both;
    }

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

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

[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;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

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

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

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

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

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

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

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

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

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

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

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

            .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: 1;
                }

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

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }



.date-picker > .arrow-button {
    -fx-padding: 0px;
}

    .date-picker > .arrow-button > .arrow {
        -fx-padding: 0px;
    }

.date-picker > .date-picker-display-node {
    -fx-background-insets: 1 1 1 1;
}





















.hrLine {
    border-bottom: 1px solid #cccccc;
    margin: 15px 0;
}

.hrSep {
    border: none;
    border-top: dashed 1px #e5e5e5;
    color: #ffffff;
    background-color: #ffffff;
}

#background {
    background: url(../images/banner-rug.jpg);
    background-position: center;
    background-size: cover;
    height: 225px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family: Stilson-Regular,Georgia,"Times New Roman",Times,serif;
}

@media (min-width: 480px) {
    #background {
        height: 200px;
    }
}

@media (min-width: 768px) {
    #background {
        height: 150px;
    }
}

@media (min-width: 992px) {
    #background {
        height: 150px;
    }
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ac_results {
    background-color: #ffffff;
}

@media print {
    .header {
        display: none;
    }

    .body {
        display: none;
    }

    .noPrint {
        display: none;
    }

    .field_set {
        background: none;
        border: none;
    }

    .main {
        background: none;
        border: none;
    }

    body {
        background: none;
        border: none;
    }
}

.error {
    color: Red;
    font-weight: bold;
}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    margin-right: 15px;
    max-width: 80%;
    float: left;
    /*font-size: 1.25rem;*/
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #ffffff;
    background-color: #323232;
}

    .inputfile-1:focus + label,
    .inputfile-1.has-focus + label,
    .inputfile-1 + label:hover {
        background-color: #323232;
    }