@charset "UTF-8";

.cart-recommendations .product-listing:after,
.compare-items-panel:after,
.bonus-product-list .bonus-product-item:after,
.bonus-product-list .bonus-product-list-footer:after,
.cart-footer:after,
.cart-actions:after,
.cart-empty:after,
.cart-empty .product-listing:after,
.list-share:after,
.gift-registry-advanced:after,
.search-suggestion-wrapper:after,
.product-suggestion:after,
.store-list-pdp-container .store-list-item:after,
.form-row:after {
    content: "";
    display: table;
    clear: both;
}

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

* {
    /* outline: 1px solid red; */
}

/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

@media print,
screen and (min-width: 48.0625em) {

    .reveal,
    .reveal.tiny,
    .reveal.small,
    .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto;
    }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
    /* font-family: sans-serif; */
    font-family: Microsoft JhengHei;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

.html_edit table {
    height: auto;
    table-layout: fixed;
    max-width: 100%;
    word-wrap: break-word;
}

tr,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
    margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
    display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
    margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
    display: block;

}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
    /* font-family: monospace, monospace; */
    font-family: Microsoft JhengHei;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
    outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
    font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
    font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
    /* font-family: monospace, monospace; */
    font-family: Microsoft JhengHei;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
    font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
    background-color: #ff0;
    color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
    display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
    border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
    /* font-family: sans-serif; */
    font-family: Microsoft JhengHei;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 28px;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
    overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    /**
       * Remove the inner border and padding in Firefox.
       */
    /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
    overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
    /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}

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

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
    box-sizing: border-box;
    /* 1 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    color: inherit;
    /* 2 */
    white-space: normal;
    /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
    overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
    display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
    display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
    display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
    display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
    display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
    display: none;
}

.foundation-mq {
    /* font-family: "small=0em&medium=48.0625em&large=64em&xlarge=75em&xxlarge=90em"; */
    font-family: Microsoft JhengHei;
}

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

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

body {
    margin: 0;
    padding: 0;
    background: #fff;
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-weight: normal;
    line-height: 1.5;
    color: #323232;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    /* font-family: inherit;  */
    font-family: Microsoft JhengHei;
}

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

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

.row,
.pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .content-asset {
    max-width: 78.75rem;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /* max-width: 98.2%; */
    /* max-width: 100%; */
}

.row .row,
.pt_content-search-result-static .no-left-nav-template .content-asset .row,
.pt_content-search-result-static .left-nav-template .content-asset .row,
.row .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .row .content-asset,
.pt_content-search-result-static .no-left-nav-template .content-asset .content-asset,
.row .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .row .content-asset,
.pt_content-search-result-static .left-nav-template .content-asset .content-asset {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .row .row,
    .pt_content-search-result-static .no-left-nav-template .content-asset .row,
    .pt_content-search-result-static .left-nav-template .content-asset .row,
    .row .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .row .content-asset,
    .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset,
    .row .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .row .content-asset,
    .pt_content-search-result-static .left-nav-template .content-asset .content-asset {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }
}

@media print,
screen and (min-width: 64em) {

    .row .row,
    .pt_content-search-result-static .no-left-nav-template .content-asset .row,
    .pt_content-search-result-static .left-nav-template .content-asset .row,
    .row .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .row .content-asset,
    .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset,
    .row .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .row .content-asset,
    .pt_content-search-result-static .left-nav-template .content-asset .content-asset {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }
}

.row .row.collapse,
.pt_content-search-result-static .no-left-nav-template .content-asset .row.collapse,
.pt_content-search-result-static .left-nav-template .content-asset .row.collapse,
.row .pt_content-search-result-static .no-left-nav-template .collapse.content-asset,
.pt_content-search-result-static .no-left-nav-template .row .collapse.content-asset,
.pt_content-search-result-static .no-left-nav-template .content-asset .collapse.content-asset,
.row .pt_content-search-result-static .left-nav-template .collapse.content-asset,
.pt_content-search-result-static .left-nav-template .row .collapse.content-asset,
.pt_content-search-result-static .left-nav-template .content-asset .collapse.content-asset {
    margin-right: 0;
    margin-left: 0;
}

.row.expanded,
.pt_content-search-result-static .no-left-nav-template .expanded.content-asset,
.pt_content-search-result-static .left-nav-template .expanded.content-asset {
    max-width: none;
}

.row.expanded .row,
.pt_content-search-result-static .no-left-nav-template .expanded.content-asset .row,
.pt_content-search-result-static .left-nav-template .expanded.content-asset .row,
.row.expanded .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .row.expanded .content-asset,
.pt_content-search-result-static .no-left-nav-template .expanded.content-asset .content-asset,
.row.expanded .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .row.expanded .content-asset,
.pt_content-search-result-static .left-nav-template .expanded.content-asset .content-asset {
    margin-right: auto;
    margin-left: auto;
}

.row:not(.expanded) .row,
.pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .row,
.pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .row,
.row:not(.expanded) .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .row:not(.expanded) .content-asset,
.pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .content-asset,
.row:not(.expanded) .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .row:not(.expanded) .content-asset,
.pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .content-asset {
    max-width: none;
}

.row.collapse>.column,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.column,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.column,
.row.collapse>.columns,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.columns,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.columns {
    padding-right: 0;
    padding-left: 0;
}

.row.is-collapse-child,
.pt_content-search-result-static .no-left-nav-template .is-collapse-child.content-asset,
.pt_content-search-result-static .left-nav-template .is-collapse-child.content-asset,
.row.collapse>.column>.row,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.column>.row,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.column>.row,
.row.collapse>.columns>.row,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.columns>.row,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.columns>.row,
.pt_content-search-result-static .no-left-nav-template .row.collapse>.column>.content-asset,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.column>.content-asset,
.pt_content-search-result-static .no-left-nav-template .row.collapse>.columns>.content-asset,
.pt_content-search-result-static .no-left-nav-template .collapse.content-asset>.columns>.content-asset,
.pt_content-search-result-static .left-nav-template .row.collapse>.column>.content-asset,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.column>.content-asset,
.pt_content-search-result-static .left-nav-template .row.collapse>.columns>.content-asset,
.pt_content-search-result-static .left-nav-template .collapse.content-asset>.columns>.content-asset {
    margin-right: 0;
    margin-left: 0;
}

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

@media print,
screen and (min-width: 48.0625em) {

    .column,
    .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

@media print,
screen and (min-width: 64em) {

    .column,
    .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

.column.row.row,
.row.row.columns,
.pt_content-search-result-static .no-left-nav-template .columns.content-asset,
.pt_content-search-result-static .left-nav-template .columns.content-asset,
.pt_content-search-result-static .no-left-nav-template .column.content-asset,
.pt_content-search-result-static .left-nav-template .column.content-asset {
    float: none;
    display: block;
}

.row .column.row.row,
.pt_content-search-result-static .no-left-nav-template .content-asset .column.row.row,
.pt_content-search-result-static .left-nav-template .content-asset .column.row.row,
.row .row.row.columns,
.pt_content-search-result-static .no-left-nav-template .content-asset .row.row.columns,
.pt_content-search-result-static .left-nav-template .content-asset .row.row.columns,
.row .pt_content-search-result-static .no-left-nav-template .columns.content-asset,
.pt_content-search-result-static .no-left-nav-template .row .columns.content-asset,
.pt_content-search-result-static .no-left-nav-template .content-asset .columns.content-asset,
.row .pt_content-search-result-static .left-nav-template .columns.content-asset,
.pt_content-search-result-static .left-nav-template .row .columns.content-asset,
.pt_content-search-result-static .left-nav-template .content-asset .columns.content-asset,
.row .pt_content-search-result-static .no-left-nav-template .column.content-asset,
.pt_content-search-result-static .no-left-nav-template .row .column.content-asset,
.pt_content-search-result-static .no-left-nav-template .content-asset .column.content-asset,
.row .pt_content-search-result-static .left-nav-template .column.content-asset,
.pt_content-search-result-static .left-nav-template .row .column.content-asset,
.pt_content-search-result-static .left-nav-template .content-asset .column.content-asset {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 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-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-right: 0;
    padding-left: 0;
}

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

@media print,
screen and (min-width: 48.0625em) {
    .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-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 print,
screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
    .medium-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.medium-unstack>.column,
.pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset>.column,
.pt_content-search-result-static .left-nav-template .medium-unstack.content-asset>.column,
.row.medium-unstack>.columns,
.pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset>.columns,
.pt_content-search-result-static .left-nav-template .medium-unstack.content-asset>.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media print,
screen and (min-width: 48.0625em) {

    .row.medium-unstack>.column,
    .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset>.column,
    .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset>.column,
    .row.medium-unstack>.columns,
    .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset>.columns,
    .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset>.columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media print,
screen and (min-width: 48.0625em) {

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

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

@media print,
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-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 print,
screen and (min-width: 64em) and (min-width: 64em) {
    .large-expand {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.row.large-unstack>.column,
.pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset>.column,
.pt_content-search-result-static .left-nav-template .large-unstack.content-asset>.column,
.row.large-unstack>.columns,
.pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset>.columns,
.pt_content-search-result-static .left-nav-template .large-unstack.content-asset>.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media print,
screen and (min-width: 64em) {

    .row.large-unstack>.column,
    .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset>.column,
    .pt_content-search-result-static .left-nav-template .large-unstack.content-asset>.column,
    .row.large-unstack>.columns,
    .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset>.columns,
    .pt_content-search-result-static .left-nav-template .large-unstack.content-asset>.columns {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media print,
screen and (min-width: 64em) {

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

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

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

.column-block {
    margin-bottom: 1.875rem;
}

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

@media print,
screen and (min-width: 48.0625em) {
    .column-block {
        margin-bottom: 2.5rem;
    }

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

@media print,
screen and (min-width: 64em) {
    .column-block {
        margin-bottom: 2.5rem;
    }

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

.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 78.75rem;
    margin: 0 auto;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin: 0 auto;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto;
}

.grid-x {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.cell {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

.cell.auto {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.cell.shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.grid-x>.auto {
    width: auto;
}

.grid-x>.shrink {
    width: auto;
}

.grid-x>.small-shrink,
.grid-x>.small-full,
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media print,
screen and (min-width: 48.0625em) {

    .grid-x>.medium-shrink,
    .grid-x>.medium-full,
    .grid-x>.medium-1,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-x>.large-shrink,
    .grid-x>.large-full,
    .grid-x>.large-1,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.grid-x>.small-1 {
    width: 8.33333%;
}

.grid-x>.small-2 {
    width: 16.66667%;
}

.grid-x>.small-3 {
    width: 25%;
}

.grid-x>.small-4 {
    width: 33.33333%;
}

.grid-x>.small-5 {
    width: 41.66667%;
}

.grid-x>.small-6 {
    width: 50%;
}

.grid-x>.small-7 {
    width: 58.33333%;
}

.grid-x>.small-8 {
    width: 66.66667%;
}

.grid-x>.small-9 {
    width: 75%;
}

.grid-x>.small-10 {
    width: 83.33333%;
}

.grid-x>.small-11 {
    width: 91.66667%;
}

.grid-x>.small-12 {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-x>.medium-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }

    .grid-x>.medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .grid-x>.medium-1 {
        width: 8.33333%;
    }

    .grid-x>.medium-2 {
        width: 16.66667%;
    }

    .grid-x>.medium-3 {
        width: 25%;
    }

    .grid-x>.medium-4 {
        width: 33.33333%;
    }

    .grid-x>.medium-5 {
        width: 41.66667%;
    }

    .grid-x>.medium-6 {
        width: 50%;
    }

    .grid-x>.medium-7 {
        width: 58.33333%;
    }

    .grid-x>.medium-8 {
        width: 66.66667%;
    }

    .grid-x>.medium-9 {
        width: 75%;
    }

    .grid-x>.medium-10 {
        width: 83.33333%;
    }

    .grid-x>.medium-11 {
        width: 91.66667%;
    }

    .grid-x>.medium-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-x>.large-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }

    .grid-x>.large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .grid-x>.large-1 {
        width: 8.33333%;
    }

    .grid-x>.large-2 {
        width: 16.66667%;
    }

    .grid-x>.large-3 {
        width: 25%;
    }

    .grid-x>.large-4 {
        width: 33.33333%;
    }

    .grid-x>.large-5 {
        width: 41.66667%;
    }

    .grid-x>.large-6 {
        width: 50%;
    }

    .grid-x>.large-7 {
        width: 58.33333%;
    }

    .grid-x>.large-8 {
        width: 66.66667%;
    }

    .grid-x>.large-9 {
        width: 75%;
    }

    .grid-x>.large-10 {
        width: 83.33333%;
    }

    .grid-x>.large-11 {
        width: 91.66667%;
    }

    .grid-x>.large-12 {
        width: 100%;
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto;
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto;
}

.grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-x {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
}

.grid-margin-x>.cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-x>.cell {
        width: calc(100% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
    }
}

.grid-margin-x>.auto {
    width: auto;
}

.grid-margin-x>.shrink {
    width: auto;
}

.grid-margin-x>.small-1 {
    width: calc(8.33333% - 1.25rem);
}

.grid-margin-x>.small-2 {
    width: calc(16.66667% - 1.25rem);
}

.grid-margin-x>.small-3 {
    width: calc(25% - 1.25rem);
}

.grid-margin-x>.small-4 {
    width: calc(33.33333% - 1.25rem);
}

.grid-margin-x>.small-5 {
    width: calc(41.66667% - 1.25rem);
}

.grid-margin-x>.small-6 {
    width: calc(50% - 1.25rem);
}

.grid-margin-x>.small-7 {
    width: calc(58.33333% - 1.25rem);
}

.grid-margin-x>.small-8 {
    width: calc(66.66667% - 1.25rem);
}

.grid-margin-x>.small-9 {
    width: calc(75% - 1.25rem);
}

.grid-margin-x>.small-10 {
    width: calc(83.33333% - 1.25rem);
}

.grid-margin-x>.small-11 {
    width: calc(91.66667% - 1.25rem);
}

.grid-margin-x>.small-12 {
    width: calc(100% - 1.25rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-x>.auto {
        width: auto;
    }

    .grid-margin-x>.shrink {
        width: auto;
    }

    .grid-margin-x>.small-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x>.small-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x>.small-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x>.small-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x>.small-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x>.small-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x>.small-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x>.small-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x>.small-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x>.small-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x>.small-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x>.medium-auto {
        width: auto;
    }

    .grid-margin-x>.medium-shrink {
        width: auto;
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-x>.large-auto {
        width: auto;
    }

    .grid-margin-x>.large-shrink {
        width: auto;
    }

    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 1.875rem);
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

.grid-padding-x>.cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-padding-x>.cell {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.small-up-1>.cell {
    width: 100%;
}

.small-up-2>.cell {
    width: 50%;
}

.small-up-3>.cell {
    width: 33.33333%;
}

.small-up-4>.cell {
    width: 25%;
}

.small-up-5>.cell {
    width: 20%;
}

.small-up-6>.cell {
    width: 16.66667%;
}

.small-up-7>.cell {
    width: 14.28571%;
}

.small-up-8>.cell {
    width: 12.5%;
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-up-1>.cell {
        width: 100%;
    }

    .medium-up-2>.cell {
        width: 50%;
    }

    .medium-up-3>.cell {
        width: 33.33333%;
    }

    .medium-up-4>.cell {
        width: 25%;
    }

    .medium-up-5>.cell {
        width: 20%;
    }

    .medium-up-6>.cell {
        width: 16.66667%;
    }

    .medium-up-7>.cell {
        width: 14.28571%;
    }

    .medium-up-8>.cell {
        width: 12.5%;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-up-1>.cell {
        width: 100%;
    }

    .large-up-2>.cell {
        width: 50%;
    }

    .large-up-3>.cell {
        width: 33.33333%;
    }

    .large-up-4>.cell {
        width: 25%;
    }

    .large-up-5>.cell {
        width: 20%;
    }

    .large-up-6>.cell {
        width: 16.66667%;
    }

    .large-up-7>.cell {
        width: 14.28571%;
    }

    .large-up-8>.cell {
        width: 12.5%;
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.33333% - 1.25rem);
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.66667% - 1.25rem);
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.28571% - 1.25rem);
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.25rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - 1.25rem);
    }

    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.25rem);
    }

    .grid-margin-x.small-up-3>.cell {
        width: calc(33.33333% - 1.25rem);
    }

    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.25rem);
    }

    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.25rem);
    }

    .grid-margin-x.small-up-6>.cell {
        width: calc(16.66667% - 1.25rem);
    }

    .grid-margin-x.small-up-7>.cell {
        width: calc(14.28571% - 1.25rem);
    }

    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.25rem);
    }

    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.875rem);
    }

    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.28571% - 1.875rem);
    }

    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x.large-up-3>.cell {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.875rem);
    }

    .grid-margin-x.large-up-6>.cell {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x.large-up-7>.cell {
        width: calc(14.28571% - 1.875rem);
    }

    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.875rem);
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0;
}

.small-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0;
}

.small-margin-collapse>.small-1 {
    width: 8.33333%;
}

.small-margin-collapse>.small-2 {
    width: 16.66667%;
}

.small-margin-collapse>.small-3 {
    width: 25%;
}

.small-margin-collapse>.small-4 {
    width: 33.33333%;
}

.small-margin-collapse>.small-5 {
    width: 41.66667%;
}

.small-margin-collapse>.small-6 {
    width: 50%;
}

.small-margin-collapse>.small-7 {
    width: 58.33333%;
}

.small-margin-collapse>.small-8 {
    width: 66.66667%;
}

.small-margin-collapse>.small-9 {
    width: 75%;
}

.small-margin-collapse>.small-10 {
    width: 83.33333%;
}

.small-margin-collapse>.small-11 {
    width: 91.66667%;
}

.small-margin-collapse>.small-12 {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .small-margin-collapse>.medium-1 {
        width: 8.33333%;
    }

    .small-margin-collapse>.medium-2 {
        width: 16.66667%;
    }

    .small-margin-collapse>.medium-3 {
        width: 25%;
    }

    .small-margin-collapse>.medium-4 {
        width: 33.33333%;
    }

    .small-margin-collapse>.medium-5 {
        width: 41.66667%;
    }

    .small-margin-collapse>.medium-6 {
        width: 50%;
    }

    .small-margin-collapse>.medium-7 {
        width: 58.33333%;
    }

    .small-margin-collapse>.medium-8 {
        width: 66.66667%;
    }

    .small-margin-collapse>.medium-9 {
        width: 75%;
    }

    .small-margin-collapse>.medium-10 {
        width: 83.33333%;
    }

    .small-margin-collapse>.medium-11 {
        width: 91.66667%;
    }

    .small-margin-collapse>.medium-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .small-margin-collapse>.large-1 {
        width: 8.33333%;
    }

    .small-margin-collapse>.large-2 {
        width: 16.66667%;
    }

    .small-margin-collapse>.large-3 {
        width: 25%;
    }

    .small-margin-collapse>.large-4 {
        width: 33.33333%;
    }

    .small-margin-collapse>.large-5 {
        width: 41.66667%;
    }

    .small-margin-collapse>.large-6 {
        width: 50%;
    }

    .small-margin-collapse>.large-7 {
        width: 58.33333%;
    }

    .small-margin-collapse>.large-8 {
        width: 66.66667%;
    }

    .small-margin-collapse>.large-9 {
        width: 75%;
    }

    .small-margin-collapse>.large-10 {
        width: 83.33333%;
    }

    .small-margin-collapse>.large-11 {
        width: 91.66667%;
    }

    .small-margin-collapse>.large-12 {
        width: 100%;
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0;
}

.small-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .medium-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-margin-collapse>.small-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse>.small-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse>.small-3 {
        width: 25%;
    }

    .medium-margin-collapse>.small-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse>.small-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse>.small-6 {
        width: 50%;
    }

    .medium-margin-collapse>.small-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse>.small-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse>.small-9 {
        width: 75%;
    }

    .medium-margin-collapse>.small-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse>.small-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse>.small-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-margin-collapse>.medium-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse>.medium-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse>.medium-3 {
        width: 25%;
    }

    .medium-margin-collapse>.medium-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse>.medium-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse>.medium-6 {
        width: 50%;
    }

    .medium-margin-collapse>.medium-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse>.medium-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse>.medium-9 {
        width: 75%;
    }

    .medium-margin-collapse>.medium-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse>.medium-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse>.medium-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .medium-margin-collapse>.large-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse>.large-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse>.large-3 {
        width: 25%;
    }

    .medium-margin-collapse>.large-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse>.large-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse>.large-6 {
        width: 50%;
    }

    .medium-margin-collapse>.large-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse>.large-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse>.large-9 {
        width: 75%;
    }

    .medium-margin-collapse>.large-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse>.large-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse>.large-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .medium-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .large-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-margin-collapse>.small-1 {
        width: 8.33333%;
    }

    .large-margin-collapse>.small-2 {
        width: 16.66667%;
    }

    .large-margin-collapse>.small-3 {
        width: 25%;
    }

    .large-margin-collapse>.small-4 {
        width: 33.33333%;
    }

    .large-margin-collapse>.small-5 {
        width: 41.66667%;
    }

    .large-margin-collapse>.small-6 {
        width: 50%;
    }

    .large-margin-collapse>.small-7 {
        width: 58.33333%;
    }

    .large-margin-collapse>.small-8 {
        width: 66.66667%;
    }

    .large-margin-collapse>.small-9 {
        width: 75%;
    }

    .large-margin-collapse>.small-10 {
        width: 83.33333%;
    }

    .large-margin-collapse>.small-11 {
        width: 91.66667%;
    }

    .large-margin-collapse>.small-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-margin-collapse>.medium-1 {
        width: 8.33333%;
    }

    .large-margin-collapse>.medium-2 {
        width: 16.66667%;
    }

    .large-margin-collapse>.medium-3 {
        width: 25%;
    }

    .large-margin-collapse>.medium-4 {
        width: 33.33333%;
    }

    .large-margin-collapse>.medium-5 {
        width: 41.66667%;
    }

    .large-margin-collapse>.medium-6 {
        width: 50%;
    }

    .large-margin-collapse>.medium-7 {
        width: 58.33333%;
    }

    .large-margin-collapse>.medium-8 {
        width: 66.66667%;
    }

    .large-margin-collapse>.medium-9 {
        width: 75%;
    }

    .large-margin-collapse>.medium-10 {
        width: 83.33333%;
    }

    .large-margin-collapse>.medium-11 {
        width: 91.66667%;
    }

    .large-margin-collapse>.medium-12 {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-margin-collapse>.large-1 {
        width: 8.33333%;
    }

    .large-margin-collapse>.large-2 {
        width: 16.66667%;
    }

    .large-margin-collapse>.large-3 {
        width: 25%;
    }

    .large-margin-collapse>.large-4 {
        width: 33.33333%;
    }

    .large-margin-collapse>.large-5 {
        width: 41.66667%;
    }

    .large-margin-collapse>.large-6 {
        width: 50%;
    }

    .large-margin-collapse>.large-7 {
        width: 58.33333%;
    }

    .large-margin-collapse>.large-8 {
        width: 66.66667%;
    }

    .large-margin-collapse>.large-9 {
        width: 75%;
    }

    .large-margin-collapse>.large-10 {
        width: 83.33333%;
    }

    .large-margin-collapse>.large-11 {
        width: 91.66667%;
    }

    .large-margin-collapse>.large-12 {
        width: 100%;
    }
}

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

    .large-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0;
    }
}

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

.grid-margin-x>.small-offset-0 {
    margin-left: calc(0% + 0.625rem);
}

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

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.33333% + 0.625rem);
}

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

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.66667% + 0.625rem);
}

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

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + 0.625rem);
}

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

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.33333% + 0.625rem);
}

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

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.66667% + 0.625rem);
}

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

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + 0.625rem);
}

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

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.33333% + 0.625rem);
}

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

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.66667% + 0.625rem);
}

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

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + 0.625rem);
}

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

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.33333% + 0.625rem);
}

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

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.66667% + 0.625rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-offset-0 {
        margin-left: 0%;
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.66667% + 0.9375rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .large-offset-0 {
        margin-left: 0%;
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

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

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.66667% + 0.9375rem);
    }
}

.grid-y {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.grid-y>.cell {
    width: auto;
}

.grid-y>.auto {
    height: auto;
}

.grid-y>.shrink {
    height: auto;
}

.grid-y>.small-shrink,
.grid-y>.small-full,
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media print,
screen and (min-width: 48.0625em) {

    .grid-y>.medium-shrink,
    .grid-y>.medium-full,
    .grid-y>.medium-1,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-y>.large-shrink,
    .grid-y>.large-full,
    .grid-y>.large-1,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.grid-y>.small-1 {
    height: 8.33333%;
}

.grid-y>.small-2 {
    height: 16.66667%;
}

.grid-y>.small-3 {
    height: 25%;
}

.grid-y>.small-4 {
    height: 33.33333%;
}

.grid-y>.small-5 {
    height: 41.66667%;
}

.grid-y>.small-6 {
    height: 50%;
}

.grid-y>.small-7 {
    height: 58.33333%;
}

.grid-y>.small-8 {
    height: 66.66667%;
}

.grid-y>.small-9 {
    height: 75%;
}

.grid-y>.small-10 {
    height: 83.33333%;
}

.grid-y>.small-11 {
    height: 91.66667%;
}

.grid-y>.small-12 {
    height: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-y>.medium-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto;
    }

    .grid-y>.medium-shrink {
        height: auto;
    }

    .grid-y>.medium-1 {
        height: 8.33333%;
    }

    .grid-y>.medium-2 {
        height: 16.66667%;
    }

    .grid-y>.medium-3 {
        height: 25%;
    }

    .grid-y>.medium-4 {
        height: 33.33333%;
    }

    .grid-y>.medium-5 {
        height: 41.66667%;
    }

    .grid-y>.medium-6 {
        height: 50%;
    }

    .grid-y>.medium-7 {
        height: 58.33333%;
    }

    .grid-y>.medium-8 {
        height: 66.66667%;
    }

    .grid-y>.medium-9 {
        height: 75%;
    }

    .grid-y>.medium-10 {
        height: 83.33333%;
    }

    .grid-y>.medium-11 {
        height: 91.66667%;
    }

    .grid-y>.medium-12 {
        height: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-y>.large-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto;
    }

    .grid-y>.large-shrink {
        height: auto;
    }

    .grid-y>.large-1 {
        height: 8.33333%;
    }

    .grid-y>.large-2 {
        height: 16.66667%;
    }

    .grid-y>.large-3 {
        height: 25%;
    }

    .grid-y>.large-4 {
        height: 33.33333%;
    }

    .grid-y>.large-5 {
        height: 41.66667%;
    }

    .grid-y>.large-6 {
        height: 50%;
    }

    .grid-y>.large-7 {
        height: 58.33333%;
    }

    .grid-y>.large-8 {
        height: 66.66667%;
    }

    .grid-y>.large-9 {
        height: 75%;
    }

    .grid-y>.large-10 {
        height: 83.33333%;
    }

    .grid-y>.large-11 {
        height: 91.66667%;
    }

    .grid-y>.large-12 {
        height: 100%;
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-padding-y>.cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-padding-y>.cell {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
}

.grid-margin-y>.auto {
    height: auto;
}

.grid-margin-y>.shrink {
    height: auto;
}

.grid-margin-y>.small-1 {
    height: calc(8.33333% - 1.25rem);
}

.grid-margin-y>.small-2 {
    height: calc(16.66667% - 1.25rem);
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem);
}

.grid-margin-y>.small-4 {
    height: calc(33.33333% - 1.25rem);
}

.grid-margin-y>.small-5 {
    height: calc(41.66667% - 1.25rem);
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem);
}

.grid-margin-y>.small-7 {
    height: calc(58.33333% - 1.25rem);
}

.grid-margin-y>.small-8 {
    height: calc(66.66667% - 1.25rem);
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem);
}

.grid-margin-y>.small-10 {
    height: calc(83.33333% - 1.25rem);
}

.grid-margin-y>.small-11 {
    height: calc(91.66667% - 1.25rem);
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y>.auto {
        height: auto;
    }

    .grid-margin-y>.shrink {
        height: auto;
    }

    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem);
    }

    .grid-margin-y>.medium-auto {
        height: auto;
    }

    .grid-margin-y>.medium-shrink {
        height: auto;
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-y>.large-auto {
        height: auto;
    }

    .grid-margin-y>.large-shrink {
        height: auto;
    }

    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem);
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
}

.cell .grid-frame {
    width: 100%;
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
}

.cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw;
    }

    .cell .medium-grid-frame {
        width: 100%;
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar;
    }

    .medium-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
    }

    .medium-cell-block-container>.grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw;
    }

    .cell .large-grid-frame {
        width: 100%;
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar;
    }

    .large-cell-block-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
    }

    .large-cell-block-container>.grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar;
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
    }
}

.cell .grid-y.grid-frame {
    height: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%;
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
}

.grid-margin-y>.auto {
    height: auto;
}

.grid-margin-y>.shrink {
    height: auto;
}

.grid-margin-y>.small-1 {
    height: calc(8.33333% - 1.25rem);
}

.grid-margin-y>.small-2 {
    height: calc(16.66667% - 1.25rem);
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem);
}

.grid-margin-y>.small-4 {
    height: calc(33.33333% - 1.25rem);
}

.grid-margin-y>.small-5 {
    height: calc(41.66667% - 1.25rem);
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem);
}

.grid-margin-y>.small-7 {
    height: calc(58.33333% - 1.25rem);
}

.grid-margin-y>.small-8 {
    height: calc(66.66667% - 1.25rem);
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem);
}

.grid-margin-y>.small-10 {
    height: calc(83.33333% - 1.25rem);
}

.grid-margin-y>.small-11 {
    height: calc(91.66667% - 1.25rem);
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y>.auto {
        height: auto;
    }

    .grid-margin-y>.shrink {
        height: auto;
    }

    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem);
    }

    .grid-margin-y>.medium-auto {
        height: auto;
    }

    .grid-margin-y>.medium-shrink {
        height: auto;
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-y>.large-auto {
        height: auto;
    }

    .grid-margin-y>.large-shrink {
        height: auto;
    }

    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem);
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem);
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem);
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem);
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem);
    }
}

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

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

.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 {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #1779ba;
}

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

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

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

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

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

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

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

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

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

.callout.primary {
    background-color: #d7ecfa;
    color: #323232;
}

.callout.secondary {
    background-color: #eaeaea;
    color: #323232;
}

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

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

.callout.alert {
    background-color: #f7e4e1;
    color: #323232;
}

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

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

.dropdown-pane.is-opening {
    display: block;
}

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

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

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

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

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

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

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

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}

.dropdown.menu a {
    padding: 0.7rem 1rem;
}

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

.dropdown.menu .is-active>a {
    background: transparent;
    color: #1779ba;
}

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

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0;
}

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

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

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

.dropdown.menu.vertical>li>a::after {
    right: 14px;
}

.dropdown.menu.vertical>li.opens-left>a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
}

@media print,
screen and (min-width: 48.0625em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }

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

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

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px;
    }

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

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

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

    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px;
    }

    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent;
    }

    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba;
    }
}

@media print,
screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }

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

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

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px;
    }

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

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

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

    .dropdown.menu.large-vertical>li>a::after {
        right: 14px;
    }

    .dropdown.menu.large-vertical>li.opens-left>a::after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent;
    }

    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba;
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto;
}

.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;
    left: auto;
    margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto;
}

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

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

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fff;
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
}

.is-dropdown-submenu>li {
    width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%;
}

.sticky-container {
    position: relative;
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%;
}

.sticky.is-stuck.is-at-top {
    top: 0;
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0;
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: 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;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0, 0, 0, 0.45);
    overflow-y: scroll;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}

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

@media print,
screen and (min-width: 48.0625em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0;
}

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

@media print,
screen and (min-width: 48.0625em) {
    .reveal {
        width: 600px;
        max-width: 78.75rem;
    }
}

.reveal.collapse {
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .reveal.tiny {
        width: 30%;
        max-width: 78.75rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .reveal.small {
        width: 50%;
        max-width: 78.75rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .reveal.large {
        width: 90%;
        max-width: 78.75rem;
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 48em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: normal;
    cursor: help;
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 20rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #fff;
    font-size: 0.75rem;
    color: #000;
}

.tooltip::before {
    position: absolute;
}

.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #fff;
    bottom: 100%;
}

.tooltip.bottom.align-center::before {
    left: 50%;
    transform: translateX(-50%);
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    top: 100%;
    bottom: auto;
}

.tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%);
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 100%;
}

.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 100%;
    left: auto;
}

.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%;
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto;
}

.tooltip.align-left::before {
    left: 10%;
    right: auto;
}

.tooltip.align-right::before {
    left: auto;
    right: 10%;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 48em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 48.0625em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 48em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 48em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media print,
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;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

.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-right: auto;
    margin-left: auto;
}

.clearfix::before,
.category-switch::before,
.search-result-content::before,
.clearfix::after,
.category-switch::after,
.search-result-content::after {
    display: table;
    content: ' ';
}

.clearfix::after,
.category-switch::after,
.search-result-content::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-right.vertical.menu>li>a {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-center.vertical.menu>li>a {
    -ms-flex-pack: center;
    justify-content: center;
}

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

.align-center-middle {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.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 print,
screen and (min-width: 48.0625em) {
    .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 print,
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;
    }
}

.flex-container {
    display: -ms-flexbox;
    display: flex;
}

.flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media print,
screen and (min-width: 48.0625em) {
    .medium-flex-container {
        display: -ms-flexbox;
        display: flex;
    }

    .medium-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .medium-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .medium-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .medium-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .medium-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .medium-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .medium-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-flex-container {
        display: -ms-flexbox;
        display: flex;
    }

    .large-flex-child-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .large-flex-child-grow {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .large-flex-child-shrink {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .large-flex-dir-row {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .large-flex-dir-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .large-flex-dir-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .large-flex-dir-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0);
}

.slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0);
}

.slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0);
}

.slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0);
}

.slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%);
}

.slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%);
}

.slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%);
}

.slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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;
    transform: scale(0.5);
    transition-property: transform, opacity;
    opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1;
}

.scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1;
}

.scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0;
}

.scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(0.5);
    opacity: 0;
}

.spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: rotate(-0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
    transform: rotate(0);
    opacity: 1;
}

.spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
    transform: rotate(0.75turn);
    opacity: 0;
}

.spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: rotate(0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
    transform: rotate(0);
    opacity: 1;
}

.spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
    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;
}

.ui-widget-overlay {
    background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #333;
    opacity: 0.4;
}

.ui-dialog {
    background-color: #fff;
    padding: 0;
}

.ui-dialog .ui-widget-header {
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 23px;
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-content {
    padding: 3rem;
}

.ui-dialog .ui-dialog-title {
    color: #333;
    font-weight: bold;
}

.ui-dialog .ui-icon-closethick {
    background-image: url("../images/interface/close.svg");
    background-position: left top;
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 32px;
    margin: 0;
    padding: 0;
    right: 22px;
    top: 22px;
    width: 32px;
    z-index: 1;
    opacity: 0.5;
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0;
    padding: 0;
}

.ui-dialog h1,
.ui-dialog h2 {
    font-weight: 700;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}

.ui-tabs .ui-tabs-nav {
    height: 2.45em;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 3px 0;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom-color: #84bd00;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #000;
    font-weight: 700;
}

.ui-tabs .ui-tabs-nav li a {
    color: #999;
}

.ui-tabs .ui-tabs-panel {
    background-color: #fff;
    border: 1px solid #fff;
    line-height: 1.5em;
    margin: 0;
    padding: 20px 10px;
}

@media screen and (min-width: 768px) {
    .ui-tabs .ui-tabs-panel h3 {
        display: none;
    }
}

#vertical-carousel {
    height: 19rem;
    position: relative;
    overflow: hidden;
}

#vertical-carousel ul {
    height: 10000em;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#vertical-carousel ul li {
    float: left;
    height: 19rem;
    width: 100%;
}

#vertical-carousel ul li .capture-product-id {
    display: none;
}

.item-list tr {
    border-bottom: 1px solid #e0e0e0;
}

.item-list tr.last {
    border: 0 none;
}

.item-list tr.headings {
    display: none;
}

.item-list td {
    padding: 0em 1em 1em 0em;
    vertical-align: top;
}

.item-details .product-list-item .name {
    font-size: 1.2em;
    font-style: italic;
}

.item-details .product-list-item .value {
    font-weight: 700;
}

.item-details .product-list-item .promo {
    color: #990000;
}

.item-details .product-list-item .price-standard {
    color: #999;
    text-decoration: line-through;
}

.item-availability ul,
.item-quantity-details ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.item-dashboard {
    color: #8a8a8a;
    width: 16rem;
}

.item-dashboard label {
    font-weight: normal;
    width: auto;
}

.item-dashboard .field-wrapper {
    width: auto;
}

.item-dashboard .option-quantity-desired input {
    width: 3rem;
}

.item-dashboard .value {
    margin-top: .5rem;
}

.item-dashboard .form-row {
    margin: 0;
}

.item-dashboard input,
.item-dashboard .value,
.item-dashboard select .option-toggle-public label {
    color: #333;
}

.item-dashboard .input-checkbox {
    margin: 0 5px;
}

.item-dashboard .option-add-to-cart {
    margin-top: .5rem;
    width: 18rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.item-dashboard .option-add-to-cart label {
    color: #333;
    float: left;
    font-weight: 700;
    margin: .5rem .5rem 0 0;
    text-transform: uppercase;
    width: auto;
}

.item-dashboard .option-add-to-cart input {
    width: 3rem;
    margin-right: 1em;
}

.item-dashboard .option-add-to-cart button {
    padding: 0.5em 1.5em;
}

.item-dashboard .option-quantity-purchased span.exceeded {
    color: #990000;
}

.tooltip {
    cursor: help;
    position: relative;
}

.tooltip.product-tile {
    cursor: pointer;
}

.tooltip-content {
    display: none;
}

.ui-tooltip.ui-widget-content {
    background: #333;
    border-radius: 3px;
    box-shadow: 2px 3px 3px 0 #999;
    color: #fff;
}

.ui-tooltip-content {
    padding: 0.3em;
}

.ui-tooltip-content .recommendation-tooltip-header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
}

.ui-tooltip-content .recommendation-tooltip-header .product-price {
    font-weight: 400;
}

.ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
    color: #999;
    text-decoration: line-through;
}

.ui-tooltip-content .recommendation-tooltip-description,
.ui-tooltip-content .recommendation-tooltip-attributes {
    padding: 0.8em;
}

.ui-tooltip-content .shipping-method-cost,
.ui-tooltip-content .surcharge-product,
.ui-tooltip-content .promo {
    text-align: right;
    padding-bottom: .3rem;
}

.ui-tooltip-content .shippingtotal {
    clear: right;
    text-align: right;
    margin-top: .3rem;
}

.ui-tooltip-content .shippingtotal .value {
    border-top: 1px solid #424242;
    padding-top: .3rem;
}

.content-slot img {
    height: auto;
    max-width: 100%;
}

.slot-grid-header p {
    margin: 0;
    padding: 0;
}

.product-listing-1x4 {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: .83em 0;
}

.product-listing-1x4 .search-result-items .grid-tile {
    margin: 0 1% 0 2%;
    width: 18%;
}

.content-asset p {
    line-height: 1.6em;
    margin: 1em 0;
}

.content-asset ul,
.content-asset ol {
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0 1.5em;
}

.content-asset address {
    margin: 1em 0;
}

.content-asset ul li {
    /* list-style: square outside none; */
}

.content-asset ol li {
    list-style: decimal outside none;
}

.content-asset .account-options {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.content-asset .account-options li {
    background-color: #666;
    border: 3px solid #ccc;
    border-radius: 5px;
    list-style-type: none;
    margin: 1rem;
    text-align: center;
    width: 35%;
    transition: all 1000ms ease;
}

.content-asset .account-options li:hover {
    background-color: #64772d;
    border-color: #64772d;
}

.content-asset .account-options li a {
    color: #fff;
    display: block;
    padding: 1rem;
}

.content-asset .account-options li a i {
    font-size: 6rem;
}

.browser-compatibility-alert {
    background-color: #990000;
    color: #fff;
    font-size: 1.3em;
    line-height: 2em;
    padding: 0.8em;
    top: 112px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.folder-slot {
    border-style: solid;
    border-color: #019328;
    border-width: 1px;
    background-color: white;
    padding: 0.5em 0.5em;
}

.folder-slot h2 {
    color: #019328;
    margin: 0.5em 0em;
}

.menu-slot {
    display: none;
    border-top: 1px solid #faeded;
    margin-top: 0.5em;
    padding-top: 1.5em;
}

.menu-slot .social-links {
    padding-left: 0;
}

.menu-slot .social-links li {
    display: inline-block;
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .menu-slot {
        width: 13.5rem;
        display: block;
    }
}

#homepage-slides {
    margin: 0;
    position: relative;
}

#homepage-slides .slide1 .banner-message {
    left: 3%;
}

#homepage-slides .slide1 .banner-message .banner-text1 {
    color: #00629b;
    display: inline;
}

#homepage-slides .slide1 .banner-message .banner-text2 {
    color: #fff;
    display: inline;
}

#homepage-slides .slide1 .banner-message .banner-text3 {
    color: #fff;
    text-align: right;
}

#homepage-slides .slide2 .banner-message {
    left: 3%;
}

#homepage-slides .slide2 .banner-message .banner-text1 {
    color: #84bd00;
    display: inline;
    letter-spacing: -0.1rem;
}

#homepage-slides .slide2 .banner-message .banner-text2 {
    color: #8a8a8a;
    display: inline;
}

#homepage-slides .slide2 .banner-message .banner-text3 {
    color: #000;
}

#homepage-slides .slide3 .banner-message {
    left: 3%;
}

#homepage-slides .slide3 .banner-message .banner-text1 {
    color: #84bd00;
    display: inline;
    margin-top: -2rem;
}

#homepage-slides .slide3 .banner-message .banner-text2 {
    color: #fff;
    display: inline;
}

#homepage-slides .slide3 .banner-message .banner-text3 {
    color: #000;
}

#homepage-slides .slide4 .banner-message {
    right: 3%;
}

#homepage-slides .slide4 .banner-message .banner-text1 {
    color: #84bd00;
    margin-top: 0rem;
    text-indent: 3rem;
}

@media screen and (min-width: 768px) {
    #homepage-slides .slide4 .banner-message .banner-text1 {
        margin-top: -1rem;
    }
}

#homepage-slides .slide4 .banner-message .banner-text2 {
    color: #fff;
}

#homepage-slides .slide4 .banner-message .banner-text3 {
    color: #fff;
}

#homepage-slides .slide5 .banner-message {
    left: 15%;
}

#homepage-slides .slide5 .banner-message .banner-text1 {
    color: #00629b;
    display: inline;
}

#homepage-slides .slide5 .banner-message .banner-text2 {
    color: #990000;
    display: inline;
}

#homepage-slides .slide5 .banner-message .banner-text3 {
    color: #fff;
}

.cart-recommendations {
    margin-top: 1rem;
}

.cart-recommendations .product-listing {
    background-color: #fff;
    padding: 1rem 0;
}

.cart-recommendations .tiles-container,
.category-slot .tiles-container,
.product-slot .tiles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.cart-recommendations .tiles-container .grid-tile,
.category-slot .tiles-container .grid-tile,
.product-slot .tiles-container .grid-tile {
    box-shadow: none;
    margin: 1rem;
    padding: 1rem;
    width: 25%;
}

.cart-recommendations h1,
.category-slot h1,
.product-slot h1 {
    color: #fff;
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 3rem;
    font-weight: 300;
    position: absolute;
    text-align: right;
    bottom: 2%;
    left: 2%;
}

@media screen and (min-width: 768px) {

    .cart-recommendations h1,
    .category-slot h1,
    .product-slot h1 {
        font-weight: 100;
    }
}

.cart-recommendations h2,
.category-slot h2,
.product-slot h2 {
    color: #008578;
    /* font-family: Crete Round, serif; */
    font-family: Microsoft JhengHei;
    font-size: 1.5rem;
    font-style: italic;
    margin: 0;
    padding: .1rem .5rem;
}

.cart-recommendations h3,
.category-slot h3,
.product-slot h3 {
    background-color: #fff;
    bottom: 0;
    color: #000;
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 2rem;
    font-weight: 300;
    margin: 0;
    opacity: .6;
    padding: 2rem;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}

.cart-recommendations .catlanding-banner,
.category-slot .catlanding-banner,
.product-slot .catlanding-banner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.cart-recommendations .catlanding-banner img,
.category-slot .catlanding-banner img,
.product-slot .catlanding-banner img {
    height: auto;
    width: 100%;
}

.cart-recommendations .category-tile,
.category-slot .category-tile,
.product-slot .category-tile {
    float: left;
    overflow: hidden;
    padding: 0 .15%;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 768px) {

    .cart-recommendations .category-tile,
    .category-slot .category-tile,
    .product-slot .category-tile {
        width: 33%;
    }
}

.cart-recommendations .category-tile img,
.category-slot .category-tile img,
.product-slot .category-tile img {
    height: auto;
    width: 100%;
}

.cart-recommendations .cat-banner,
.category-slot .cat-banner,
.product-slot .cat-banner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.cart-recommendations .cat-banner img,
.category-slot .cat-banner img,
.product-slot .cat-banner img {
    height: auto;
    width: 100%;
}

.cart-recommendations .cat-banner h1,
.category-slot .cat-banner h1,
.product-slot .cat-banner h1 {
    color: #333;
    right: 2%;
}

.cart-recommendations .search-result-items .grid-tile,
.category-slot .search-result-items .grid-tile,
.product-slot .search-result-items .grid-tile {
    box-shadow: none;
    margin: 0;
    padding: 0 .15%;
    width: 100%;
}

@media screen and (min-width: 768px) {

    .cart-recommendations .search-result-items .grid-tile,
    .category-slot .search-result-items .grid-tile,
    .product-slot .search-result-items .grid-tile {
        width: 33%;
    }
}

.cart-recommendations .search-result-items .grid-tile .product-tile,
.category-slot .search-result-items .grid-tile .product-tile,
.product-slot .search-result-items .grid-tile .product-tile {
    margin: 0 .15%;
    padding: 1rem 0;
    width: 100%;
}

.cart-recommendations .search-result-items .grid-tile .product-tile .product-name,
.category-slot .search-result-items .grid-tile .product-tile .product-name,
.product-slot .search-result-items .grid-tile .product-tile .product-name {
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 1.2rem;
    font-weight: 100;
    height: auto;
    margin-top: .5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-recommendations .search-result-items .grid-tile .product-tile .product-name a,
.category-slot .search-result-items .grid-tile .product-tile .product-name a,
.product-slot .search-result-items .grid-tile .product-tile .product-name a {
    color: #00629b;
}

.cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing,
.category-slot .search-result-items .grid-tile .product-tile .product-pricing,
.product-slot .search-result-items .grid-tile .product-tile .product-pricing {
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 1rem;
}

.html-slot {
    background-color: #fff;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 0;
}

.html-slot h1 {
    color: #00629b;
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 1rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .html-slot h1 {
        font-weight: 100;
    }
}

.html-slot h1 a {
    /* font-family: Crete Round, serif; */
    font-family: Microsoft JhengHei;
}

#mini-cart {
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    #mini-cart {
        margin: 0 0 0 1em;
        background-color: transparent;
        border-color: transparent;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 0;
        font-size: 12px;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: transparent 3px solid;
    }

    #mini-cart:hover,
    #mini-cart.hover #mini-cart:focus {
        border-bottom: #ffffff 3px solid;
    }
}

.mini-cart-total .mini-cart-link {
    display: block;
    color: #323232;
    text-transform: uppercase;
}

@media print,
screen and (min-width: 48.0625em) {
    .mini-cart-total .mini-cart-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.mini-cart-total .mini-cart-link i {
    font-size: 6.6vw;
}

@media print,
screen and (min-width: 48.0625em) {
    .mini-cart-total .mini-cart-link i {
        color: #fff;
        line-height: 2;
        font-size: 17px;
    }
}

.mini-cart-total .mini-cart-link .minicart-quantity {
    background-color: #c00;
    border-radius: 17px;
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    text-align: center;
    width: 17px;
    height: 17px;
    line-height: 18px;
}

@media print,
screen and (min-width: 48.0625em) {
    .mini-cart-total .mini-cart-link .minicart-quantity {
        font-size: 14px;
        line-height: 2.3;
        padding: 1px 4px;
        position: static;
        width: auto;
        height: auto;
    }
}

.mini-cart-total .mini-cart-empty {
    transition: color 500ms ease;
}

.mini-cart-total .mini-cart-empty:hover {
    color: #323232;
    text-decoration: none;
}

.mini-cart-content {
    background-color: #fff;
    box-shadow: 0 3px 3px 0 rgba(66, 66, 66, 0.3);
    display: none;
    height: auto !important;
    position: absolute;
    padding: 1em 0 0;
    right: 0;
    top: 39px;
    width: 18rem;
    z-index: 50;
}

.mini-cart-content:after {
    border-bottom: #c8102e 3px solid;
    content: "";
    display: block;
    margin: 2em auto 0;
    width: 90%;
}

.mini-cart-header {
    font-size: 1.1em;
    font-weight: 700;
    padding: 1em 1em 0.5em;
    text-transform: uppercase;
}

.mini-cart-products {
    max-height: 350px;
    overflow: auto;
    padding: 1em;
    text-align: left;
}

.mini-cart-product {
    overflow: hidden;
    padding: 0.5em;
    position: relative;
}

.mini-cart-product:last-of-type {
    border: none;
}

.mini-cart-product:hover {
    background-color: #e8e8e8;
}

.mini-cart-product.collapsed .mini-cart-name,
.mini-cart-product.collapsed .mini-cart-attributes,
.mini-cart-product.collapsed .mini-cart-pricing,
.mini-cart-product.collapsed .product-availability-list {
    width: 90%;
}

.mini-cart-product.collapsed .mini-cart-image {
    display: none;
}

.mini-cart-product .mini-cart-toggle {
    cursor: pointer;
    display: none;
    /* not needed in the design, so always hide */
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 0;
}

.mini-cart-image {
    float: left;
    padding-left: 1em;
    width: 38%;
}

.mini-cart-image img {
    max-width: 90%;
}

.mini-cart-details {
    float: right;
    width: 62%;
    font-size: 1em;
}

.mini-cart-details a {
    color: #323232 !important;
    font-weight: normal !important;
}

.mini-cart-details .mini-cart-name {
    font-weight: 500 !important;
}

.mini-cart-details .mini-cart-product-line {
    font-weight: normal;
}

.mini-cart-details .mini-cart-pricing {
    font-weight: 700;
}

.mini-cart-details .mini-cart-link-checkout {
    color: #323232;
    text-decoration: underline !important;
    margin-top: 1em;
}

.mini-cart-totals {
    text-align: center;
}

.mini-cart-totals button,
.mini-cart-totals .button,
.mini-cart-totals .login-wrapper .create-new-account a,
.login-wrapper .create-new-account .mini-cart-totals a {
    margin: 1.5em 0;
    overflow: inherit;
    padding: 8px 20px 6px 20px;
}

.mini-cart-totals button:active,
.mini-cart-totals .button:active,
.mini-cart-totals .login-wrapper .create-new-account a:active,
.login-wrapper .create-new-account .mini-cart-totals a:active {
    color: #323232;
}

.mini-cart-subtotals {
    border-top: #000 thin solid;
    border-bottom: #000 thin solid;
    font-weight: 700;
    margin: 0 auto;
    padding: 1em 0;
    width: 90%;
}

.mini-cart-subtotals .value {
    margin-right: .5rem;
}

.mini-cart-subtotals .total-items {
    font-weight: normal;
}

.minicart-promotion {
    color: #c00;
    display: block;
    font-weight: 700;
    margin-top: 1em;
}

.minicart-promotion .cart-promo {
    color: #c00;
    background: none;
    font-style: normal;
}

.mini-cart-slot {
    background: none repeat scroll 0 0 #e0e0e0;
    font-size: 0.9em;
    font-style: italic;
    margin: 1em 1em;
}

.mini-cart-link-checkout {
    clear: both;
    color: #323232 !important;
    display: block;
    margin: 1em 0 !important;
    text-align: center;
    text-decoration: underline !important;
}

/** For minicart modal in mobile view **/
#minicart-notification {
    background: #323232;
    border: 0;
    color: #ffffff;
    height: auto;
    min-height: auto;
    padding: 2em;
    position: relative;
    top: 128px;
}

#minicart-notification a {
    color: #ffffff;
    margin-top: 1.5em;
    margin-right: 1em;
    text-decoration: underline;
    display: inline-block;
    text-transform: uppercase;
}

#minicart-notification .product-name {
    font-weight: 700;
}

.swatch-black a {
    background-color: #000000 !important;
}

.swatch-beige a {
    background-color: #f5f5dc !important;
}

.swatch-blue a {
    background-color: blue !important;
}

.swatch-purple a {
    background-color: purple !important;
}

.swatch-red a {
    background-color: red !important;
}

.swatch-brown a {
    background-color: #783201 !important;
}

.swatch-green a {
    background-color: green !important;
}

.swatch-grey a {
    background-color: #8f979d !important;
}

.swatch-pink a {
    background-color: #fe249a !important;
}

.swatch-orange a {
    background-color: orange !important;
}

.swatch-white a {
    background-color: #ffffff !important;
}

.swatch-yellow a {
    background-color: #ffff00 !important;
}

.swatch-navy a {
    background-color: navy !important;
}

.swatch-miscellaneous a {
    background: url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent;
}

.unselectable.swatch-miscellaneous a {
    background: url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important;
}

.infinite-scroll .search-result-content .infinite-scroll-loading {
    text-align: center;
    background: url("../images/infinite-loading-indicator.gif") center no-repeat;
    height: 35px;
    width: 100%;
}

.disable-infinite-scroll .search-result-content .page-element {
    display: none;
}

.pt_product-compare .full-width {
    padding: 0 1.25em;
}

.pt_product-compare .full-width .back {
    padding: 1em 0;
}

.compare-items {
    clear: both;
    margin: 3.5em 2em 0;
    overflow: hidden;
    padding: 0 1em 1em;
}

.compare-items h2 {
    font-size: 0.9em;
    margin: 0.5em 0;
    text-transform: uppercase;
}

.compare-items button {
    padding: .5em 1em;
}

.compare-items-panel {
    float: left;
}

.compare-item {
    background-color: #e0e0e0;
    float: left;
    height: 55px;
    margin-right: 1.08em;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 55px;
}

.compare-item .compare-item-remove {
    background-color: #84bd00;
    color: #fff;
    cursor: pointer;
    display: none;
    padding: 0 .16em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.compare-item.active .compare-item-remove {
    display: block;
}

.compare-item .compare-item-number {
    color: #ccc;
    font-size: 3em;
    margin-top: .5em;
}

.compare-item-image {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.compare-buttons {
    float: left;
    padding: 0.7em 0 0;
}

.category-switch {
    margin-bottom: 2em;
}

.category-switch label {
    float: left;
    margin: 0;
    width: 45%;
}

@media (min-width: 410px) {
    .category-switch label {
        width: 11em;
    }
}

.category-switch select {
    float: left;
    margin: 0;
    width: 55%;
}

@media (min-width: 410px) {
    .category-switch select {
        margin-left: 1em;
        width: 15em;
    }
}

#compare-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

#compare-table th {
    overflow: hidden;
    padding: .5em;
}

#compare-table th:first-of-type {
    background-color: #e0e0e0;
    width: 4rem;
}

#compare-table td {
    overflow: hidden;
}

#compare-table a:hover {
    text-decoration: underline;
}

#compare-table .attribute-row {
    border-bottom: 1px solid #ccc;
}

#compare-table .attribute-row:first-of-type {
    border-top: 1px solid #ccc;
}

#compare-table .attribute-row:last-of-type {
    border-bottom: none;
}

#compare-table .attribute-row:nth-child(2n) {
    background-color: #fff;
}

#compare-table .product-attribute {
    border-right: 1px solid #ccc;
    word-break: break-all;
}

#compare-table .action {
    display: block;
    padding: 0.5em 0;
}

#compare-table .remove-link {
    color: #999;
    float: right;
    padding: .3rem;
    z-index: 1;
    position: relative;
    transition: color .5s ease;
}

#compare-table .remove-link:hover {
    color: #84bd00;
    text-decoration: none;
}

#compare-table .value,
#compare-table .product {
    border-left: 1px solid #ccc;
}

#compare-table .product {
    font-weight: normal;
    text-align: center;
}

#compare-table .value .value-item:after {
    content: ", ";
}

#compare-table .value .value-item:last-child:after {
    content: "";
}

#compare-table .product-tile .product-name {
    height: auto;
    margin: .2em 0 1em 0;
}

#compare-table .product-tile .swatch-list {
    display: inline-block;
}

#compare-table .product-image {
    height: auto;
}

#compare-table .product-image img {
    height: auto;
}

#compare-table .section-header {
    font-size: 0.9em;
    padding: 1em;
    text-transform: none;
}

#compare-table .selectcategory label {
    display: block;
    font-size: 0.9em;
    margin: 1em 0;
    text-transform: none;
}

#compare-table .selectcategory select {
    margin: 0;
    width: 100px;
}

#compare-table .comparelists {
    padding: 0;
}

#compare-table .compare-lists label,
#compare-table .compare-lists select {
    float: none;
    text-align: left;
    width: 100%;
}

.bonus-product-list .bonus-product-item {
    border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {

    .bonus-product-list .bonus-product-item .product-col-1,
    .bonus-product-list .bonus-product-item .product-col-2 {
        float: left;
        clear: none;
    }
}

.bonus-product-list .product-add-to-cart {
    padding-bottom: 0;
}

.bonus-product-list .product-add-to-cart .inventory {
    width: auto;
}

.bonus-product-list .product-name {
    float: none;
    margin: 1em 0;
}

.bonus-product-list .quantity-error {
    color: red;
    text-transform: inherit;
}

.bonus-product-list .bonus-product-list-footer {
    padding-top: 1em;
    padding-bottom: 1em;
}

.bonus-product-list .bonus-product-list-footer .add-to-cart-bonus {
    float: right;
}

.bonus-product-list .selected-bonus-item {
    margin: 1em 0 1em 1em;
    position: relative;
}

.bonus-product-list .selected-bonus-item .item-name {
    font-weight: bold;
}

.bonus-product-list .selected-bonus-item .remove-link {
    cursor: pointer;
    color: #990000;
    left: -1em;
    position: absolute;
}

.bonus-product-list .selected-bonus-item .remove-link:hover {
    color: #424242;
}

.bonus-discount-container {
    clear: both;
}

.bonus-discount-container .promo-details {
    display: none;
}

.bonus-discount-container .promo-details.visible {
    display: block;
}

/***** Bonus  Modal *****/
.bonus-item-modal {
    border-bottom: 0 !important;
    padding-bottom: 0;
}

@media print,
screen and (min-width: 64em) {
    .bonus-item-modal {
        width: 90% !important;
        max-width: 78.75rem !important;
    }
}

.bonus-item-modal .error {
    float: none;
    margin-bottom: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .bonus-item-modal .error {
        margin-bottom: 0;
    }
}

.bonus-item-modal .modal-content {
    position: relative;
    margin-top: 2em;
}

.bonus-item-modal .modal-content h2 {
    margin-bottom: 3em;
}

@media print,
screen and (min-width: 48.0625em) {
    .bonus-item-modal .modal-content .tiles-container {
        padding: 0;
    }
}

@media screen and (max-width: 48em) {

    .bonus-item-modal .modal-content .product-listing.column,
    .bonus-item-modal .modal-content .product-listing.columns {
        padding: 0;
    }
}

.bonus-item-modal .modal-content .add-btn-container {
    padding: 0;
}

.bonus-item-modal .modal-content .add-btn-container.top-container {
    margin-top: 0px;
}

@media screen and (max-width: 48em) {
    .bonus-item-modal .modal-content .add-btn-container {
        padding-bottom: 2em;
        border-bottom: 1px solid #999;
    }
}

.bonus-item-modal .modal-content .add-btn-container.bottom-btn {
    border: 0px;
}

.bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart {
    background: #c00;
    border: #c00 2px solid;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

.bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart:hover {
    background: #ffffff;
    border: #c00 2px solid;
    color: #c00;
}

.bonus-item-modal .modal-content .add-btn-container #bonus-add-to-cart:hover:disabled {
    color: #fff;
}

@media print,
screen and (min-width: 48.0625em) {
    .bonus-item-modal .modal-content .add-btn-container {
        top: 0em;
        right: 2em;
        position: absolute;
    }

    .bonus-item-modal .modal-content .add-btn-container.bottom-btn {
        display: none;
    }
}

.bonus-item-modal .modal-content .add-btn-container .add-to-cart {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .bonus-item-modal .modal-content .add-btn-container .add-to-cart {
        width: auto;
    }
}

.bonus-item-modal .badge-container {
    width: auto;
}

.bonus-item-modal .badge-container .badge-product {
    display: block;
}

.bonus-item-modal .badge-container .badge-product p {
    display: inline;
}

.bonus-item-modal .products-used-wrapper {
    padding: 0;
    border-bottom: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .bonus-item-modal .products-used-wrapper {
        font-size: 14px;
    }
}

.bonus-item-modal .product-tile-wrapper {
    padding-bottom: 4em;
    padding-right: 1.5em;
    padding-top: 0 !important;
    text-align: center;
}

@media screen and (max-width: 48em) {
    .bonus-item-modal .product-tile-wrapper {
        padding: 2em 0 !important;
        border-bottom: 1px solid #999;
    }
}

.bonus-item-modal .product-tile-wrapper .product-tile {
    min-height: 84%;
}

.bonus-item-modal .product-tile-wrapper .product-tile .badge-container {
    display: none;
}

.bonus-item-modal .product-tile-wrapper .product-tile .product-image {
    /* float: left */
}

.bonus-item-modal .product-tile-wrapper .product-tile .product-image .thumb-link img {
    min-height: 186.5px;
}

@media print,
screen and (min-width: 48.0625em) {
    .bonus-item-modal .product-tile-wrapper .product-details {
        text-align: left;
    }
}

.bonus-item-modal .product-tile-wrapper .product-details .product-name {
    font-weight: bold;
}

.bonus-item-modal .product-tile-wrapper .product-details .product-shortDesc {
    margin-top: 1em;
}

.bonus-item-modal .product-tile-wrapper button {
    background-color: #ffffff;
    border-color: #999;
    color: #999;
    margin-top: 1em;
    margin-bottom: 0 !important;
    width: 80%;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .bonus-item-modal .product-tile-wrapper button {
        font-size: 14px;
    }
}

.bonus-item-modal .product-tile-wrapper button[value="selected"] {
    background-color: #323232;
    border-color: #323232;
    color: #ffffff;
}

/***** End of Bonus Modal *****/
#cart-table .cart-row,
#cart-table .rowcoupons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px #000 solid;
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {

    #cart-table .cart-row,
    #cart-table .rowcoupons {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}

#cart-table .cart-row .user-action-remove,
#cart-table .rowcoupons .user-action-remove {
    text-align: right;
    margin-right: 1.25rem;
}

#cart-table .cart-row .bonus-item-container .bonus-item-promo,
#cart-table .rowcoupons .bonus-item-container .bonus-item-promo {
    border: 1px solid #c8c8c8;
    padding: 1em;
}

#cart-table .cart-row .bonus-item-container .select-bonus,
#cart-table .rowcoupons .bonus-item-container .select-bonus {
    font-size: .8em;
    text-decoration: underline;
}

#cart-table .cart-row .bonus-item-container .select-bonus:hover,
#cart-table .rowcoupons .bonus-item-container .select-bonus:hover {
    text-decoration: none;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {

    #cart-table .cart-row .quantity-column,
    #cart-table .rowcoupons .quantity-column {
        text-align: right;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {

    #cart-table .cart-row .item-quantity,
    #cart-table .rowcoupons .item-quantity {
        font-size: .8em;
    }
}

#cart-table .cart-row .item-quantity .quantity-container,
#cart-table .rowcoupons .item-quantity .quantity-container {
    margin-bottom: 1.25em;
}

#cart-table .cart-row .item-quantity .quantity-container .quantity-text,
#cart-table .rowcoupons .item-quantity .quantity-container .quantity-text {
    display: inline-block;
}

#cart-table .cart-row .item-quantity .quantity-container .quantity-select,
#cart-table .rowcoupons .item-quantity .quantity-container .quantity-select {
    display: inline-block;
    width: auto;
    padding-left: .75em;
    padding-top: 0;
}

#cart-table .cart-row .label,
#cart-table .rowcoupons .label {
    font-size: 1em;
}

#cart-table .cart-row .product-error.not-available,
#cart-table .rowcoupons .product-error.not-available {
    color: #c00;
    font-style: italic;
    margin-bottom: 1em;
}

#cart-table .cart-row .product-promotion-container,
#cart-table .rowcoupons .product-promotion-container {
    color: #999;
    font-style: italic;
    margin: 1em 0;
    width: 100%;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {

    #cart-table .cart-row .product-promotion-container,
    #cart-table .rowcoupons .product-promotion-container {
        text-align: left;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .rowcoupons .item-details {
        padding: 0 1.5em;
    }
}

#cart-table .rowcoupons .item-details .cartcoupon .value {
    font-weight: bold;
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .rowcoupons .coupon-actions {
        padding: 0;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .rowcoupons .coupon-actions .discount {
        margin-bottom: 1em;
    }
}

#cart-table .rowcoupons .coupon-actions .discount .value {
    font-weight: bold;
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .rowcoupons .item-quantity-details button {
        margin-top: 1em;
    }
}

#cart-table .rowcoupons .item-quantity-details button.textbutton {
    background: none;
    color: #000;
    font-weight: normal;
    border: none;
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .rowcoupons .item-quantity-details button.textbutton {
        font-size: 14px;
        text-decoration: underline;
    }
}

#cart-table .rowcoupons .item-quantity-details button.textbutton:hover {
    text-decoration: none;
}

#cart-table .rowgiftcert {
    margin: 0;
    padding: 2.5em 0;
    border-bottom: 1px solid #000;
}

#cart-table .rowgiftcert .item-details {
    padding-left: 1.5em;
}

@media screen and (max-width: 48em) {
    #cart-table .rowgiftcert .item-details {
        padding-left: 1em;
        width: 100%;
    }
}

@media screen and (max-width: 48em) {
    #cart-table .rowgiftcert .item-details .item-edit-details {
        width: 100%;
    }

    #cart-table .rowgiftcert .item-details .item-edit-details a {
        /* font-family: "Reader", Arial, sans-serif; */
        font-family: Microsoft JhengHei;
        background-color: #000;
        border: 2px solid #000;
        cursor: pointer;
        display: inline-block;
        font-size: 1em;
        line-height: 1em;
        font-weight: 700;
        padding: .5em 0em;
        text-align: center;
        transition: all 0.3s ease;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        margin-left: -.5em;
        width: 100%;
    }

    #cart-table .rowgiftcert .item-details .item-edit-details a:hover {
        background-color: #fefefe;
        border-color: #767676;
        color: #767676;
    }
}

#cart-table .rowgiftcert .item-details .item-total {
    margin-top: 1em;
}

#cart-table .rowgiftcert .item-details .item-user-actions {
    display: inline;
}

#cart-table .rowgiftcert .item-details .item-user-actions .button-text {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    #cart-table .rowgiftcert .item-details .item-user-actions .button-text {
        font-size: .8em;
    }
}

#cart-table .rowgiftcert .item-details .item-user-actions .button-text:hover {
    text-decoration: none;
}

#cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper {
    margin-top: 1em;
}

#cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
}

#cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit:hover {
    text-decoration: none;
}

@media screen and (max-width: 48em) {
    #cart-table .rowgiftcert .item-details .gift-cert-edit-wrapper .gift-cert-edit {
        width: 100%;
    }
}

#cart-table .header-total-price {
    text-align: right;
}

#cart-table .item-image {
    float: left;
    text-align: center;
}

@media screen and (min-width: 768px) {
    #cart-table .item-image {
        float: none;
        width: 7rem;
    }
}

#cart-table .item-details {
    float: left;
    padding-right: 0;
}

#cart-table .item-details .product-list-item .value {
    font-weight: normal;
}

#cart-table .item-details .product-list-item .item-action-buttons {
    display: inline-block;
}

#cart-table .item-details .product-list-item .item-action-buttons .item-user-actions {
    display: inline;
    font-size: 12px;
}

#cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    margin-right: .5em;
    font-weight: normal !important;
    text-transform: uppercase;
}

#cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text:hover {
    text-decoration: none;
}

#cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a {
    text-decoration: underline;
    text-transform: uppercase;
}

#cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    #cart-table .item-details {
        float: none;
        padding-right: 1rem;
    }
}

#cart-table .item-details .name {
    font-size: 1rem;
    font-style: normal;
    margin-bottom: 1em;
}

#cart-table .item-details .name a {
    font-weight: bold;
}

#cart-table .item-details .name a .product-name {
    font-weight: normal;
}

#cart-table .item-details .item-edit-details,
#cart-table .item-details .gift-cert-container {
    display: inline-block;
    margin-top: 1em;
    margin-right: .5em;
}

#cart-table .item-details .item-edit-details a,
#cart-table .item-details .gift-cert-container a {
    font-size: .8em;
    text-transform: uppercase;
    text-decoration: underline;
}

#cart-table .item-details .item-edit-details a:hover,
#cart-table .item-details .gift-cert-container a:hover {
    text-decoration: none;
}

#cart-table .item-delivery-options {
    text-align: center;
}

@media screen and (min-width: 768px) {
    #cart-table .item-delivery-options {
        text-align: left;
        width: 8rem;
    }
}

#cart-table .item-delivery-options .form-row {
    margin-top: 0;
}

@media screen and (max-width: 48em) {
    #cart-table .item-delivery-options .form-row {
        margin-bottom: -1em;
    }
}

@media print,
screen and (min-width: 64em) {
    #cart-table .quantity-column {
        padding-left: 2rem;
    }
}

#cart-table .item-quantity {
    float: none;
    text-align: left;
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .item-quantity {
        float: none;
        text-align: right;
    }
}

@media print,
screen and (min-width: 64em) {
    #cart-table .item-quantity {
        text-align: left;
        float: left;
    }
}

#cart-table .item-quantity input {
    width: 2.7rem;
}

@media screen and (min-width: 768px) {
    #cart-table .item-quantity-details {
        float: none;
        text-align: left;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #cart-table .item-quantity-details {
        float: left;
        clear: both;
    }
}

#cart-table .item-quantity-details .product-availability-list {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
    #cart-table .item-quantity-details .product-availability-list {
        width: 5em;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

#cart-table .item-quantity-details .item-user-actions a,
#cart-table .item-quantity-details .item-user-actions button {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    width: 100%;
    margin: .3rem 0;
}

@media screen and (min-width: 768px) {

    #cart-table .item-quantity-details .item-user-actions a,
    #cart-table .item-quantity-details .item-user-actions button {
        width: auto;
    }
}

#cart-table .item-quantity-details .item-user-actions a.button-text,
#cart-table .item-quantity-details .item-user-actions button.button-text {
    font-weight: normal;
}

#cart-table .item-quantity-details .item-user-actions a:hover,
#cart-table .item-quantity-details .item-user-actions button:hover {
    text-decoration: none;
}

#cart-table .price-column {
    font-weight: bold;
    text-align: right;
}

#cart-table .price-promotion .price-sales {
    color: #990000;
}

#cart-table .price-promotion .price-standard {
    margin: 0 1em 0 0;
    text-decoration: line-through;
}

#cart-table .item-total {
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
    word-wrap: break-word;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    #cart-table .item-total {
        text-align: left;
    }
}

@media screen and (min-width: 768px) {
    #cart-table .item-total {
        float: none;
        font-size: 1em;
    }
}

@media screen and (max-width: 48em) {
    #cart-table .item-total {
        text-align: left;
    }
}

@media screen and (min-width: 768px) {
    #cart-table .item-total .promo-adjustment {
        width: 100%;
        float: right;
    }
}

#cart-table .price-unadjusted {
    color: #000;
    font-weight: normal;
    font-size: .9em;
    display: block;
    margin: 0 0 .42em;
    text-decoration: line-through;
}

#cart-table .price-adjusted-total {
    color: #000;
    display: block;
    margin: .42em 0 0;
    color: #000;
}

#cart-table .gift-cert-delivery {
    color: #990000;
}

.cart-promo {
    background: url("../images/interface/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent;
    color: #333;
    font-style: italic;
    margin: 0.3em 0;
    padding: 1em;
}

.cart-promo .bonus-item-actions {
    font-size: 1em !important;
    text-align: right;
    vertical-align: middle;
}

.cart-coupon-code input {
    width: 80%;
    background: none;
    padding: 0 .25em .25em .25em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .cart-coupon-code input {
        font-size: 12px;
    }
}

.cart-coupon-code input:focus::-webkit-input-placeholder {
    color: transparent;
}

.cart-coupon-code input:focus,
.cart-coupon-code input:focus:-moz-placeholder {
    color: transparent;
}

.cart-coupon-code input:focus,
.cart-coupon-code input:focus::-moz-placeholder {
    color: transparent;
}

.cart-coupon-code input:focus,
.cart-coupon-code input:focus:-ms-input-placeholder {
    color: transparent;
}

.cart-coupon-code .error {
    padding-top: 0.4em;
}

.cart-coupon-code button {
    margin-left: .2rem;
    background: none !important;
    width: 20%;
}

.cart-coupon-code .success {
    font-size: 0.85em;
}

.order-totals-table .calculations-container {
    padding-top: 2em;
}

.order-totals-table .calculations-container>div {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .order-totals-table .calculations-container>div {
        padding-left: 1em;
        padding-right: 1em;
    }
}

.order-totals-table .calculations-container>div .float-left {
    color: #000;
    text-transform: capitalize;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-totals-table .calculations-container>div .float-left {
        max-width: 50%;
    }
}

.order-totals-table .calculations-container>div.order-discount {
    text-transform: capitalize;
    color: #000;
}

.order-totals-table .calculations-container>div .total-bold {
    font-weight: bold;
}

.order-totals-table .calculations-container>div.order-total {
    font-size: 1em;
    font-weight: 700;
    padding: 1em 0em 1em 0em;
    margin: 0em 2em;
    border-top: 2px solid #000;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .order-totals-table .calculations-container>div.order-total {
        margin: 0 1em;
    }
}

.order-totals-table .calculations-container .cart-error {
    color: #10069f;
    text-align: left;
}

.order-totals-table .order-totals-item {
    width: 60%;
}

.order-totals-table .order-totals-value {
    width: 40%;
}

.pt_cart .order-totals-table .calculations-container>div.order-total {
    font-weight: normal;
    border: none;
    padding: 0 0 1em 0;
}

.order-value {
    white-space: nowrap;
}

.cart-actions {
    font-size: 1.35em;
    padding: 0 2em 2em;
    text-align: center;
}

.cart-actions .dw-apple-pay-button {
    margin-top: 16px;
    padding: 10px 30px;
}

.dw-apple-pay-button {
    text-align: center;
    background-color: #fff !important;
    background-image: -webkit-named-image(apple-pay-logo-black) !important;
}

.cart-action-continue-shopping .button-text {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: .75em;
    color: #ffffff;
    font-weight: bold;
    margin-left: .2rem;
    margin-right: 1rem;
}

.cart-action-continue-shopping .button-text:hover {
    text-decoration: none;
}

.cart-actions-top {
    display: inline-block;
    margin-left: 1em;
    padding: 0;
}

.cart-actions-top .cart-action-continue-shopping {
    float: none;
}

.cart-empty {
    margin-top: 4rem;
}

.cart-empty h1 {
    text-align: center;
}

.cart-empty .cart-action-continue-shopping {
    float: none;
    text-align: center;
    margin-bottom: 4rem;
}

.cart-empty .product-listing {
    background-color: #fff;
    padding: 1rem 0;
}

.cart-empty .product-listing h2 {
    margin-left: 1.3rem;
}

.cart-empty .product-listing .search-result-items {
    margin-top: 1em;
}

.promo-adjustment {
    color: #990000;
}

.account-welcome .welcome-message {
    font-size: 1.2em;
    font-style: italic;
}

.account-welcome .not-user {
    margin: .83em 0;
}

#password-reset {
    white-space: nowrap;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .full-width {
        margin-top: 1em;
    }
}

.pt_cart .mobile-samples-counter {
    font-weight: bold;
    margin: 0 auto;
    font-size: 0.75rem;
    text-align: center;
}

.pt_cart .full-width-slot {
    margin: 0 -1.25rem;
    color: #ffffff;
    font-weight: bold;
    padding: 0.75rem;
    background: #999;
    text-align: center;
}

.pt_cart .full-width-slot .dynamic-slot-text {
    display: inline-block;
}

.pt_cart .full-width-slot .cart-promo.cart-promo-approaching {
    background: none;
    color: #fff;
    font-style: normal;
    padding: 0;
}

.pt_cart .full-width-slot .button-text {
    font-size: 0.75rem;
}

@media screen and (max-width: 48em) {
    .pt_cart .full-width-slot {
        margin: 0;
    }
}

.pt_cart .cart-title {
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: .5em;
    padding-top: 1rem;
    margin-bottom: 0;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-title {
        padding-top: 16px;
        padding-bottom: 16px;
        text-align: center;
        font-size: 2rem;
        white-space: nowrap;
    }
}

.pt_cart .cart-error {
    border: none;
    color: #c00;
    padding-bottom: 1.5em;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-error {
        text-align: center;
    }
}

.pt_cart .recommendation-section {
    margin-top: 1em;
}

.pt_cart .cart-recommendation-container {
    margin: 2em auto;
    width: 100%;
}

.pt_cart .cart-recommendation-container .carousel-recommendations {
    border: none;
    padding-bottom: 0;
}

.pt_cart .cart-recommendation-container .product-container {
    padding: 0px !important;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-recommendation-container {
        width: 100%;
    }
}

.pt_cart .cart-column.cart-left-column .order-promotion-container {
    margin: 0;
    border-top: 0.5em solid #000;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

.pt_cart .cart-column.cart-left-column .order-promotion-container>div {
    padding: 2em;
    text-align: center;
}

.pt_cart .cart-column.cart-left-column .mobile-action-btn {
    margin-top: 1em;
    text-align: center;
    padding: 0 1em;
}

.pt_cart .cart-column.cart-left-column .mobile-action-btn a.button,
.pt_cart .cart-column.cart-left-column .mobile-action-btn .login-wrapper .create-new-account a,
.login-wrapper .create-new-account .pt_cart .cart-column.cart-left-column .mobile-action-btn a {
    font-size: 1em;
    padding: .5em 0em;
    width: 65%;
}

.pt_cart .cart-column.cart-left-column .sample-container {
    padding: 1.75rem;
    margin: 0;
    border-bottom: 1px solid #000;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-product-image {
    margin-bottom: 1em;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-header {
    text-align: center;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-header h3 {
    font-size: 1em;
    margin: 0 0 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .sample-container .sample-header {
        text-align: left;
        line-height: 1.275rem;
    }

    .pt_cart .cart-column.cart-left-column .sample-container .sample-header h3 {
        margin: 0 0 1.275rem;
        font-size: 1.275rem;
    }
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container {
        margin: 0 auto;
    }
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper .sample-tile {
    text-align: center;
    padding: 0 2em;
    font-size: .8em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper .sample-tile .sample-product-name {
    margin-bottom: auto;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper .sample-tile .remove-link-btn button {
    font-weight: normal;
    margin-top: 1.5em;
    text-decoration: underline;
    font-size: 0.75rem;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper .sample-tile .remove-link-btn button:hover {
    text-decoration: none;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container .tiles-wrapper .sample-product-image img {
    max-height: 170px;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-header {
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .sample-container .sample-header {
        text-align: left;
    }
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link {
    margin-top: 0px;
    position: relative;
    top: 0;
    text-align: center;
    margin-bottom: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link {
        text-align: left;
        margin-bottom: 1em;
    }
}

@media print,
screen and (min-width: 64em) {
    .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link {
        text-align: right;
        margin-bottom: 0;
    }
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link a {
    font-size: .8em;
    font-weight: bold;
    text-decoration: underline;
}

.pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link a:hover {
    text-decoration: none;
}

.pt_cart .cart-column.cart-left-column .medium-price-column {
    font-weight: bold;
    text-align: left;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .medium-price-column {
        display: inline-block;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .form-row {
        max-width: 100%;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .form-row .input-checkbox {
    background: none;
}

.pt_cart .cart-column.cart-left-column .gift-container .form-row.gift-message-textarea {
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .form-row.gift-message-textarea {
        width: 100%;
        max-width: 100%;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .form-row.label-inline.form-indent {
    -ms-flex-direction: row;
    flex-direction: row;
}

.pt_cart .cart-column.cart-left-column .gift-container .form-row.form-indent {
    margin: 0;
}

.pt_cart .cart-column.cart-left-column .gift-container .form-row label {
    margin-left: 10px;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container {
    padding: 1em 2em;
    overflow: visible;
    opacity: 1;
    transition: all 1s ease;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container.hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container h3 {
        width: 60%;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container textarea {
    width: 100%;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container {
        font-size: .8em;
    }
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container {
        padding: 0 .25em;
    }

    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container h3 {
        margin-left: -0.25em !important;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-notice {
    margin: 0;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-notice>div.gift-service-text {
    width: 60%;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-notice>div.gift-service-img {
    width: 40%;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-notice>div.gift-service-img {
        margin-top: -60px;
    }
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-notice {
        padding: 0;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom {
    margin-top: 1.5em;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom label {
    margin-left: 0;
    margin-bottom: 0;
    font-weight: 700;
    width: 100%;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .gift-message-textarea label {
    display: none;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .field-wrapper {
    clear: both;
    float: left;
    display: block;
    width: 100%;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .field-wrapper textarea {
    padding: 1em;
    border: 1px solid #000;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .char-count {
    float: right;
    position: relative;
    bottom: 1em;
    font-weight: normal;
    bottom: .5em;
    font-size: 80%;
    font-weight: 100;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .char-count {
        float: none;
        margin-top: 1.5em;
    }
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom textarea {
    width: 100%;
}

.pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .gift-note {
    font-size: .8em;
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-left-column .gift-container .complimentary-gift-container .gift-bottom .gift-note {
        padding-bottom: 1em;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_cart .cart-column.cart-right-column {
        font-size: .8em;
    }

    .pt_cart .cart-column.cart-right-column .order-help-container {
        padding-left: 1em;
    }
}

@media screen and (max-width: 63.9375em) {
    .pt_cart .cart-column.cart-right-column {
        padding-right: 1em;
    }
}

@media screen and (max-width: 48em) {
    .pt_cart .cart-column.cart-right-column {
        padding: 0em;
    }
}

.pt_cart .cart-column.cart-right-column .cart-order-totals {
    padding-bottom: 2em;
}

.pt_cart .cart-column.cart-right-column .cart-coupon-code {
    padding: 0 2em 2em 2em;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}

.pt_cart .cart-column.cart-right-column .cart-coupon-code button {
    width: auto;
}

.pt_cart .cart-column.cart-right-column .cart-coupon-code .error {
    float: none !important;
    background: none !important;
    font-weight: bold;
    word-wrap: break-word;
}

.pt_cart .cart-column.cart-right-column .third-party-container {
    margin-top: 1em;
}

.pt_cart .cart-column.cart-right-column .third-party-container>div {
    width: 60%;
    margin: 0 auto 1em;
}

.pt_cart .cart-column.cart-right-column .third-party-container .or-container {
    width: 100%;
    font-size: .8em;
    margin: 0;
}

.pt_cart .cart-column.cart-right-column .third-party-container .or-container .side-line {
    border-top: 2px solid #000;
    width: 1em;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_cart .cart-column.cart-right-column .third-party-container .dw-apple-pay-button {
        max-width: 100%;
        font-size: 0.8em;
    }
}

.pt_cart .cart-column.cart-right-column .total-container .cart-actions form button.button-fancy-large {
    border: none;
    background: #c00;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 15px 1em 12px 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_cart .cart-column.cart-right-column .total-container .cart-actions form button.button-fancy-large {
        width: 100%;
    }
}

@media print,
screen and (min-width: 64em) {
    .pt_cart .cart-column.cart-right-column .total-container .cart-actions form button.button-fancy-large {
        width: 65%;
    }
}

/***** Complimentary Modal *****/
#complimentary-sample {
    border: 0;
    margin: 0 auto;
    padding: 1em;
    top: 90px !important;
    width: 80%;
}

#complimentary-sample h2 {
    display: inline-block;
    margin: 0 0.5em;
    text-transform: none;
}

@media print,
screen and (min-width: 48.0625em) {
    #complimentary-sample h2 {
        font-size: 2em;
        width: 56.66%;
        float: left;
        margin-top: 1.5em;
    }
}

@media print,
screen and (min-width: 64em) {
    #complimentary-sample h2 {
        font-size: 1.5em;
    }
}

#complimentary-sample button {
    width: 92%;
    margin: 2em auto;
    display: block;
}

#complimentary-sample button.close-button {
    margin: 0;
    width: auto;
}

#complimentary-sample button.show-for-small-only {
    margin-bottom: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    #complimentary-sample button {
        display: inline;
        margin-top: 0;
        width: auto;
    }
}

@media print,
screen and (min-width: 64em) {
    #complimentary-sample button {
        margin-top: 2.5em;
        float: right;
    }
}

#complimentary-sample label {
    background-color: #ffffff;
    border-color: #999;
    color: #999;
    display: inline-block;
    margin: 2em 0 0;
    text-transform: uppercase;
    width: 80%;
}

@media print,
screen and (min-width: 48.0625em) {
    #complimentary-sample label {
        width: 100%;
    }
}

#complimentary-sample input[type="checkbox"] {
    display: none;
}

#complimentary-sample input[type="checkbox"]:checked+label {
    background-color: #323232;
    border-color: #323232;
    color: #ffffff;
}

#complimentary-sample .sample-item {
    text-align: center;
    border-bottom: #999 thin solid;
    padding: 1.5em;
    position: relative;
}

#complimentary-sample .sample-item:first-child {
    border-top: #999 thin solid;
}

@media print,
screen and (min-width: 48.0625em) {
    #complimentary-sample .sample-item:first-child {
        border-top: 0;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #complimentary-sample .sample-item {
        border: 0;
    }
}

#complimentary-sample .recommended {
    display: block;
    height: 1em;
    margin-bottom: 1em;
}

#complimentary-sample .product-image {
    margin-bottom: 1em;
}

#complimentary-sample .row,
#complimentary-sample .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template #complimentary-sample .content-asset,
#complimentary-sample .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template #complimentary-sample .content-asset {
    clear: both;
}

/***** End of Complimentary Modal *****/
.sample-selection {
    border-bottom: 0 !important;
    padding-bottom: 0;
}

.sample-selection .content-asset {
    width: 100%;
}

.sample-selection .error {
    float: none;
    margin-bottom: 1em;
    padding-top: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .sample-selection .error {
        margin-bottom: 0;
    }
}

.sample-selection .modal-content {
    clear: both;
    position: relative;
}

.sample-selection .modal-content .add-btn-container {
    text-align: right;
}

.sample-selection .modal-content .add-btn-container.bottom-btn {
    margin-top: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .sample-selection .modal-content .add-btn-container.bottom-btn {
        margin-top: 0;
    }
}

.sample-selection .modal-content .add-btn-container .add-to-cart {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .sample-selection .modal-content .add-btn-container .add-to-cart {
        width: auto;
    }
}

.sample-selection .modal-content .search-result-items {
    padding: 0;
}

.sample-selection .products-used-wrapper {
    padding-bottom: 0;
    border-bottom: 0;
}

.sample-selection .product-tile-wrapper {
    padding-bottom: 4em;
    padding-top: 0 !important;
    text-align: center;
    border-bottom: 1px #c8c8c8 solid;
}

@media print,
screen and (min-width: 48.0625em) {
    .sample-selection .product-tile-wrapper {
        border-bottom: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.sample-selection .product-tile-wrapper .product-tile .product-name {
    font-weight: normal;
}

.sample-selection .product-tile-wrapper .product-tile .product-image {
    margin-bottom: 1rem;
}

.sample-selection .product-tile-wrapper button {
    background-color: #ffffff;
    border-color: #999;
    color: #999;
    margin-top: 1em;
    margin-bottom: 0 !important;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .sample-selection .product-tile-wrapper button {
        margin-top: auto;
    }
}

.sample-selection .product-tile-wrapper button[value="selected"] {
    background-color: #323232;
    border-color: #323232;
    color: #ffffff;
}

.order-help-container {
    margin: 2em 0;
    padding-left: 2em;
}

@media screen and (max-width: 48em) {
    .order-help-container {
        padding-left: 1em;
    }
}

.order-help-container h4 {
    margin-bottom: 0px;
}

.order-help-container a {
    text-decoration: underline;
}

.order-help-container a:hover {
    text-decoration: none;
}

.order-help-container p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.order-help-container .chat-btn-container {
    margin-top: 2em;
}

@media screen and (max-width: 48em) {
    .order-help-container .chat-btn-container {
        text-align: center;
        margin-left: -2em;
    }
}

.order-help-container .chat-btn {
    font-weight: bold;
    color: #999;
    font-weight: normal;
    background: #fff;
    padding: 10px 15px;
    border: 2px solid #999;
}

.order-help-container .chat-btn:hover {
    background: #000;
    color: #fff;
}

.cart-promo-approaching:hover {
    cursor: pointer;
}

.pt_checkout #secondary {
    border-right: none;
}

@media screen and (max-width: 48em) {
    .pt_checkout #secondary {
        padding: 0;
    }
}

.pt_checkout #secondary .mini-cart-product {
    background: #fff;
    padding: 1em .5em;
}

.pt_checkout select {
    font-weight: bold;
}

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

.pt_checkout .accordion-title {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 0 !important;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_checkout .accordion-title {
        font-size: 14px;
    }
}

.pt_checkout .accordion-title:hover {
    background: #e8e8e8;
}

.pt_checkout .accordion-title:focus {
    background: #e8e8e8;
}

.pt_checkout .accordion-content {
    border: 0;
}

.pt_checkout .accordion-content.scroll-items {
    overflow-y: auto;
    max-height: 700px;
    overflow-x: hidden;
}

@media screen and (max-width: 48em) {
    .pt_checkout legend {
        margin-top: 0px;
        margin-bottom: 1px;
    }
}

.checkout-progress-indicator {
    overflow: hidden;
}

.checkout-progress-indicator div {
    display: inline;
    padding: 0 .83em 0 0;
}

.checkout-progress-indicator span {
    text-transform: uppercase;
}

.checkout-progress-indicator .active {
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    color: #000;
}

.checkout-progress-indicator a {
    color: #333;
}

.checkout-progress-indicator i {
    padding-left: .83em;
    color: #ccc;
}

.checkout-progress-indicator .step-3 {
    padding-right: 0;
}

.gift-message-text {
    overflow: visible;
    opacity: 1;
    transition: all 1s ease;
}

.gift-message-text.hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.gift-message-text textarea {
    width: 100%;
}

.billing-coupon-code .form-row,
.billing-coupon-code .coupon-apply,
.billing-coupon-code .giftcert-apply {
    display: inline-block;
}

.billing-coupon-code .form-row {
    margin: 0;
    width: 45%;
}

.billing-coupon-code .tooltip {
    padding-left: 1rem;
}

.redemption {
    color: #990000;
}

.redemption .success {
    color: #019328;
}

.redemption span.error {
    margin-left: 0;
}

.payment-method-options .form-row {
    clear: none;
    float: left;
    width: 30%;
}

.payment-method {
    clear: both;
    display: none;
}

.payment-method-expanded {
    display: block;
    border-top: #323232 thin solid;
    padding-top: 1rem;
    margin-top: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .payment-method-expanded {
        padding-top: 1.875rem;
        margin-top: 1.875rem;
    }
}

.month .form-caption {
    margin-left: 0;
}

.ssn {
    clear: left;
}

.bml-terms-and-conditions {
    border: 1px solid #8a8a8a;
    font-size: 0.8em;
    height: 400px;
    overflow: auto;
    padding: 1em;
}

.bml-table-col-1 {
    width: 25%;
}

.pt_checkout .creditcard-tile.selected .form-row.saved-cvn label {
    font-weight: bold;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_checkout .creditcard-tile .form-row.saved-cvn .field-wrapper {
        width: 25% !important;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_checkout .creditcard-tile .form-row.saved-cvn label {
        font-size: 13px;
        min-width: 90px;
    }
}

@media screen and (max-width: 48em) {
    .pt_checkout .creditcard-tile .form-row.saved-cvn {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        width: 100%;
    }

    .pt_checkout .creditcard-tile .form-row.saved-cvn label {
        width: 50%;
    }

    .pt_checkout .creditcard-tile .form-row.saved-cvn .field-wrapper {
        width: 30%;
    }
}

.pt_checkout .cart-coupon-code {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}

.pt_checkout .cart-coupon-code button {
    width: auto;
}

.pt_checkout .summary {
    border: none !important;
}

@media screen and (max-width: 48em) {
    .pt_checkout .summary {
        padding-top: 40px;
    }
}

.pt_checkout .summary form {
    width: 100%;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_checkout .summary form {
        font-size: 12px;
    }

    .pt_checkout .summary form input {
        width: 72%;
    }
}

.pt_checkout .if-gift-container {
    padding: 0 2em 2em 2em;
}

.pt_checkout .if-gift-container .icon-checkmark {
    margin-right: .5em;
}

.pt_checkout .checkout-order-totals .order-total {
    border-top: 2px solid black;
    padding-top: 1em;
    font-size: 1em;
    margin: 0 2em;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_checkout .checkout-order-totals .order-total {
        margin: 0 1em;
    }
}

.pt_checkout .checkout-order-totals .order-total>div {
    font-weight: bold !important;
}

.checkout-mini-cart {
    overflow: auto;
    padding: 0em 2em 2em 2em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .checkout-mini-cart {
        padding: 0em 1em 2em 1em;
    }
}

.checkout-mini-cart .accordion-title {
    padding-left: 0;
    padding-right: 0;
}

.checkout-mini-cart .mini-cart-quantity {
    margin-top: 12px;
}

.checkout-mini-cart .mini-cart-pricing {
    margin-top: 12px;
}

.checkout-mini-cart .minicart-promo {
    margin-top: 12px;
    color: #999;
    font-style: italic;
}

.place-order-totals {
    clear: both;
}

.place-order-totals .order-totals-table {
    float: right;
    width: 50%;
}

.order-component-block {
    margin: 1.67em 0;
}

.order-component-block .section-header a {
    float: right;
    font-weight: normal;
}

.order-component-block .details {
    background: none repeat scroll 0 0 #e0e0e0;
    color: #8a8a8a;
    padding: 0.5em 1em;
}

.order-summary-footer {
    position: relative;
}

.order-summary-footer h2 {
    font-size: 2em;
    font-style: italic;
    font-weight: normal;
}

.summary-help {
    float: right;
    font-size: 0.8em;
    margin: 1em 0;
}

.submit-order {
    clear: both;
    display: block;
    padding: 1.67em 0 0;
    text-align: right;
}

.submit-order .back-to-cart {
    font-size: 1.1em;
}

.submit-order .back-to-cart:hover {
    text-decoration: underline;
}

.submit-order button {
    margin-left: 1.5em;
}

.order-discount {
    color: #990000;
}

.gift-cert-used {
    padding: .83em 0;
}

.summary .edit {
    position: absolute;
    text-transform: uppercase;
    right: 10px;
    font-size: 0.9em;
    line-height: 1.5em;
}

.pt_cart .breadcrumb {
    padding-left: 0;
}

.item-shipping-address {
    min-width: 120px;
}

.billing-error {
    color: red;
    margin: 0 0 .83em 24%;
}

.cvn-tooltip {
    font-weight: bold;
    margin: 5px;
    text-align: center;
}

.cvn-tooltip img {
    height: 150px;
    width: 110px;
}

h3.sub-title {
    font-size: 1.25rem;
    max-width: 90%;
    margin: 0 auto;
}

@media print,
screen and (min-width: 48.0625em) {
    h3.sub-title {
        font-size: 24px;
        margin: 0;
        max-width: 100%;
    }
}

.checkout-shipping .form-field-tooltip,
.edit-add-address .form-field-tooltip,
.checkout-billing .form-field-tooltip,
.edit-address .form-field-tooltip,
.editaddress .form-field-tooltip {
    display: none;
}

.checkout-shipping .form-caption,
.edit-add-address .form-caption,
.checkout-billing .form-caption,
.edit-address .form-caption,
.editaddress .form-caption {
    font-weight: normal;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkout-shipping .form-caption,
    .edit-add-address .form-caption,
    .checkout-billing .form-caption,
    .edit-address .form-caption,
    .editaddress .form-caption {
        position: absolute;
        right: 0;
        bottom: 26%;
        font-size: 12px;
        color: #999;
    }

    .checkout-shipping .form-caption.error-message,
    .edit-add-address .form-caption.error-message,
    .checkout-billing .form-caption.error-message,
    .edit-address .form-caption.error-message,
    .editaddress .form-caption.error-message {
        color: #c00;
        font-size: 1em;
        font-weight: bold;
    }
}

@media screen and (max-width: 48em) {

    .checkout-shipping .form-caption,
    .edit-add-address .form-caption,
    .checkout-billing .form-caption,
    .edit-address .form-caption,
    .editaddress .form-caption {
        color: #999;
        font-size: 12px;
    }
}

@media print,
screen and (min-width: 48.0625em) {

    .checkout-shipping .form-row.optional-field .form-caption,
    .edit-add-address .form-row.optional-field .form-caption,
    .checkout-billing .form-row.optional-field .form-caption,
    .edit-address .form-row.optional-field .form-caption,
    .editaddress .form-row.optional-field .form-caption {
        bottom: -25%;
        z-index: 1;
    }
}

@media screen and (max-width: 48em) {

    .checkout-shipping .form-row.optional-field .form-caption,
    .edit-add-address .form-row.optional-field .form-caption,
    .checkout-billing .form-row.optional-field .form-caption,
    .edit-address .form-row.optional-field .form-caption,
    .editaddress .form-row.optional-field .form-caption {
        position: relative;
    }
}

.checkout-shipping .form-row-button,
.edit-add-address .form-row-button,
.checkout-billing .form-row-button,
.edit-address .form-row-button,
.editaddress .form-row-button {
    display: block;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .checkout-shipping .form-row label {
        min-width: 100px;
        font-size: .85em;
    }
}

@media screen and (max-width: 48em) {

    .checkout-billing,
    .checkout-shipping {
        padding: 2rem 0px;
    }
}

.edit_address_form .us-fields select {
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .edit_address_form .form-row {
        max-width: 100%;
        padding-top: 1rem;
    }
}

.hide-country-field .form-row.country {
    display: none;
}

#shipping-method-list {
    position: relative;
    border-top: 1px #000 solid;
    margin-top: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {
    #shipping-method-list {
        margin-top: 2.5rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #shipping-method-list h3 {
        margin: 0 0 1rem;
        padding: 0;
    }
}

#shipping-method-list fieldset {
    border-bottom: 1px #000 solid;
    margin-bottom: 2rem;
}

@media print,
screen and (min-width: 48.0625em) {
    #shipping-method-list fieldset {
        padding: 30px 14px 1.25rem;
        padding: 30px 0;
        border: none;
        margin-bottom: 0;
    }
}

#shipping-method-list .shipping-method {
    min-width: 100%;
    margin-bottom: 1.5rem;
}

#shipping-method-list .shipping-method::before,
#shipping-method-list .shipping-method::after {
    display: table;
    content: ' ';
}

#shipping-method-list .shipping-method::after {
    clear: both;
}

@media print,
screen and (min-width: 48.0625em) {
    #shipping-method-list .shipping-method {
        min-width: 0;
        margin-bottom: 0;
    }
}

#shipping-method-list .shipping-method label {
    border: 1px #000 solid;
    background: #fff;
    padding: 1em;
    width: 100%;
    float: none;
    margin: 0;
    text-align: left;
    height: 100%;
    min-height: 165px;
    font-size: 1em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    #shipping-method-list .shipping-method label {
        min-height: 185px;
    }
}

#shipping-method-list .shipping-method .icon-checkmark {
    display: none;
}

#shipping-method-list .shipping-method input[type=radio]:checked+label {
    background: #ebebeb;
    border-width: 3px;
}

#shipping-method-list .shipping-method input[type=radio]:checked+label .icon-checkmark {
    display: block;
    float: right;
}

#shipping-method-list .shipping-method .shipping-name {
    font-weight: bold;
}

#shipping-method-list .shipping-method .form-caption {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 1rem;
    position: static;
}

@media print,
screen and (min-width: 48.0625em) {
    #shipping-method-list .shipping-method .form-caption {
        margin: 0 0 32px;
    }
}

#shipping-method-list .shipping-method input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    margin: 0;
    padding: 0;
}

#shipping-method-list .shipping-method input[type="radio"]:focus {
    outline: none;
}

#shipping-method-list .shipping-method ul.shipping-promos {
    margin: 0;
}

.address-list {
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 14px 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .address-list {
        padding: 0;
    }
}

@media screen and (max-width: 48em) {
    #addresses {
        border-top: 0 !important;
    }
}

.address-tile .address-tile-inner {
    display: block;
    border: 1px #000 solid;
    background: #fff;
    padding: 1.25rem;
    width: 100%;
    float: none;
    margin: 0 0 24px;
    text-align: left;
    min-height: 225px;
}

.address-tile .address-tile-inner a.button,
.address-tile .address-tile-inner .login-wrapper .create-new-account a,
.login-wrapper .create-new-account .address-tile .address-tile-inner a {
    font-weight: normal;
    margin-right: 1em;
    padding: 0;
}

.address-tile .address-tile-inner .icon-checkmark {
    display: none;
}

.address-tile .address-tile-inner .icon-close {
    display: block;
    float: right;
}

.address-tile .address-tile-inner .mini-address-name {
    font-weight: bold;
    margin-bottom: 1rem;
}

.address-tile .address-tile-inner .mini-address-location address {
    font-style: normal;
}

.address-tile .address-tile-inner .phone {
    margin: 1em 0;
}

.address-tile .address-tile-inner .address-edit,
.address-tile .address-tile-inner .address-delete,
.address-tile .address-tile-inner .address-make-default {
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 1rem;
    display: inline-block;
}

.pt_checkout .address-tile .address-tile-inner .phone {
    margin: 1em 0;
}

@media print,
screen and (min-width: 64em) {
    .pt_checkout .address-tile .address-tile-inner .phone {
        float: left;
    }
}

.pt_checkout .address-tile .address-tile-inner .address-edit {
    margin-top: 18px;
}

@media print,
screen and (min-width: 64em) {
    .pt_checkout .address-tile .address-tile-inner .address-edit {
        float: right;
    }
}

.address-tile.default .address-tile-inner,
.address-tile.selected .address-tile-inner {
    background: #ebebeb;
    border-width: 3px;
}

.address-tile.default .address-tile-inner .icon-checkmark,
.address-tile.selected .address-tile-inner .icon-checkmark {
    display: block;
    float: right;
}

.address-tile.default .address-tile-inner .icon-close,
.address-tile.selected .address-tile-inner .icon-close {
    display: none;
}

.add-new-address {
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .add-new-address {
        text-align: left;
    }
}

fieldset.gift-card-section,
fieldset.billing-address-section {
    border-top: 1px #000 solid;
    padding-top: 1.25rem;
    margin-top: 1.25rem;
}

.use-shipping-address {
    padding: 1.25rem 0;
}

.credit-card-icons-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 1rem;
}

.credit-card-icons-container .credit-card-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.credit-card-icons-container div.cc-number {
    height: 25px;
    margin-right: 0.5rem;
    width: 44px;
    display: inline-block;
}

.credit-card-icons-container h3 {
    margin: 0 0 1rem;
    padding: 0;
    width: 100%;
}

@media print,
screen and (min-width: 64em) {
    .credit-card-icons-container h3 {
        width: auto;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .credit-card-icons-container h3 {
        margin-right: 1.25rem;
        width: auto;
    }
}

.add-credit-card .credit-card-icons-container h3 {
    font-size: 2rem;
}

.cc-number {
    position: relative;
}

.cc-number:before {
    background: url("../images/credit-card-icons.png") no-repeat top left;
    border: 1px solid #cccccc;
    content: "";
    display: none;
    overflow: hidden;
    width: 44px;
    height: 25px;
}

.cc-number.is_mastercard:before {
    display: block;
}

.cc-number.is_visa:before {
    display: block;
    background-position-x: -44px;
}

.cc-number.is_discover:before {
    display: block;
    background-position-x: -88px;
}

.cc-number.is_amex:before {
    display: block;
    background-position-x: -132px;
}

.cc-number.is_unionpay:before {
    display: block;
    background-position-x: -176px;
}

.cc-number.form-row:before {
    position: absolute;
    right: 0px;
    bottom: 12px;
}

.reveal.add-credit-card .form-caption,
.reveal.edit-credit-card .form-caption {
    display: none;
    font-weight: normal;
}

@media print,
screen and (min-width: 48.0625em) {

    .reveal.add-credit-card .form-caption,
    .reveal.edit-credit-card .form-caption {
        position: absolute;
        right: 0;
        bottom: 9px;
        font-size: 12px;
        color: #999;
    }

    .reveal.add-credit-card .form-caption.error-message,
    .reveal.edit-credit-card .form-caption.error-message {
        color: #c00;
        font-size: 1em;
        font-weight: bold;
    }
}

.reveal.add-credit-card .form-row-button,
.reveal.edit-credit-card .form-row-button {
    padding-top: 1.25rem;
}

.reveal.add-credit-card .form-row-button .column,
.reveal.add-credit-card .form-row-button .columns,
.reveal.edit-credit-card .form-row-button .column,
.reveal.edit-credit-card .form-row-button .columns {
    padding: 0;
    margin: 0;
}

.payment-list {
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 14px 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .payment-list {
        padding: 0;
    }
}

.payment-details .creditcard-tile {
    margin-top: 1rem;
}

.payment-details .creditcard-tile:first-child {
    margin-top: 0;
}

.creditcard-tile .creditcard-tile-inner {
    display: -ms-flexbox;
    display: flex;
    border: 1px #000 solid;
    background: #fff;
    padding: 1.25rem;
    width: 100%;
    float: none;
    margin: 0;
    text-align: left;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.creditcard-tile .creditcard-tile-inner:hover {
    cursor: pointer;
}

.payment-details .creditcard-tile .creditcard-tile-inner {
    margin-bottom: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .creditcard-tile .creditcard-tile-inner {
        display: block;
    }
}

.creditcard-tile .creditcard-tile-inner .cc-details {
    margin-left: 1.25rem;
    width: 75%;
}

@media print,
screen and (min-width: 48.0625em) {
    .creditcard-tile .creditcard-tile-inner .cc-details {
        width: auto;
        margin-left: 0;
        margin-top: 1.25rem;
    }
}

.creditcard-tile .creditcard-tile-inner .cc-details .cc-number {
    font-weight: bold;
}

.creditcard-tile .creditcard-tile-inner .icon-checkmark {
    display: none;
}

.creditcard-tile .creditcard-tile-inner .creditcard-edit {
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 1rem;
    display: inline-block;
}

@media print,
screen and (min-width: 48.0625em) {
    .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn {
        max-width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media print,
screen and (min-width: 64em) {
    .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn {
        max-width: 75%;
        margin-left: 0;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .creditcard-tile .creditcard-tile-inner .form-row.saved-cvn .field-wrapper {
        width: 100%;
    }
}

.creditcard-tile .creditcard-tile-inner .form-row.saved-cvn .cvn-input {
    width: 100%;
    border-bottom: 1px #000 solid;
    height: 39px;
    margin-bottom: -10px;
    display: inline-block;
}

@media screen and (max-width: 48em) {
    .creditcard-tile .creditcard-tile-inner .payment-value {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 4rem;
    }
}

.creditcard-tile.default .creditcard-tile-inner,
.creditcard-tile.selected .creditcard-tile-inner {
    background: #ebebeb;
    border-width: 1px;
    outline: 2px #000 solid;
}

.creditcard-tile.default .creditcard-tile-inner .icon-checkmark,
.creditcard-tile.selected .creditcard-tile-inner .icon-checkmark {
    position: absolute;
    display: block;
    right: 1.25rem;
    top: 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .creditcard-tile.default .creditcard-tile-inner .icon-checkmark,
    .creditcard-tile.selected .creditcard-tile-inner .icon-checkmark {
        position: static;
        display: block;
        float: right;
    }
}

.credit-card-create {
    margin-top: 14px;
    margin-bottom: 14px;
    display: block;
}

@media print,
screen and (min-width: 48.0625em) {
    .credit-card-create {
        display: inline-block;
    }
}

.other-payment-contain {
    padding-top: 1rem;
}

@media screen and (max-width: 48em) {
    .other-payment-contain {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .other-payment-contain {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 0;
    }
}

.other-payment-contain .other-payment {
    margin-bottom: 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .other-payment-contain .other-payment {
        margin-bottom: 0;
        max-width: 33%;
        padding: 0 1em;
    }
}

@media screen and (max-width: 48em) {
    .other-payment-contain .other-payment {
        text-align: center;
        padding-bottom: 1rem;
        padding-top: 1rem;
        width: 50%;
        margin: 0 auto;
    }
}

.other-payment-contain .other-payment img {
    width: 100%;
}

.other-payment-contain .other-payment .paypal-button img {
    max-width: 160px;
}

.other-payment-contain .other-payment .visaCheckoutCartButton {
    max-width: 160px;
    margin: 0 auto;
}

.other-payment-contain .other-payment .visaCheckoutCartButton .v-learn.v-learn-default {
    font-size: 12px;
}

.other-payment-contain .other-payment:first-child {
    padding-top: 0;
    padding-bottom: 0;
}

.accordion-title {
    border: 0px;
    color: #000;
    border: 0px;
}

.accordion-title:hover {
    background: none;
}

.billing-continue-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 8px #000 solid;
    padding-top: 2rem;
    margin-top: 2rem;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .billing-continue-container {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.billing-continue-container .newsletter-signup-check {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .billing-continue-container .newsletter-signup-check {
        width: 50%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.billing-continue-container .newsletter-signup-check .form-row {
    margin-left: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .billing-continue-container .newsletter-signup-check .form-row input {
        min-width: 30px;
    }

    .billing-continue-container .newsletter-signup-check .form-row label {
        margin-left: 10px;
    }
}

.billing-continue-container .form-row-button {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .billing-continue-container .form-row-button {
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        width: 50%;
    }
}

.billing-continue-container .form-row-button button {
    margin: 0;
}

.cc-expired-error {
    display: none;
}

.same-as-shipping-row {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.form-row.set-default-cb {
    margin-top: 1.25rem;
}

.payment-providers-divider {
    border-top: 1px #000 solid;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.25rem;
}

.payment-providers-divider span {
    text-transform: uppercase;
    background: #fff;
    padding: 15px;
    font-weight: bold;
    margin-top: -26px;
}

/*** Header and footer styles **/
.checkout-header-container {
    background-color: #c00;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #fff;
}

@media print,
screen and (min-width: 48.0625em) {
    .checkout-header-container {
        margin-bottom: 50px;
    }
}

.checkout-header-container .checkout-header {
    -ms-flex-align: center;
    align-items: center;
    max-width: 78.75rem;
    margin: 0 auto;
    position: relative;
}

.checkout-header-container .checkout-header .column,
.checkout-header-container .checkout-header .columns {
    margin: 0 auto;
}

.checkout-header-container .checkout-header .column .primary-logo,
.checkout-header-container .checkout-header .columns .primary-logo {
    margin: 0 auto;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkout-header-container .checkout-header .column .primary-logo,
    .checkout-header-container .checkout-header .columns .primary-logo {
        margin: 0;
        max-width: 133px;
    }
}

.checkout-header-container .checkout-header h1 {
    max-width: 110px;
}

.checkout-header-container .checkout-header .header-right-container {
    text-align: right;
}

.checkout-header-container .checkout-header .header-right-container ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.checkout-header-container .checkout-header .header-right-container ul li {
    list-style: none;
    display: inline;
    margin: 1em;
}

.checkout-header-container .checkout-header .header-right-container ul li button {
    font-weight: normal;
    background: none;
    border: 1px solid #fff;
}

.checkout-header-container .checkout-header .header-right-container ul li button:hover {
    border-color: #c8c8c8;
    background: #fff;
}

.checkout-footer .copyright-container {
    border-bottom: 0px;
    display: block;
    text-align: center;
    font-size: .8em;
    padding-top: 2em;
}

.gift-card h3 {
    display: inline;
    margin-right: 1em;
}

.gift-card .text-only.button,
.gift-card .login-wrapper .create-new-account a.text-only,
.login-wrapper .create-new-account .gift-card a.text-only {
    padding: 0;
    font-size: 0.75rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media print,
screen and (min-width: 48.0625em) {

    .gift-card .text-only.button,
    .gift-card .login-wrapper .create-new-account a.text-only,
    .login-wrapper .create-new-account .gift-card a.text-only {
        display: inline-block;
    }
}

.gift-card .gift-card-form {
    margin-top: 1.25rem;
}

.gift-card .gift-card-form.rolledup {
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
}

.gift-card .gift-card-container {
    border: #323232 3px solid;
    background-color: #e8e8e8;
    margin: 1em 0;
    padding: 2em 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .gift-card-container {
        padding: 2em 2em 2em 1em;
        width: 50%;
    }
}

.gift-card .gift-card-container .gift-card-thumbnail {
    float: left;
    text-align: center;
    margin-bottom: 1em;
    width: 44px;
    height: 25px;
    background: url("../images/giftcard.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.gift-card .gift-card-container .card-detail-container {
    float: left;
}

.gift-card .gift-card-container .card-detail-container span {
    display: block;
}

.gift-card .gift-card-container .card-detail-container .card-balance {
    font-weight: 700;
}

@media screen and (max-width: 48em) {
    .gift-card .gift-card-container .card-detail-container {
        padding-left: 1rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .gift-card-container .card-buttons {
        padding: 0;
        text-align: right;
    }
}

.gift-card .gift-card-container .card-buttons .icon-close {
    display: block;
    text-align: right;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .gift-card-container .card-buttons .icon-close {
        display: none;
    }
}

.gift-card .gift-card-container .card-buttons .icon-checkmark {
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .gift-card-container .card-buttons .icon-checkmark {
        display: block;
        font-size: 1.5em;
        margin-top: 0.3em;
    }
}

.gift-card .gift-card-container .card-buttons .gift-cert-balance-submit button {
    width: 100%;
}

.gift-card .gift-card-container .card-buttons .remove {
    display: none;
    text-decoration: underline;
    text-transform: uppercase;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .gift-card-container .card-buttons .remove {
        display: block;
        float: right;
        margin-top: 2.0625rem;
    }
}

.gift-card .form-row {
    margin-left: 0;
    margin-top: 1em;
    max-width: 100%;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-card .form-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
        width: auto;
    }
}

.gift-card .form-row button {
    width: 100%;
}

.gift-card .form-row button:disabled:hover {
    color: #999 !important;
}

.gift-card .gift-cert-pin label {
    min-width: 45px;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .gift-card .gift-cert-balance-submit {
        margin-top: 1em;
        float: right;
    }
}

.gift-card .error-message {
    width: 100%;
}

@media print,
screen and (min-width: 64em) {
    .gift-card-balance-modal {
        max-width: 53% !important;
    }
}

#gift-card-balance-form {
    border-bottom: 0;
}

#gift-card-balance-form form {
    padding: 1em 0 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form form {
        padding: 0;
    }
}

#gift-card-balance-form .form-row {
    margin: 0;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form .form-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 90%;
    }
}

#gift-card-balance-form .form-row label {
    padding-right: 1em;
    width: auto;
}

#gift-card-balance-form .column,
#gift-card-balance-form .columns {
    padding: 0 0 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form .gift-card-number {
        margin-right: 2em;
    }
}

#gift-card-balance-form .remaining-balance {
    font-weight: 700;
}

#gift-card-balance-form .remaining-balance span {
    padding-top: 1em;
}

#gift-card-balance-form #GCCheckAnotherCardButton {
    display: none;
}

#gift-card-balance-form #GCApplyButton {
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form #GCCheckBalanceButton {
        display: inline-block;
    }
}

#gift-card-balance-form .gift-cert-balance-submit {
    display: block;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form .gift-cert-balance-submit {
        text-align: right;
    }
}

#gift-card-balance-form .gift-cert-balance-submit button {
    margin-bottom: 1em;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    #gift-card-balance-form .gift-cert-balance-submit button {
        margin-bottom: 0;
        margin-left: 1em;
        width: auto;
    }
}

#gift-card-balance-form .form-row input[type="text"]:disabled {
    background: #fff;
    color: #000;
}

.white-button {
    background-color: #ffffff;
    border-color: #999;
    color: #999;
}

.white-button:hover {
    background-color: #323232;
    border: 2px solid #323232;
    color: #ffffff;
}

.white-button .copyright-container {
    border-bottom: 0px;
    display: block;
    text-align: center;
    font-size: .8em;
    padding-top: 2em;
}

.cn-fields,
.email-hidden {
    display: none;
}

.shipping-summary,
.payment-summary {
    margin-bottom: 24px;
}

@media print,
screen and (min-width: 48.0625em) {

    .shipping-summary,
    .payment-summary {
        margin-bottom: 60px;
    }
}

.shipping-summary .address-tile,
.payment-summary .address-tile {
    margin-bottom: 1.25rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .shipping-summary .address-tile,
    .payment-summary .address-tile {
        margin-bottom: 0;
    }
}

.shipping-summary .address-tile .address-tile-inner,
.payment-summary .address-tile .address-tile-inner {
    height: 100%;
    margin-bottom: 0;
    min-height: 0;
}

@media screen and (max-width: 48em) {

    .shipping-summary,
    .payment-summary {
        padding-top: 40px;
    }
}

.shipping-summary .payment-details,
.payment-summary .payment-details {
    margin-bottom: 0;
}

.shipping-method-summary {
    border: 3px #000 solid;
    background: #ebebeb;
    padding: 1rem;
    width: 100%;
    float: none;
    margin: 0;
    text-align: left;
    height: 100%;
}

.shipping-method-summary .shipping-name {
    font-weight: bold;
}

.shipping-method-summary .icon-checkmark {
    float: right;
}

.shipping-method-summary .shipping-description {
    font-size: 12px;
    color: #767676;
}

.payment-details {
    margin-bottom: 1.25rem;
}

.payment-details .payment-instrument {
    margin-top: 1.25rem;
}

.payment-summary .payment-details .payment-instrument {
    margin-top: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .payment-details .payment-instrument {
        margin-top: 0;
    }
}

.payment-details .payment-instrument+.payment-instrument {
    margin-top: 40px;
}

.payment-details .payment-instrument-inner {
    background: #ebebeb;
    padding: 1.25rem;
    border: 3px #000 solid;
}

.payment-details .icon-checkmark {
    float: right;
}

.payment-details .cc-owner {
    font-weight: bold;
    margin-bottom: 1rem;
}

.payment-details .gift-card-thumbnail {
    float: left;
    text-align: center;
    margin-right: 1.25rem;
    width: 47px;
    height: 28px;
    background: url("../images/giftcard.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.payment-details .paypal-thumbnail {
    float: left;
    text-align: center;
    margin-right: 1.25rem;
    width: 47px;
    height: 31px;
    background: url(../images/icon-other-payment.png) 0 -31px no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.place-order-button {
    width: 100%;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    min-height: 35px;
}

@media screen and (max-width: 48em) {
    .place-order-button {
        min-height: 50px;
    }
}

.header-right-labels {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.header-right-labels .header-help-container {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.guest-notification {
    margin: auto;
}

@media print,
screen and (min-width: 48.0625em) {
    .page-header {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.page-header h1 {
    font-weight: bold;
    padding: 10px;
    font-size: 2rem;
    margin-bottom: 20px;
}

@media print,
screen and (min-width: 48.0625em) {
    .page-header h1 {
        margin-bottom: 0;
        font-size: 3rem;
        padding: 0;
    }
}

.page-header p {
    margin: 0;
}

.mobile-page-header h1 {
    font-weight: bold;
    padding: 10px;
    font-size: 2rem;
    margin-bottom: 20px;
}

@media print,
screen and (min-width: 48.0625em) {
    .mobile-page-header h1 {
        margin-bottom: 0;
        font-size: 3rem;
        padding: 0;
    }
}

.pt_account.pt_order .primary-content {
    border-top: none;
    padding-top: 0;
}

.history-details-container #results-hits-top {
    display: none;
}

.order-history-results {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    max-width: 90%;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-history-results {
        max-width: 100%;
    }
}

.order-history-results .order {
    margin-bottom: 40px;
}

.order-history-header {
    border-top: 6px #000 solid;
    background: #e8e8e8;
    overflow: hidden;
    padding: 20px;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-history-header {
        padding: 20px;
        border-width: 8px;
    }
}

.order-history-header .label {
    font-weight: 700;
    display: block;
}

.order-history-header .sub-label {
    font-weight: normal;
    font-size: 14px;
}

.order-history-header .value {
    font-size: 14px;
}

.order-history-header button {
    float: right;
}

.order-history-header .column,
.order-history-header .columns {
    margin: 10px 0 0;
}

.order-history-header .order-total.order-detail {
    text-align: right;
}

.order-history-header .order-total.order-detail .value {
    font-weight: bold;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-history-header .order-total.order-detail {
        width: 100%;
        padding-right: 20px;
    }
}

.order-history-header .order-detail {
    margin-bottom: 10px;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-history-header .order-detail {
        width: 19%;
        display: inline-block;
    }
}

.order-history-header .track-order {
    margin-left: auto;
    width: 20%;
}

.order-history-header .track-order button {
    width: 100%;
}

.order-history-items .order-history-table {
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .order-history-items .order-history-table {
        display: block;
    }
}

.order-history-items .order-history-table th,
.order-history-items .order-history-table td {
    padding: 5px 10px;
}

.order-history-items .order-history-table .item-price-column {
    text-align: right;
    padding-right: 52px;
}

.order-history-items .order-history-table .gift-cert-container {
    border-top: 1px #000 solid;
    padding: 2em 0;
}

.ordered-items {
    font-size: 14px;
}

.ordered-items .item-detail-row {
    border-top: 1px #000 solid;
    padding: 2em 0;
}

.ordered-items .item-detail-row:first-child {
    border-top: none;
}

.ordered-items .item-detail-row .price-unadjusted {
    display: block;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .ordered-items .item-detail-row .price-unadjusted {
        text-align: right;
    }
}

.ordered-items .item-detail-row .product-promotion-container {
    color: #999;
    font-style: italic;
    margin: 0;
    padding-bottom: 1em;
    width: 100%;
    padding-left: 1em;
}

@media screen and (max-width: 48em) {
    .ordered-items .item-detail-row .product-promotion-container {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

.ordered-items .item-detail-row .product-promotion-container .promo {
    padding-left: 0.5rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .ordered-items .item-detail-row .product-promotion-container .promo {
        padding-left: 1.25rem;
    }
}

.ordered-items .line-item {
    font-weight: bold;
    font-size: 1em;
}

.ordered-items .attribute {
    margin: 10px 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .ordered-items .qty .value {
        font-weight: bold;
    }
}

@media print,
screen and (min-width: 64em) {
    .ordered-items .qty .value {
        margin-left: 20px;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .ordered-items .qty-price-wrapper {
        text-align: right;
    }
}

.js .order-history-table .hidden {
    display: none;
}

.view-detail-btn-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .view-detail-btn-container {
        border-top: 1px #000 solid;
        margin: 20px 0 40px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.view-detail-btn-container button,
.view-detail-btn-container .button,
.view-detail-btn-container .login-wrapper .create-new-account a,
.login-wrapper .create-new-account .view-detail-btn-container a {
    margin: 10px auto;
    display: block;
    width: 80%;
}

@media print,
screen and (min-width: 48.0625em) {

    .view-detail-btn-container button,
    .view-detail-btn-container .button,
    .view-detail-btn-container .login-wrapper .create-new-account a,
    .login-wrapper .create-new-account .view-detail-btn-container a {
        width: auto;
        margin: 30px 0 0 20px;
        float: right;
        padding: 0.6em 2em;
    }
}

.back-to-order-history-btn {
    margin: 30px 0;
}

.orderdetails h2 {
    clear: both;
}

.orderdetails .order-shipment-table {
    padding: 0em;
}

.orderdetails .order-shipment-details .order-shipment-address .label {
    font-weight: bold;
    margin-bottom: 1em;
}

@media screen and (max-width: 48em) {
    .orderdetails .order-shipment-details .order-shipment-address .label {
        margin-top: 1em;
    }
}

.orderdetails .order-shipment-details .shipping-method .label {
    margin-bottom: 1em;
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .orderdetails .order-shipment-details .shipping-method {
        margin-top: 1em;
    }
}

.orderdetails .order-shipment-details .shipping-method .standard-shipping {
    text-transform: uppercase;
}

.orderdetails .order-shipment-details .order-payment-instruments .label {
    margin-bottom: 1em;
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .orderdetails .order-shipment-details .order-payment-instruments {
        margin-top: 1em;
    }
}

.orderdetails .order-shipment-details .order-payment-method {
    margin-bottom: 20px;
}

.orderdetails .order-shipment-details .order-payment-method .cc-owner,
.orderdetails .order-shipment-details .order-payment-method .cc-type {
    display: none;
}

.orderdetails .order-shipment-details .order-payment-method .gift-card-label:before {
    position: relative;
    float: left;
    display: block;
    content: " ";
    background: url(../images/card.png) no-repeat top left;
    width: 44px;
    height: 25px;
    overflow: hidden;
    right: 0;
    bottom: -5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.orderdetails .order-shipment-details .order-payment-method .cc-number:before {
    position: relative;
    float: left;
    bottom: -2px;
    margin-right: 1rem;
}

.orderdetails .order-promotion-container {
    border: 1px #000 solid;
    border-width: 1px 0 1px 0;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
}

.orderdetails .sample-container {
    padding: 2em;
    border-top: 1px solid #000;
}

@media screen and (max-width: 48em) {
    .orderdetails .sample-container {
        padding: 1em;
    }
}

.orderdetails .sample-container h3 {
    text-align: center;
    margin-top: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .orderdetails .sample-container h3 {
        text-align: left;
    }
}

.orderdetails .sample-container .sample-tile {
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 48em) {
    .orderdetails .sample-container .sample-tile+.sample-tile {
        border-top: 1px #999 solid;
        padding-top: 1rem;
        margin-top: 1rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .orderdetails .sample-container .sample-tile {
        border: none;
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .orderdetails .sample-container .sample-product-image {
        margin: 0 auto;
    }
}

.orderdetails .sample-container .sample-product-image img {
    max-height: 170px;
}

@media print,
screen and (min-width: 64em) {
    .orderdetails .sample-container .sample-product-image img {
        max-width: none;
    }
}

.orderdetails .sample-container .sample-product-name {
    margin-left: 20px;
    font-size: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .orderdetails .sample-container .sample-product-name {
        margin-left: 0;
        font-size: 14px;
        margin-top: 10px;
    }
}

.orderdetails .item-detail-row.row,
.orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset,
.pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset,
.orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset,
.pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset {
    margin: 0;
    padding: 30px 0;
    border-top: 1px #000 solid;
}

.orderdetails .item-detail-row.row .line-item-price,
.orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price,
.pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price,
.orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price,
.pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price {
    font-weight: bold;
}

@media screen and (max-width: 48em) {

    .orderdetails .item-detail-row.row .line-item-price,
    .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price,
    .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price,
    .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price,
    .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price {
        margin-top: 20px;
    }
}

.orderdetails .order-information {
    padding: 2rem 0;
}

@media screen and (max-width: 48em) {
    .orderdetails .order-information {
        border-top: 0.5em solid #000;
    }
}

@media screen and (max-width: 48em) {
    .orderdetails .order-information .value {
        display: block;
    }
}

.orderdetails .order-information .order-number {
    font-size: 1.75rem;
    text-align: center;
    margin-top: 1.5rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .orderdetails .order-information .order-number {
        margin-top: 0;
        margin-bottom: 1em;
        text-align: left;
    }
}

.orderdetails .order-information .order-number .value {
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .orderdetails .order-information .order-shipments {
        padding: 0 1rem;
    }
}

.orderdetails .payment-amount .label {
    font-weight: normal;
    text-transform: none;
}

.orderdetails .order-totals-table td:first-child {
    padding-right: 5rem;
    text-align: left;
}

.orderdetails .order-totals-table .order-totals-table .order-totalcart .cart-coupon-code {
    display: none;
}

.orderdetails .gift-message-container {
    padding: 2em 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .orderdetails .gift-message-container {
        padding: 2em 0;
    }
}

@media print,
screen and (min-width: 64em) {
    .orderdetails .gift-message-container {
        padding: 2em;
    }
}

.orderdetails .gift-message-container h3 {
    font-size: 22px;
}

.orderdetails .gift-message-container .order-shipment-gift-message .value {
    font-weight: bold;
    word-wrap: break-word;
}

.orderdetails .gift-message-container .gift-message-image {
    text-align: center;
}

.pt_order .actions,
.confirmation .actions {
    padding: .5em 1%;
}

.pt_order .actions a,
.confirmation .actions a {
    margin-right: 2rem;
}

.confirmation-message {
    margin-top: 2rem;
}

.confirmation-message h1 {
    font-size: 2.5em;
    font-weight: bold;
}

.confirmation.create-account .order-confirmation-details {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.confirmation.create-account .order-confirmation-details {
    width: 100%;
}

.confirmation.create-account .login-box-content {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 1em;
}

.confirmation.create-account .login-box-content p {
    margin-top: 0;
    margin-bottom: 0;
}

.confirmation.create-account .login-box-content .form-row {
    margin: 0;
}

/** My account order history page styling  **/
.pt_order .title-container {
    display: block;
    padding-top: .5em;
}

.pt_order .title-container h1 {
    font-weight: bold;
    font-size: 2em;
}

.pt_order .order-details-container #primary .search-result-options {
    display: none;
}

.pt_order .order-details-container #primary .search-result-items {
    padding-left: 0;
    padding-right: 0;
}

.pt_order .order-details-container #primary .search-result-items .view-detail-btn-container {
    text-align: right;
    padding-top: 3em;
}

@media screen and (max-width: 48em) {
    .pt_order .order-details-container #primary .search-result-items .view-detail-btn-container {
        text-align: center;
    }
}

.pt_order .order-details-container #primary .search-result-items .order-history-header {
    background: none;
    background-color: #e8e8e8;
    margin: 0;
    padding: 2em;
}

.pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .row,
.pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset,
.pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset {
    margin: 0;
    padding: 0;
}

.pt_order .order-details-container #primary .search-result-items .order-history-header .order-total {
    text-align: right;
}

.pt_order .order-details-container #primary .search-result-items .cart-items-container,
.pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items {
    padding: 0;
    margin: 0;
}

.pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row {
    margin: 0;
    padding: 2em;
    border-bottom: 1px solid #000;
}

.pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row .item-price-column {
    text-align: right;
}

.pt_order .order-details-container #secondary {
    padding-left: 0;
    border: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_order .order-details-container #secondary {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        border: none;
    }
}

.pt_order .order-details-container #secondary .account-nav-asset {
    background: none;
    margin: 0;
    padding: 0;
}

.pt_order .order-details-container #secondary .account-nav-asset nav {
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 2em;
}

.pt_order .order-details-container #secondary .account-nav-asset nav ul.account-left-nav li {
    padding-left: 0;
    padding-top: 0;
}

/** Order confirmation page styling  **/
.pt_order-confirmation .confirmation h1 {
    padding-left: 0px;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .confirmation .confirmation-message {
        text-align: center;
    }
}

.pt_order-confirmation .confirmation .confirmation-message-slot {
    width: 90%;
}

@media print,
screen and (min-width: 64em) {
    .pt_order-confirmation .confirmation .confirmation-message-slot {
        width: 50%;
    }
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .confirmation .confirmation-message-slot {
        margin: 0 auto;
    }
}

.pt_order-confirmation .login-create-account {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 1em 3em 2em 3em;
    border: 2px solid grey;
    margin-top: 2rem;
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-row {
    width: 33%;
    float: left;
    clear: none;
    margin-right: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-field {
        width: 33%;
    }

    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-field .field-wrapper {
        width: 66%;
    }
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field {
    width: 41%;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field {
        margin-top: 1.5em;
        width: 100%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field .field-wrapper {
        width: 49%;
    }
}

@media print,
screen and (min-width: 64em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field .field-wrapper {
        width: 60%;
    }
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row {
        width: 100%;
    }

    .pt_order-confirmation .login-create-account .checkout-registration-form .form-row label {
        text-align: left;
    }
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-row label {
    width: auto;
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-row span.error {
    margin-left: 1em;
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-row .field-wrapper input {
    background: none;
}

.pt_order-confirmation .login-create-account .checkout-registration-form .largebutton {
    padding-left: 3em;
    padding-right: 3em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton {
        width: 100%;
        margin-top: 2em;
    }
}

.pt_order-confirmation .login-create-account .checkout-registration-form .form-caption {
    display: none;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .login-create-account .login-box-content {
        text-align: center;
    }
}

.pt_order-confirmation .login-create-account h2 {
    text-transform: none;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 0em;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .login-create-account h2 {
        text-align: center;
        font-size: 2em;
    }
}

.pt_order-confirmation .login-create-account span .error {
    margin-left: 1em;
}

.pt_order-confirmation .orderdetails .order-payment-instruments .payment-type {
    display: none;
}

.pt_order-confirmation .orderdetails .order-payment-instruments .cc-owner {
    display: none;
}

.pt_order-confirmation .orderdetails .order-payment-instruments .cc-type {
    display: none;
}

.pt_order-confirmation .orderdetails .order-payment-instruments .cc-number {
    margin-top: 1em;
}

.pt_order-confirmation .orderdetails .order-payment-instruments .cc-number:before {
    bottom: 0px;
    float: left;
    margin-right: 1em;
    position: relative;
}

.pt_order-confirmation .orderdetails .show-products-container {
    margin-top: 3.125rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container {
        margin: 0;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .product-list-item .name {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.pt_order-confirmation .orderdetails .show-products-container .product-list-item .product-name {
    font-weight: normal;
    font-style: normal;
}

.pt_order-confirmation .orderdetails .show-products-container .product-list-item .line-item {
    font-weight: bold;
    font-style: normal;
}

.pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute {
    margin-bottom: 1rem;
}

.pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute .value {
    font-weight: normal;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset {
    margin: 0;
    padding-top: 2em;
    border-top: 1px solid black;
    padding-bottom: 1em;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-details .item-image img,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-details .item-image img,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-details .item-image img,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-details .item-image img,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-details .item-image img {
    max-height: 200px;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity {
    width: auto;
    margin-bottom: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity,
    .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity,
    .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity {
        text-align: right;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .quantity-column .line-item-quantity .label,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .quantity-column .line-item-quantity .label,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity .label,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .quantity-column .line-item-quantity .label,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .quantity-column .line-item-quantity .label {
    font-weight: normal;
    margin: 0;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-price,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-price,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-price,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price {
    font-weight: bold;
    text-align: right;
}

@media screen and (max-width: 48em) {

    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .line-item-price,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .line-item-price,
    .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .line-item-price,
    .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .line-item-price {
        margin-top: 1em;
        text-align: left;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .product-promotion-container,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .product-promotion-container,
.pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container,
.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .product-promotion-container,
.pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container {
    color: #999;
    font-style: italic;
    margin: 0;
    padding-bottom: 1em;
    width: 100%;
}

@media screen and (max-width: 48em) {

    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.row .product-promotion-container,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .line-item.content-asset .product-promotion-container,
    .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container,
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .line-item.content-asset .product-promotion-container,
    .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .line-item.content-asset .product-promotion-container {
        padding-top: 1em;
        padding-bottom: 1em;
        text-align: center;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-details {
    padding: 0 1em;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-details .name {
    font-weight: bold;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-total {
    text-align: right;
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .rowgiftcert .item-total {
        padding-top: 1em;
        text-align: left;
        padding-bottom: 1em;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .order-promotion-container {
    border-bottom: 1px solid black;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .order-promotion-container .checkout-promotion-container {
    font-weight: bold;
    text-align: center;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container h3 {
    margin: 0;
    padding-bottom: 1em;
    font-size: 1.5em;
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container h3 {
        padding: 1.5em 0;
        font-size: 1em;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper {
    padding: 1em 0;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile {
    text-align: center;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile {
        text-align: left;
    }

    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile:first-child {
        padding-top: 0;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile .sample-product-name {
    margin-top: 1em;
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper .sample-tile .sample-product-name {
        margin-top: 0;
    }
}

@media screen and (max-width: 48em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right {
        padding-left: 0;
        padding-right: 0;
    }
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary {
    float: none;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .cart-coupon-code {
    display: none;
}

.pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .order-totals-table .order-total {
    border-top: 2px solid black;
    padding-top: 1em;
    font-size: 1em;
    margin: 0 2em;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .order-totals-table .order-total {
        margin: 0 1em;
    }
}

.pt_order-confirmation .order-confirmation-details {
    margin-top: 2em;
}

.pt_order-confirmation .cart-recommendation-container {
    width: 100%;
}

.pt_order-confirmation .cart-recommendation-container .carousel-recommendations {
    border: none;
}

/*** order details purchage type icons ***/
.gift-card-label:before {
    position: relative;
    float: left;
    display: block;
    content: " ";
    background: url(../images/card.png) no-repeat top left;
    width: 44px;
    height: 29px;
    overflow: hidden;
    right: 0;
    bottom: -5px;
    margin-right: 1rem;
    margin-bottom: 1.875rem;
}

.paypal-label:before {
    position: relative;
    float: left;
    display: block;
    content: " ";
    background: url(../images/icon-other-payment.png) 0 -31px no-repeat;
    width: 47px;
    height: 31px;
    overflow: hidden;
    right: 0;
    bottom: -5px;
    background-size: 100%;
    margin-right: 12px;
}

.applepay-label:before {
    position: relative;
    float: left;
    display: block;
    content: " ";
    background: url(../images/icon-other-payment.png) no-repeat top left;
    width: 47px;
    height: 31px;
    overflow: hidden;
    right: 0;
    bottom: -5px;
    background-size: 100%;
    margin-right: 12px;
}

/*** Order track ***/
.pt_checkorder .primary-content {
    border-top: none;
    margin: 0 auto;
}

@media screen and (max-width: 63.9375em) {
    .pt_checkorder .order-track-wrapper {
        padding: 40px;
    }
}

.pt_checkorder .order-track-wrapper .error-form {
    text-align: center;
    margin-top: 20px;
}

.pt_checkorder .order-track-wrapper .login-order-track h2 {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 0;
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content {
    margin: 0 auto;
    width: 90%;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content {
        width: 100%;
    }
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content p {
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content p {
        width: 100%;
    }
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content form {
    width: 90%;
    margin: 2em auto;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form {
        width: 100%;
    }
}

@media screen and (max-width: 63.9375em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label {
        min-width: 130px;
    }
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper {
    width: 60%;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper {
        width: 53%;
    }
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper .input-text {
    width: 100%;
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button {
    margin: 0;
    border-top: 0;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button {
        padding: 40px 0px;
        max-width: 100%;
    }
}

.pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn {
    width: 50%;
}

@media screen and (max-width: 48em) {
    .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn {
        width: 90%;
    }
}

.shippingaddress .select-address {
    width: 100%;
    margin-left: 0;
}

.shippingaddress .edit-address {
    margin-top: 0.5em;
}

.shippingaddress .edit-address span {
    color: #84bd00;
    cursor: pointer;
}

.formactions {
    margin-top: 20px;
    text-align: right;
}

.item-list .multi-shipment-row {
    border-bottom: none;
}

.minishipments-method {
    padding-top: 10px;
}

.multishipprogress div,
.multishipprogress .step-3 {
    display: inline;
    padding: 1em;
}

.multishipprogress .step-4 {
    padding-right: 0;
}

.pt_checkout #cart-table .cart-row .shipment-label,
.pt_checkout #cart-table .rowcoupons .shipment-label {
    font-weight: 700;
    margin-top: 35px;
    font-size: 1.4em;
}

.pt_account #primary {
    position: relative;
    overflow: hidden;
}

.pt_account #secondary {
    transform: translateX(0%);
    transition: all 500ms ease;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    border: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_account #secondary {
        /*padding-right: 1.25rem;*/
        /*padding-left: 1.25rem;*/
        border: none;
    }
}

.pt_account #secondary .active-menu {
    font-weight: bold;
}

.pt_account .primary-content {
    width: 100%;
    position: absolute;
    transform: translateX(100%);
    transition: all 500ms ease;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_account .primary-content {
        transform: none;
        position: relative;
        border-top: 8px solid #000;
        padding-top: 32px;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_account .primary-content .address-list .address-tile-inner {
        padding: 15px;
    }
}

.pt_account .primary-content .address-list .address-tile-inner a {
    line-height: 1em;
    margin-right: 1em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .pt_account .primary-content .address-list .address-tile-inner a {
        font-size: .85em;
        margin-right: .5em;
    }
}

.pt_account .page-intro {
    margin-bottom: 2em;
}

.pt_account .page-intro h1 {
    border: none;
    float: none;
}

.pt_account h1.account-text {
    margin-bottom: 0;
    line-height: 3rem;
}

.pt_account p.account-text {
    margin-bottom: 1.5em;
}

@media screen and (max-width: 48em) {
    .content-show #primary {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

    .content-show .account-text {
        display: none;
    }

    .content-show #secondary {
        transform: translateX(-100%);
        transition: all 500ms ease;
        position: absolute;
    }

    .content-show .primary-content {
        position: relative;
        transform: translateX(0%);
    }

    .content-show .back-to-account-btn {
        display: block;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .account-nav-asset {
        border-top: 8px solid #000;
        padding: 20px 0 0;
    }
}

.account-nav-asset ul {
    width: 100%;
}

.account-nav-asset li {
    border: 1px #c8c8c8 solid;
    border-width: 1px 0 0 0;
    margin: 0 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: middle;
    align-content: middle;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-nav-asset li {
        border-width: 0 0 1px;
        border-color: #000;
    }
}

.account-nav-asset li:last-child {
    border-width: 1px 0 1px 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-nav-asset li:last-child {
        border-width: 0 0 1px;
    }
}

.account-nav-asset li a {
    padding: 15px 20px;
    width: 100%;
    max-width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-nav-asset li a {
        padding: 6px 0;
    }
}

.account-nav-asset li a:after {
    content: "\f0da";
    /* font-family: icomoon; */
    font-family: Microsoft JhengHei;
    color: #000;
    float: right;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-nav-asset li a:after {
        display: none;
    }
}

.back-to-account-btn {
    display: none;
    background: #e8e8e8;
    padding: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
    margin-top: 2em;
}

@media print,
screen and (min-width: 48.0625em) {
    .back-to-account-btn {
        display: none;
    }
}

#PasswordResetForm fieldset {
    position: relative;
}

#PasswordResetForm button {
    float: right;
    top: 0px;
    left: 63%;
}

h1 .account-logout {
    font-size: 0.6em;
    float: none;
}

.registration-selection input,
.registration-selection label {
    display: inline;
    float: none;
}

.address-list,
.payment-list {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.address-list li,
.payment-list li {
    list-style-type: none;
    padding: 1em;
    width: 90%;
}

@media screen and (min-width: 768px) {

    .address-list li,
    .payment-list li {
        width: 25%;
    }
}

.address-list li.default,
.payment-list li.default {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 1em;
    width: 85%;
}

.address-list li address,
.payment-list li address {
    color: #666;
    font-style: normal;
}

.address-list li a,
.address-list li .button-text,
.payment-list li a,
.payment-list li .button-text {
    line-height: 2rem;
    padding-right: .2rem;
}

.address-list .mini-address-title,
.payment-list .mini-address-title {
    font-style: italic;
    line-height: 2rem;
}

.address-list .cc-owner,
.payment-list .cc-owner {
    font-weight: 700;
}

.account-registration .registration-box .error,
.pt_checkorder .order-track-wrapper .registration-box .error,
.login-wrapper .registration-box .error {
    margin: 0 auto !important;
}

.account-registration .registration-box h1,
.pt_checkorder .order-track-wrapper .registration-box h1,
.login-wrapper .registration-box h1 {
    text-align: center;
    font-size: 36px;
    margin: 0;
    font-weight: bold;
}

.account-registration input,
.pt_checkorder .order-track-wrapper input,
.login-wrapper input {
    font-size: 16px !important;
}

.account-registration span.error,
.pt_checkorder .order-track-wrapper span.error,
.login-wrapper span.error {
    padding: 0;
}

.account-registration .splitter,
.pt_checkorder .order-track-wrapper .splitter,
.login-wrapper .splitter {
    border-top: 1px #000 solid;
    margin: 40px -20px 0;
    padding: 40px 20px 0;
}

@media print,
screen and (min-width: 48.0625em) {

    .account-registration .splitter,
    .pt_checkorder .order-track-wrapper .splitter,
    .login-wrapper .splitter {
        margin: 40px -70px 0;
        padding: 40px 70px 0;
    }
}

.account-registration .form-row,
.pt_checkorder .order-track-wrapper .form-row,
.login-wrapper .form-row {
    margin-top: 0.5em;
}

.account-registration .form-row label,
.pt_checkorder .order-track-wrapper .form-row label,
.login-wrapper .form-row label {
    font-size: 14px;
    min-width: 160px;
    white-space: normal !important;
}

@media print,
screen and (min-width: 48.0625em) {

    .account-registration .form-row label,
    .pt_checkorder .order-track-wrapper .form-row label,
    .login-wrapper .form-row label {
        font-size: 16px;
        min-width: 160px;
        white-space: normal !important;
        width: 30%;
    }
}

.account-registration .form-row .form-caption,
.pt_checkorder .order-track-wrapper .form-row .form-caption,
.login-wrapper .form-row .form-caption {
    font-weight: normal;
}

@media print,
screen and (min-width: 48.0625em) {

    .account-registration .form-row .form-caption,
    .pt_checkorder .order-track-wrapper .form-row .form-caption,
    .login-wrapper .form-row .form-caption {
        position: absolute;
        right: 0;
        bottom: 16px;
        font-size: 12px;
        color: #999;
    }
}

.account-registration .form-row-button,
.pt_checkorder .order-track-wrapper .form-row-button,
.login-wrapper .form-row-button {
    margin: 40px -20px 0;
    border-top: #323232 1px solid;
    padding: 40px 20px 0;
}

@media print,
screen and (min-width: 48.0625em) {

    .account-registration .form-row-button,
    .pt_checkorder .order-track-wrapper .form-row-button,
    .login-wrapper .form-row-button {
        margin: 0;
        border-top: 0;
    }
}

.account-registration .form-row-button button,
.pt_checkorder .order-track-wrapper .form-row-button button,
.login-wrapper .form-row-button button {
    min-height: 40px;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .big-border-top {
        border-top: 8px solid #000;
    }
}

.account-edit form#ChangePassowrdForm {
    border-top: 8px #323232 solid;
}

.account-edit button {
    min-height: 2.5em;
}

@media screen and (max-width: 48em) {
    .account-edit button {
        margin: 2em 0;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit button {
        font-size: 14px;
    }
}

.account-edit select {
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .account-edit #RegistrationForm {
        border-top: 0;
    }
}

.account-edit .form-row {
    padding-bottom: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .form-row label {
        width: 10%;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit .form-row label {
        font-size: .8em;
    }
}

.account-edit .form-row.account-optional .form-caption {
    font-weight: normal;
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 5%;
}

@media print,
screen and (min-width: 64em) {
    .account-edit .form-row.account-optional .form-caption {
        right: 0;
        bottom: 5%;
    }
}

@media screen and (max-width: 48em) {
    .account-edit .form-row.account-optional .form-caption {
        position: relative;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {

    .account-edit .form-row.account-optional.gender .form-caption,
    .account-edit .form-row.account-optional.phone .form-caption {
        right: 22%;
    }
}

.account-edit .form-row.error {
    color: #323232;
    display: -ms-flexbox;
    display: flex;
}

.account-edit .user-info>div {
    margin: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit .gender {
        width: 67%;
    }
}

.account-edit .birthdate {
    padding-bottom: 0;
}

@media screen and (max-width: 48em) {
    .account-edit .birthdate {
        display: block;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit .birthdate {
        clear: both;
        float: none !important;
        width: 75%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .birthdate select {
        padding: 10px;
    }
}

.account-edit .birthdate>div {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

@media print,
screen and (min-width: 64em) {
    .account-edit .birthdate>div.birthmonth {
        width: 65%;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit .birthdate>div.birthmonth {
        width: 60%;
    }

    .account-edit .birthdate>div.birthmonth .field-wrapper {
        width: 40%;
    }
}

.account-edit .birthdate>div.birthmonth .form-caption {
    display: none;
}

@media screen and (max-width: 48em) {
    .account-edit .birthdate>div.dob {
        margin-top: 1.4em !important;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .birthdate>div.dob {
        width: 20%;
    }
}

@media screen and (max-width: 48em) {
    .account-edit .birthdate>div.birthyear {
        clear: both;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .birthdate>div.birthyear {
        margin-left: 0.5em;
        width: 25%;
    }
}

.account-edit .birthdate>div.birthyear label {
    display: none;
}

.account-edit .birthdate span.error {
    position: absolute;
    white-space: nowrap;
}

.account-edit .birthdate input.-error-pad {
    margin-top: 20px;
}

.account-edit .birthdate select.-error-pad {
    margin-top: 20px;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .account-edit .phone {
        width: 67%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .account-edit .newsletter-notif {
        white-space: nowrap;
    }
}

.account-edit .newsletter-notif span {
    font-weight: 500;
}

@media print,
screen and (min-width: 64em) {
    .account-edit .newsletter-notif span {
        white-space: nowrap;
    }
}

.account-edit .newsletter-notif .field-wrapper {
    width: auto !important;
}

@media print,
screen and (min-width: 48.0625em) {
    .pw-requirements.hide-for-small-only {
        width: 42%;
    }
}

@media print,
screen and (min-width: 64em) {
    .pw-requirements.hide-for-small-only {
        width: 30%;
    }
}

.pw-requirements span {
    font-weight: 500;
    font-size: 12px;
}

/*** Edit Address Modal ***/
.edit_address_form button.apply-button {
    float: right;
    padding: 0.5em 2em 0.3em 2em;
}

@media screen and (max-width: 48em) {
    .edit_address_form button.apply-button {
        width: 100%;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .edit_address_form .form-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.edit_address_form .form-row label {
    margin-right: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .edit_address_form .form-row label {
        width: 110px;
        min-width: 110px;
    }
}

.edit_address_form .form-row label.error {
    width: 100%;
}

.edit_address_form .form-row .field-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.edit_address_form .set-default-cb {
    margin-top: 1em;
}

.edit_address_form .set-default-cb label {
    width: 100%;
}

.edit_address_form .set-default-cb .field-wrapper {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .edit_address_form .set-default-cb .field-wrapper input {
        min-width: 30px;
        margin-right: 10px;
    }
}

.edit_address_form .form-row-button {
    margin-top: 1em !important;
}

.edit_address_form .apply-button {
    margin-top: 1em;
}

/***** Payment methods styles *****/
.pt_account #CreditCardForm .form-row-button.lrg-right .column,
.pt_account #CreditCardForm .form-row-button.lrg-right .columns {
    margin: 0;
}

.pt_account #CreditCardForm .expiration-date .form-caption {
    display: none;
}

.pt_account #CreditCardForm .expiration-date.error {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pt_account #CreditCardForm .expiration-date.error .form-caption {
    display: block;
}

.pt_account #CreditCardForm .error-message {
    background: none;
    white-space: nowrap;
}

.paymentslist .payment-list {
    margin-left: -1rem;
    margin-right: -1rem;
}

.paymentslist .creditcard-tile .creditcard-tile-inner {
    min-height: 190px;
    display: block;
}

@media screen and (max-width: 48em) {
    .paymentslist .creditcard-tile .creditcard-tile-inner {
        min-height: 150px;
    }
}

.paymentslist .creditcard-tile .creditcard-tile-inner:hover {
    cursor: default;
}

.paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form {
    margin-top: 1em;
}

.paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form button.delete {
    font-size: 80%;
    font-weight: normal;
    text-decoration: underline;
}

@media screen and (max-width: 48em) {
    .paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form button.delete {
        position: absolute;
        top: 10px;
        right: 15px;
        text-decoration: none;
        font-size: 16px;
    }
}

.paymentslist .creditcard-tile .creditcard-tile-inner .remove-card-form button.delete:hover {
    text-decoration: none;
}

.paymentslist .creditcard-tile .creditcard-tile-inner .cc-number {
    font-weight: bold;
}

.paymentslist .creditcard-tile .creditcard-tile-inner .cc-number:before {
    position: relative;
    margin-bottom: 1em;
    bottom: 0;
}

@media screen and (max-width: 48em) {
    .paymentslist .creditcard-tile .creditcard-tile-inner .cc-number:before {
        margin-bottom: 0;
        float: left;
        margin-right: 10px;
    }
}

.paymentslist .credit-card-create {
    width: auto;
}

@media screen and (max-width: 48em) {
    .paymentslist .credit-card-create {
        width: 100%;
    }
}

.column-header {
    font-size: 40px;
    margin: 0.4em 0;
}

.to-previous {
    background: #c8c8c8;
    padding: 1em 1em;
    font-weight: 700;
    margin-top: 1em;
}

.clear {
    clear: both !important;
}

.text-cursor {
    cursor: text !important;
}

/* hides the caption span in input/select fields */
.no-caption .form-caption {
    display: none;
}

#remove-address,
#remove-card {
    height: auto;
    min-height: 0;
}

@media print,
screen and (min-width: 64em) {

    #remove-address,
    #remove-card {
        width: 60%;
    }
}

@media screen and (max-width: 48em) {

    #remove-address button:not(.close-button),
    #remove-card button:not(.close-button) {
        margin-top: 1em;
        width: 100%;
    }
}

@media print,
screen and (min-width: 48.0625em) {

    #remove-address button:not(.close-button),
    #remove-card button:not(.close-button) {
        float: right;
        margin-left: 2em;
        margin-top: 2em;
    }
}

@media print,
screen and (min-width: 48.0625em) {

    #remove-address p,
    #remove-card p {
        margin: 0;
    }
}

.pt_wish-list .list-table-header {
    background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #fff;
    overflow: hidden;
    padding: 2em;
}

.pt_wish-list .list-table-header p {
    color: #999;
    float: right;
    margin: 0;
    overflow: hidden;
    width: 40%;
}

.pt_wish-list .primary-content .list-table-header h2 {
    float: left;
}

.pt_wish-list #secondary {
    border-right: none;
}

.pt_wish-list .add-all-form {
    text-align: right;
    padding-bottom: 2em;
    display: block;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 63.9375em) {
    .pt_wish-list .add-all-form {
        margin: 0;
    }
}

@media screen and (max-width: 48em) {
    .pt_wish-list .add-all-form {
        text-align: center;
        border-top: none;
    }

    .pt_wish-list .add-all-form .button-fancy-small {
        width: 100%;
    }
}

.pt_wish-list .wishlist-item {
    padding-bottom: 2em;
    border-bottom: 1px solid #000;
    margin-top: 2em;
    margin-left: 0;
    margin-right: 0;
}

.pt_wish-list .wishlist-item .item-details {
    position: relative;
    padding-right: 2em;
}

.pt_wish-list .wishlist-item:first-child {
    padding-top: 2em;
    margin-top: 0;
    border-top: 1px solid #000;
}

.pt_wish-list .wishlist-item .product-list-item .name {
    font-weight: bold;
    font-style: normal;
}

.pt_wish-list .wishlist-item .option-update {
    padding-top: 2em;
}

@media screen and (max-width: 48em) {
    .pt_wish-list .wishlist-item .option-update {
        padding-top: 0em;
    }
}

.pt_wish-list .wishlist-item .option-update .delete-item {
    font-weight: normal;
    font-size: 80%;
    text-decoration: underline;
}

.pt_wish-list .wishlist-item .option-update .delete-item:hover {
    text-decoration: none;
}

.pt_wish-list .wishlist-item .option-update .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
}

.pt_wish-list .wishlist-item .item-dashboard {
    position: relative;
}

@media screen and (max-width: 48em) {
    .pt_wish-list .wishlist-item .item-dashboard {
        padding-left: 16.7777%;
        text-align: left;
        padding-top: 1em;
    }
}

.pt_wish-list .wishlist-item .item-dashboard .item-dashboard-inner {
    margin: 0;
}

.pt_wish-list .wishlist-item .item-dashboard .add-to-cart {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
}

@media screen and (max-width: 63.9375em) {
    .pt_wish-list .wishlist-item .item-dashboard .add-to-cart {
        position: relative;
        width: 100%;
    }
}

@media screen and (max-width: 63.9375em) {
    .pt_wish-list .wishlist-item .item-dashboard .quantity-column {
        text-align: right;
    }

    .pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-quantity-desired {
        display: block;
    }
}

@media screen and (max-width: 48em) {
    .pt_wish-list .wishlist-item .item-dashboard .quantity-column {
        text-align: left;
        position: relative;
    }
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .quantity-text {
    color: #000;
    font-weight: normal;
    display: inline;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .quantity-select {
    display: inline;
    width: auto;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column label {
    display: none;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .input-text {
    padding: 0;
    width: 20%;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update {
    padding-top: 1em;
    padding-bottom: 1em;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update .delete-item {
    font-size: 80%;
    font-weight: normal;
    text-decoration: underline;
}

.pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update .delete-item:hover {
    text-decoration: none;
}

.pt_wish-list .wishlist-item .item-dashboard .price-column {
    text-align: right;
    font-weight: bold;
}

@media screen and (max-width: 63.9375em) {
    .pt_wish-list .wishlist-item .item-dashboard .price-column {
        padding-top: 1em;
    }
}

@media screen and (max-width: 48em) {
    .pt_wish-list .wishlist-item .item-dashboard .price-column {
        text-align: left;
    }
}

.pt_wish-list .wishlist-item .item-dashboard .price-column .price .value {
    color: #000;
}

.list-share {
    border-top: 1px solid #e6e6e6;
    padding: 2em;
}

.list-share .share-option {
    box-sizing: border-box;
    display: block;
    margin-bottom: .5rem;
    float: left;
}

.list-share .share-options {
    text-align: center;
    margin-bottom: .5rem;
    font-size: 1.7em;
    float: left;
    margin-left: 1rem;
    margin-top: 0.3rem;
}

.list-share .share-options .share-title {
    display: inline;
}

.list-share .list-title {
    float: left;
}

.list-share .share-link {
    cursor: pointer;
}

.list-share .share-link-content {
    display: none;
}

.list-share .share-link-content.active {
    display: block;
    float: left;
}

.event-info {
    margin: 1em;
}

.wishlist-search .form-row,
.registry-search .form-row {
    clear: none;
    margin: .5rem 0 .5rem 1%;
    float: left;
    width: 32.666666667%;
}

.wishlist-search .form-row:nth-of-type(3n + 1),
.registry-search .form-row:nth-of-type(3n + 1) {
    margin-left: 0;
}

.wishlist-search .form-row-button,
.registry-search .form-row-button {
    margin-left: 0;
}

.wishlist-error-message {
    height: 120px;
}

.pt_gift-registry .create-new-registry {
    margin: 1em 0;
}

.pt_gift-registry .create-new-registry button {
    float: left;
    margin-right: 2em;
}

.pt_gift-registry .create-new-registry p {
    font-size: 1.3em;
}

.pt_gift-registry .add-gift-cert {
    border: 1px solid #fff;
    margin-bottom: -1px;
    overflow: auto;
    padding: .83em;
}

.pt_gift-registry .add-gift-cert p {
    color: #999;
    font-style: italic;
    line-height: 1.5em;
}

.pt_gift-registry .hdr-options {
    width: 9%;
}

.page-content-tab-navigaton button {
    background-color: #e0e0e0;
    border-color: #fff;
    border-width: 1px;
    color: #999;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 -1px;
}

.page-content-tab-navigaton button.selected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.page-content-tab-wrapper {
    border: 1px solid #fff;
    padding: .42em;
}

.gift-reg-purchases .item-purchased-by dd {
    float: left;
    font-weight: bold;
    margin: 0 1em 0 0;
    position: relative;
    width: auto;
}

.gift-reg-purchases .item-purchased-by dt {
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    position: relative;
    width: auto;
}

.gift-reg-purchases .quantity-purchased {
    color: #990000;
}

.gift-registry-advanced .toggle-content {
    display: none;
}

.gift-cert-title {
    font-weight: 700;
}

@media print,
screen and (min-width: 64em) {
    .pt_account_full .page-content .collapse {
        padding-left: 0;
    }

    .pt_account_full .primary-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.gift-cert-poster {
    border-top: #323232 8px solid;
    border-bottom: #323232 8px solid;
    margin-bottom: 2em;
}

@media print,
screen and (min-width: 64em) {
    .gift-cert-poster {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.gift-cert-poster h2 {
    font-size: 1.5em;
    text-transform: none;
}

.gift-cert-poster img {
    width: 100%;
}

.gift-cert-poster>div {
    padding: 0 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-cert-poster>div {
        padding: 0 2em;
    }
}

.gift-certificate-purchase {
    border-bottom: #323232 thin solid;
    padding-bottom: 3em;
    margin-bottom: 1em;
    padding: .83em;
}

@media print,
screen and (min-width: 64em) {
    .gift-certificate-purchase {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.gift-certificate-purchase .gift-instruction {
    margin: 3em 0 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase .gift-instruction {
        margin-top: 0;
    }
}

.gift-certificate-purchase .img-preview {
    text-align: center;
}

.gift-certificate-purchase form {
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form {
        padding: 0 1.66em 1.66em;
    }
}

.gift-certificate-purchase form .gift-templates select {
    display: inline-block;
    font-weight: 700;
    margin-left: 1em;
    width: 80%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .gift-templates select {
        margin-left: 0;
        width: 85%;
    }
}

.gift-certificate-purchase form .email-label label {
    display: none;
}

.gift-certificate-purchase form .cert-amount {
    margin: 0;
    width: 100%;
}

.gift-certificate-purchase form .cert-amount label {
    width: auto;
}

.gift-certificate-purchase form .cert-amount .field-wrapper {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .cert-amount .field-wrapper {
        width: 40%;
    }
}

@media print,
screen and (min-width: 64em) {
    .gift-certificate-purchase form .cert-amount .field-wrapper {
        width: 25%;
    }
}

.gift-certificate-purchase form .cert-message {
    display: block;
    margin: 1em 0;
    width: 100%;
}

.gift-certificate-purchase form .cert-message label {
    white-space: nowrap;
}

.gift-certificate-purchase form .cert-message .field-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gift-certificate-purchase form .cert-message .field-wrapper .char-count {
    font-weight: normal;
    font-size: 13px;
    -ms-flex-order: 2;
    order: 2;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .cert-message .field-wrapper .char-count {
        font-weight: 500;
        -ms-flex-order: 1;
        order: 1;
        position: absolute;
        right: 0;
        top: 0;
    }
}

.gift-certificate-purchase form .cert-message .field-wrapper textarea {
    background-color: transparent;
    border-width: 1px;
    font-weight: normal;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .cert-message .field-wrapper textarea {
        -ms-flex-order: 2;
        order: 2;
    }
}

.gift-certificate-purchase form button {
    margin-top: -4px;
    width: 12em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.gift-certificate-purchase form .row,
.gift-certificate-purchase form .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .gift-certificate-purchase form .content-asset,
.gift-certificate-purchase form .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .gift-certificate-purchase form .content-asset {
    padding: 0 1em;
}

.gift-certificate-purchase form .form-row {
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: none;
    padding: 0;
}

.gift-certificate-purchase form .form-row .field-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.gift-certificate-purchase form .form-row.first {
    margin: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row.first {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row.first .field-wrapper {
        margin-right: 1em;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row.first .field-wrapper {
        margin-right: 1em;
    }
}

.gift-certificate-purchase form .form-row.second {
    padding-left: 3.5em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row.second {
        padding-left: 0;
    }
}

.gift-certificate-purchase form .form-row input {
    font-weight: normal;
    background-color: transparent;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .gift-certificate-purchase form .form-row input {
        font-size: 11px;
    }
}

.gift-certificate-purchase form .form-row label {
    width: 17%;
}

@media screen and (max-width: 48em) {
    .gift-certificate-purchase form .form-row label {
        margin-top: 0.6em;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .gift-certificate-purchase form .form-row label {
        width: 30%;
    }
}

.gift-certificate-purchase form .form-row-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2em 0 0;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row-button {
        display: block;
        -ms-flex-direction: initial;
        flex-direction: initial;
    }
}

.gift-certificate-purchase form .form-row-button button {
    border: #c00 2px solid;
    background-color: #c00;
    color: #ffffff;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row-button button {
        width: 50%;
    }
}

@media print,
screen and (min-width: 64em) {
    .gift-certificate-purchase form .form-row-button button {
        width: 33%;
    }
}

.gift-certificate-purchase form .form-row-button button:hover {
    background-color: #ffffff;
    color: #c00;
}

.gift-certificate-purchase form .form-row-button a {
    display: inline;
    margin-top: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase form .form-row-button a {
        margin-left: 2em;
        margin-top: 0;
    }
}

.gift-certificate-purchase ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

.gift-certificate-purchase ul li {
    display: inline-block;
    margin-right: 0.7em;
    border-bottom: transparent 3px solid;
    padding-bottom: 0.2em;
}

.gift-certificate-purchase ul li:hover,
.gift-certificate-purchase ul li.active {
    border-bottom: #323232 3px solid;
}

.gift-certificate-purchase ul li img {
    background-color: #c00;
    height: 100%;
    width: 100%;
}

.gift-certificate-purchase .cert-amount .form-caption {
    margin: 1.66em 0 0;
    position: absolute;
    width: 40%;
}

.gift-certificate-purchase .cert-amount.error {
    padding-bottom: 2.92em;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase .cert-amount .field-wrapper {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
}

.gift-certificate-purchase span.error {
    margin-left: 2%;
}

.gift-certificate-purchase .e-gift-delivery-details {
    display: inline-block;
    margin: 3em 0;
    text-align: left;
}

@media print,
screen and (min-width: 48.0625em) {
    .gift-certificate-purchase .e-gift-delivery-details {
        text-align: center;
    }
}

.gift-certificate-purchase .e-gift-delivery-details span {
    font-weight: 700;
}

.gift-certificate-purchase-modal {
    border-bottom: 0;
}

.gift-certificate-purchase-modal form {
    padding: 0;
}

.gift-check-balance {
    margin: 0 auto;
}

@media print,
screen and (min-width: 64em) {
    .gift-check-balance {
        width: 85%;
    }
}

.gift-check-balance h1 {
    font-weight: 700;
}

.gift-check-balance h3 {
    font-weight: normal;
}

.check-balance {
    margin: 0 auto;
    padding: 0 0 1.66em;
}

@media print,
screen and (min-width: 64em) {
    .check-balance {
        width: 85%;
    }
}

.check-balance input {
    background-color: transparent;
}

.check-balance .row,
.check-balance .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .check-balance .content-asset,
.check-balance .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .check-balance .content-asset {
    width: 100%;
}

.check-balance .gift-cert-id {
    margin: 0 0 0 1em;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .check-balance .gift-cert-id {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 35%;
    }
}

@media print,
screen and (min-width: 64em) {
    .check-balance .gift-cert-id {
        width: 44%;
    }
}

.check-balance .gift-cert-id label {
    width: auto;
}

.check-balance .gift-cert-id span.error {
    margin-left: 1em;
}

.check-balance .gift-cert-id .field-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.check-balance .gift-cert-pin {
    width: 100%;
    margin-top: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .check-balance .gift-cert-pin {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 2em 0 1em;
        width: 24%;
    }
}

@media print,
screen and (min-width: 64em) {
    .check-balance .gift-cert-pin {
        margin: 0 2em;
    }
}

.check-balance .gift-cert-balance-submit {
    width: 100%;
    margin: 2em 1em 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .check-balance .gift-cert-balance-submit {
        margin: 0;
        width: auto;
    }
}

.gift-cert-balance {
    float: left;
    width: 40%;
}

.gift-cert-balance input {
    margin-top: 0;
    width: 93%;
}

.gift-cert-balance .form-caption {
    margin-left: 0;
}

.gift-cert-balance .label {
    display: none;
}

.gift-certificate-purchase.edit-modal {
    border-bottom: 0px;
}

.checkoutlogin,
.account-registration,
.pt_checkorder .order-track-wrapper,
.login-wrapper,
.pt_customer-service .primary-content .contact-form-wrapper {
    margin: 2.5rem auto;
    border: 1px #999 solid;
    padding: 36px 20px;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkoutlogin,
    .account-registration,
    .pt_checkorder .order-track-wrapper,
    .login-wrapper,
    .pt_customer-service .primary-content .contact-form-wrapper {
        padding: 5rem;
        margin: 1rem auto;
    }
}

.checkoutlogin .form-row label,
.account-registration .form-row label,
.pt_checkorder .order-track-wrapper .form-row label,
.login-wrapper .form-row label,
.pt_customer-service .primary-content .contact-form-wrapper .form-row label {
    width: auto;
    white-space: nowrap;
}

.checkoutlogin .login-box h3,
.account-registration .login-box h3,
.pt_checkorder .order-track-wrapper .login-box h3,
.login-wrapper .login-box h3,
.pt_customer-service .primary-content .contact-form-wrapper .login-box h3,
.account-registration .registration-box h3,
.pt_checkorder .order-track-wrapper .registration-box h3,
.login-wrapper .registration-box h3,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 {
    margin: 0;
    text-align: center;
    font-size: 22px;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkoutlogin .login-box h3,
    .account-registration .login-box h3,
    .pt_checkorder .order-track-wrapper .login-box h3,
    .login-wrapper .login-box h3,
    .pt_customer-service .primary-content .contact-form-wrapper .login-box h3,
    .account-registration .registration-box h3,
    .pt_checkorder .order-track-wrapper .registration-box h3,
    .login-wrapper .registration-box h3,
    .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 {
        font-size: 36px;
    }
}

.checkoutlogin .login-box p,
.account-registration .login-box p,
.pt_checkorder .order-track-wrapper .login-box p,
.login-wrapper .login-box p,
.pt_customer-service .primary-content .contact-form-wrapper .login-box p,
.account-registration .registration-box p,
.pt_checkorder .order-track-wrapper .registration-box p,
.login-wrapper .registration-box p,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box p {
    margin: 1em 0;
    text-align: center;
    font-size: 14px;
}

.checkoutlogin .login-box .user-recognized,
.account-registration .login-box .user-recognized,
.pt_checkorder .order-track-wrapper .login-box .user-recognized,
.login-wrapper .login-box .user-recognized,
.pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized,
.account-registration .registration-box .user-recognized,
.pt_checkorder .order-track-wrapper .registration-box .user-recognized,
.login-wrapper .registration-box .user-recognized,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized {
    margin: 0 -20px;
    padding: 36px 20px;
    border-top: 1px #000 solid;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkoutlogin .login-box .user-recognized,
    .account-registration .login-box .user-recognized,
    .pt_checkorder .order-track-wrapper .login-box .user-recognized,
    .login-wrapper .login-box .user-recognized,
    .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized,
    .account-registration .registration-box .user-recognized,
    .pt_checkorder .order-track-wrapper .registration-box .user-recognized,
    .login-wrapper .registration-box .user-recognized,
    .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized {
        margin: 54px -20px 0;
    }
}

.checkoutlogin .login-box #emailcheck,
.account-registration .login-box #emailcheck,
.pt_checkorder .order-track-wrapper .login-box #emailcheck,
.login-wrapper .login-box #emailcheck,
.pt_customer-service .primary-content .contact-form-wrapper .login-box #emailcheck,
.account-registration .registration-box #emailcheck,
.pt_checkorder .order-track-wrapper .registration-box #emailcheck,
.login-wrapper .registration-box #emailcheck,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box #emailcheck {
    margin: 10px auto;
    width: 100%;
    min-height: 40px;
}

.checkoutlogin .login-box #password-reset,
.account-registration .login-box #password-reset,
.pt_checkorder .order-track-wrapper .login-box #password-reset,
.login-wrapper .login-box #password-reset,
.pt_customer-service .primary-content .contact-form-wrapper .login-box #password-reset,
.account-registration .registration-box #password-reset,
.pt_checkorder .order-track-wrapper .registration-box #password-reset,
.login-wrapper .registration-box #password-reset,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box #password-reset {
    font-size: 14px;
    color: #999;
    text-align: right;
}

.checkoutlogin .login-box #login,
.account-registration .login-box #login,
.pt_checkorder .order-track-wrapper .login-box #login,
.login-wrapper .login-box #login,
.pt_customer-service .primary-content .contact-form-wrapper .login-box #login,
.account-registration .registration-box #login,
.pt_checkorder .order-track-wrapper .registration-box #login,
.login-wrapper .registration-box #login,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box #login {
    margin: 40px auto 10px;
    width: 100%;
}

.checkoutlogin .login-box #guestcheckout,
.account-registration .login-box #guestcheckout,
.pt_checkorder .order-track-wrapper .login-box #guestcheckout,
.login-wrapper .login-box #guestcheckout,
.pt_customer-service .primary-content .contact-form-wrapper .login-box #guestcheckout,
.account-registration .registration-box #guestcheckout,
.pt_checkorder .order-track-wrapper .registration-box #guestcheckout,
.login-wrapper .registration-box #guestcheckout,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box #guestcheckout {
    margin: 20px auto 10px;
    width: 100%;
}

.checkoutlogin .login-box .user-recognized,
.account-registration .login-box .user-recognized,
.pt_checkorder .order-track-wrapper .login-box .user-recognized,
.login-wrapper .login-box .user-recognized,
.pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized,
.account-registration .registration-box .user-recognized,
.pt_checkorder .order-track-wrapper .registration-box .user-recognized,
.login-wrapper .registration-box .user-recognized,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized {
    margin-top: 40px;
    padding-top: 40px;
}

@media print,
screen and (min-width: 48.0625em) {

    .checkoutlogin .login-box .user-recognized h3,
    .account-registration .login-box .user-recognized h3,
    .pt_checkorder .order-track-wrapper .login-box .user-recognized h3,
    .login-wrapper .login-box .user-recognized h3,
    .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized h3,
    .account-registration .registration-box .user-recognized h3,
    .pt_checkorder .order-track-wrapper .registration-box .user-recognized h3,
    .login-wrapper .registration-box .user-recognized h3,
    .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized h3 {
        font-size: 24px;
    }
}

.checkoutlogin .login-box .user-recognized .reset-password-link,
.account-registration .login-box .user-recognized .reset-password-link,
.pt_checkorder .order-track-wrapper .login-box .user-recognized .reset-password-link,
.login-wrapper .login-box .user-recognized .reset-password-link,
.pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized .reset-password-link,
.account-registration .registration-box .user-recognized .reset-password-link,
.pt_checkorder .order-track-wrapper .registration-box .user-recognized .reset-password-link,
.login-wrapper .registration-box .user-recognized .reset-password-link,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized .reset-password-link {
    text-align: center;
}

.checkoutlogin .login-box .form-row-button.align-center .column,
.account-registration .login-box .form-row-button.align-center .column,
.pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .column,
.login-wrapper .login-box .form-row-button.align-center .column,
.pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .column,
.account-registration .registration-box .form-row-button.align-center .column,
.pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .column,
.login-wrapper .registration-box .form-row-button.align-center .column,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .column,
.checkoutlogin .login-box .form-row-button.align-center .columns,
.account-registration .login-box .form-row-button.align-center .columns,
.pt_checkorder .order-track-wrapper .login-box .form-row-button.align-center .columns,
.login-wrapper .login-box .form-row-button.align-center .columns,
.pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .columns,
.account-registration .registration-box .form-row-button.align-center .columns,
.pt_checkorder .order-track-wrapper .registration-box .form-row-button.align-center .columns,
.login-wrapper .registration-box .form-row-button.align-center .columns,
.pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .columns {
    margin: 0 auto;
}

.login-rememberme {
    display: -ms-flexbox;
    display: flex;
    margin-left: .5em;
}

.login-oauth p:first-child {
    font-size: 2em;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

#OAuthProvider {
    display: block;
    margin-bottom: 1em;
    width: 80%;
}

@media print,
screen and (min-width: 48.0625em) {
    .login-wrapper {
        padding: 80px 80px 40px;
    }
}

@media screen and (max-width: 63.9375em) {
    .login-wrapper {
        padding: 20px;
    }
}

.login-wrapper .error-form {
    text-align: center;
    margin-top: 20px;
}

.login-wrapper .reset-password-link {
    text-align: center;
    text-decoration: underline !important;
    width: 100%;
}

.login-wrapper .create-new-account {
    text-align: center;
    padding: 2em 0 0.5em;
    border-top: 1px #767676 solid;
    margin-top: 40px;
}

.login-wrapper .create-new-account p {
    line-height: normal;
    margin: 0;
    font-size: 24px;
}

.login-wrapper .create-new-account a {
    max-width: 320px;
    margin: 20px auto;
    width: 100%;
}

.login-wrapper .form-row-button {
    max-width: 360px;
    margin: 0 auto;
    border: none;
}

.login-wrapper .form-row-button #login {
    margin: 0 auto 10px;
}

.bottom-banner-container {
    overflow: hidden;
}

.bottom-banner-container .bottom-banner-cell {
    float: left;
    overflow: hidden;
    text-align: center;
}

.bottom-banner-container .banner-cell-1 {
    width: 33%;
}

.bottom-banner-container .banner-cell-2 {
    width: 34%;
}

.bottom-banner-container .banner-cell-3 {
    width: 33%;
}

.store-locator-header {
    background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
    font-size: 1.75em;
    font-style: italic;
    font-weight: 400;
    margin: 20px 0 0;
    padding: 20px 0;
}

.store-information {
    background: none repeat scroll 0 0 #e0e0e0;
    border-bottom: 1px solid #fff;
}

.store-name {
    font-weight: bold;
    margin: 0 0 10px;
}

.store-map {
    border-bottom: 1px solid #e0e0e0;
}

.store-locator-details {
    float: left;
    width: 44%;
}

.store-locator-details img {
    max-width: 100%;
}

.store-locator-details h1,
.store-locator-details p {
    margin: 0.25em 0;
}

.store-locator-details-map {
    float: right;
    width: 50%;
}

.store-locator-details-map img {
    max-width: 100%;
}

.js .loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.js .loader-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
}

.js .loader-indicator {
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    background: url("../images/loading-small.gif") no-repeat;
}

.search-suggestion-wrapper {
    background-color: #fff;
    border: 0;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
    padding-bottom: 1em;
    position: absolute;
    margin-top: 0;
    width: 100%;
    z-index: 101;
    left: 0;
    right: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-suggestion-wrapper {
        width: 100%;
        margin-top: 6px;
    }

    .search-suggestion-wrapper .product-suggestions {
        margin: 0 2em;
    }
}

.search-suggestion-wrapper h4 {
    margin-top: 2.18rem;
    color: #323232;
    text-transform: uppercase;
}

.search-suggestion-wrapper .hitgroup {
    color: #666;
    margin-bottom: 1.8rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-suggestion-wrapper .hitgroup {
        margin-bottom: 2.18rem;
    }
}

.search-suggestion-wrapper .hitgroup .header {
    margin: 0 0 .5rem 0;
}

.search-suggestion-wrapper .hitgroup .hit {
    display: block;
    margin-bottom: .5rem;
    font-size: 0.75rem;
}

.search-suggestion-wrapper .hitgroup .hit:hover {
    text-decoration: underline;
}

.search-suggestion-wrapper .hitgroup .parent-category {
    color: #323232;
}

.search-suggestion-wrapper .search-suggestion-container {
    margin: 0 auto;
    max-width: 78.75rem;
    width: 100%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-suggestion-wrapper .search-suggestion-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

@media print,
screen and (min-width: 64em) {
    .search-suggestion-wrapper .search-suggestion-container {
        padding-right: 0;
        padding-left: 0;
    }
}

.phrase-suggestions {
    margin-top: 1rem;
}

@media screen and (min-width: 768px) {
    .phrase-suggestions {
        border-top: none;
        margin-top: 2.18rem;
    }
}

.product-suggestion {
    margin-bottom: 1.25rem;
}

.product-suggestion a.product-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.product-suggestion a.product-link:hover {
    text-decoration: underline;
}

.product-suggestion .product-image img {
    max-width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .product-suggestion .product-details {
        font-size: 0.75rem;
    }
}

.product-suggestion .product-details .product-price {
    color: #000;
}

.search-phrase {
    color: #999;
}

.search-phrase .completed {
    font-style: italic;
}

.search-phrase .completed .original {
    text-decoration: underline;
    font-weight: bold;
}

.search-phrase .corrected {
    font-weight: bold;
}

.ui-dialog #listings-nav {
    float: right;
    margin-top: 2%;
}

.ui-dialog #listings-nav a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
}

.ui-dialog #listings-nav a.active {
    font-weight: bold;
}

.pdp-main .product-add-to-cart .online-stock span {
    float: left;
}

.pdp-main .product-add-to-cart .store-stock {
    display: block;
    clear: left;
}

.availability-web {
    padding-bottom: 1rem;
}

.availability-web label {
    float: none;
}

.availability-web p {
    margin: 0;
}

.availability-web .availability-novariation {
    color: #999;
    font-style: italic;
}

.availability-storepickup .availability-instore,
.availability-storepickup .availability-web {
    background-color: #e0e0e0;
    padding: 1rem;
}

.availability-storepickup .availability-web {
    float: none;
}

.availability-storepickup .availability-instore {
    margin-bottom: 1rem;
}

.in-stock-msg,
.is-in-stock,
[data-status="store-in-stock"] {
    color: #000;
    font-weight: 700;
}

.not-available-msg,
.in-stock-date-msg,
.not-available,
.out-of-stock,
.store-error {
    color: #c00;
}

.on-order,
.preorder-msg,
.backorder-msg {
    color: #008578;
    font-weight: 700;
}

#user-zip {
    display: block;
    margin: 1rem auto 0;
}

.store-list-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 565px;
}

.store-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.store-tile {
    border: 1px dashed #ccc;
    box-sizing: border-box;
    float: left;
    list-style: none outside none;
    margin: 0.3rem 0.4rem;
    padding: 0.8rem;
    text-align: center;
    width: 175px;
}

.store-tile.selected {
    background-color: rgba(132, 189, 0, 0.5);
}

.store-tile .store-status {
    display: block;
    font-size: 0.9em;
    margin: 1rem 0;
}

.store-list-pdp-container {
    margin-top: 1em;
}

.store-list-pdp-container .store-list-pdp {
    margin-top: 0.5em;
}

.store-list-pdp-container .store-list-item {
    display: none;
    padding: 0.5em 0.8em;
}

.store-list-pdp-container .store-list-item:last-of-type {
    border: none;
}

.store-list-pdp-container .store-list-item.selected {
    display: block;
    font-weight: bold;
}

.store-list-pdp-container .store-list-item.visible {
    display: block;
}

.store-list-pdp-container .store-list-item .store-address {
    float: left;
}

.store-list-pdp-container .store-list-item .store-status {
    float: right;
}

.selected-store-address {
    margin-top: 0.5em;
}

.selected-store-availability {
    margin: 0.3em 0 0.5em;
}

.multishipprogress div,
.multishipprogress .step-3 {
    display: inline;
    padding: 1em;
}

.multishipprogress .step-4 {
    padding-right: 0;
}

.multishipaddressestable {
    margin: 9px 0px 20px 0px;
    width: 706px;
}

.multi-ship-shipments-table {
    margin: 0 0 20px;
    width: 706px;
}

.multi-ship-shipments-table .section-header {
    font-size: 10px;
    font-weight: bold;
    padding: 9px 6px 11px;
}

.multi-ship-shipments-table .shipping-address .details {
    padding: 0 10px 0 22px;
}

.multi-ship-shipments-table .gift-options label {
    float: left;
    padding: 0;
}

.multi-ship-shipments-table .gift-options input {
    margin: 0 10px;
}

.multi-shipping-addresses {
    margin-bottom: 20px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.multi-shipping-addresses .shipping-address {
    text-align: right;
}

.multi-shipping-addresses .shipping-address select {
    margin: 4px 0 0;
    width: 260px;
}

.header-product-shipping {
    width: 276px;
}

.header-qty-shipping {
    width: 45px;
}

.header-location-shipping {
    text-indent: 70px;
    width: 307px;
}

.header-shipment-index {
    width: 409px;
}

.header-shipment-qty {
    width: 27px;
}

.header-shipment-details {
    text-indent: 22px;
}

.multi-shipping-methods {
    position: absolute;
    top: 30px;
}

.multi-shipping-methods .form-row {
    clear: none;
    float: left;
    display: none;
}

.multi-shipping-methods select {
    width: 250px;
    margin: -5px 0 0 15px;
}

.multi-shipping-option {
    border-bottom: 2px dotted #999;
    left: 0;
    padding: 0 0 12px;
    position: absolute;
    text-indent: 10px;
    top: 48px;
    width: 95%;
}

.multi-shipping-addresses .shipping-qty,
.multi-ship-shipments-table .shipping-qty {
    background: none repeat scroll 0 0 #fff;
}

.multiship .label {
    font-weight: bold;
}

.hide {
    display: none;
}

.show {
    display: block;

}

.loading {
    background: url("../images/loading-progress-98x22.gif") no-repeat scroll left center transparent;
}

.instore-shipping-option {
    width: 100%;
}

.pt_checkout .instore-shipment-header {
    width: 100%;
}

.pt_checkout .instore-shipment-method {
    width: 100%;
    padding: 1em;
}

.pt_checkout .instore-shipment-method span {
    font-weight: bold;
}

.pt_checkout .instore-shipment-address {
    width: 40%;
    float: left;
    padding-left: 1em;
}

.pt_checkout .instore-shipment-message {
    clear: both;
}

.pt_checkout .instore-shipment-messagetxt {
    width: 50%;
    float: right;
}

.checkout-shipping fieldset .instore-continue-button {
    margin-left: 61.5%;
}

@media print {

    .pt_order-confirmation #mini-cart,
    .pt_order-confirmation .menu-utility-user,
    .pt_order-confirmation .menu-utility,
    .pt_order-confirmation .header-banner,
    .pt_order-confirmation #navigation {
        display: none;
    }
}

.no-hits-header {
    font-weight: bold;
    font-size: 2em;
    padding-left: 0px !important;
    margin-left: -5px !important;
}

.no-hits-search .search-label,
.error-page-search .search-label {
    display: inline-block;
}

.no-hits-search .field-button-container,
.error-page-search .field-button-container {
    display: inline-block;
}

.no-hits-search .field-button-container button,
.error-page-search .field-button-container button {
    width: 13%;
}

@media screen and (max-width: 39.9375em) {

    .no-hits-search .field-button-container,
    .error-page-search .field-button-container {
        width: 100%;
    }

    .no-hits-search .field-button-container input,
    .error-page-search .field-button-container input {
        width: 80%;
    }
}

@media print,
screen and (min-width: 48.0625em) {

    .no-hits-search .field-button-container input,
    .error-page-search .field-button-container input {
        width: 80%;
    }
}

@media print,
screen and (min-width: 64em) {

    .no-hits-search .field-button-container,
    .error-page-search .field-button-container {
        width: 41%;
    }

    .no-hits-search .field-button-container input,
    .error-page-search .field-button-container input {
        width: 85%;
    }
}

.nohits-suggestion-wrapper .top-10-wrapper ul {
    padding-left: 0px;
}

.nohits-suggestion-wrapper .top-10-wrapper ul li {
    font-weight: bold;
    list-style: none;
}

.nohits-suggestion-wrapper .top-10-wrapper ul li a {
    text-decoration: underline;
}

.nohits-suggestion-wrapper .top-10-wrapper ul li a:hover {
    text-decoration: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .nohits-suggestion-wrapper .field-button-container {
        width: 75%;
    }
}

@media print,
screen and (min-width: 64em) {
    .nohits-suggestion-wrapper .field-button-container {
        width: 35%;
    }

    .nohits-suggestion-wrapper .search-tips-wrapper {
        width: 59%;
        padding-left: 0px;
        display: inline-block;
    }

    .nohits-suggestion-wrapper .help-chat-wrapper {
        width: 39%;
        display: inline-block;
        vertical-align: top;
    }
}

.did-you-mean-wrapper #primary {
    display: inline-block;
    float: left;
}

.did-you-mean-wrapper #secondary {
    padding-left: 0px;
    border-right: none !important;
    display: inline-block;
    float: left;
}

.did-you-mean-wrapper #secondary .refinement-header {
    display: none;
}

.category-tab-links {
    width: 100%;
}

.category-tab-links select {
    width: 100%;
}

.category-tab-links.tutorial {
    padding-bottom: 20px;
}

@media screen and (max-width: 39.9375em) {
    .category-tab-links {
        text-align: center;
    }
}

.category-tab-links ul {
    width: 100%;
    padding: 0px;
    margin-bottom: 3.125rem;
}

.category-tab-links ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}

.category-tab-links ul li a {
    padding-bottom: 5px !important;
}

.category-tab-links ul li a:hover {
    border-bottom: 3px solid #c00;
}

.category-tab-links ul li a:active {
    border-bottom: 3px solid #c00;
}

.category-tab-links ul li a.highlighted {
    border-bottom: 3px solid #c00;
    color: #c00;
}

.category-tab-links ul li a.no-link-tab:hover {
    cursor: default;
    border-bottom: 3px solid #999;
}

.category-tab-links select {
    width: 80%;
}

@media screen and (max-width: 48em) {
    .search-text-wrapper {
        text-align: center;
    }
}

.search-text-wrapper .suggested-phrase {
    color: #c00;
}

@media screen and (max-width: 39.9375em) {
    .search-result-options {
        text-align: center;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-options {
        text-align: right;
    }
}

.full-width-layout {
    text-align: justify;
}

/** format the signin dropdown **/
#sign-in-dropdown {
    padding: 0 2em;
}

#sign-in-dropdown .content-link-container {
    padding: 0;
}

#sign-in-dropdown .required-indicator {
    display: none;
}

#sign-in-dropdown .reset-password-link {
    margin: auto;
    padding-bottom: 1em;
    text-align: center;
    width: 100%;
}

#sign-in-dropdown a.password-reset {
    text-decoration: underline !important;
}

#sign-in-dropdown button {
    /* font-family: "Reader", Arial, sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 16px;
    margin: 1em 0;
    width: 100%;
    color: #fff;
    text-transform: capitalize;
}

#sign-in-dropdown button:hover {
    color: #999;
}

#sign-in-dropdown form {
    border-bottom: #999 thin solid;
}

#sign-in-dropdown h3 {
    font-weight: normal;
}

#sign-in-dropdown p {
    font-weight: 700;
}

#sign-in-dropdown span {
    font-weight: normal;
}

#sign-in-dropdown .login-rememberme {
    margin: 0;
}

#sign-in-dropdown .login-rememberme .field-wrapper {
    margin: 0;
}

#sign-in-dropdown .login-rememberme .field-wrapper .rememberme {
    /* font-family: icomoon !important; */
    font-family: Microsoft JhengHei !important;
    height: 30px;
}

#sign-in-dropdown .login-rememberme label {
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: larger;
    line-height: 1.5em;
}

#sign-in-dropdown .login-oauth p:first-child {
    float: left;
    font-size: 1em;
    margin: 1.8em 1em 0 3em;
    text-transform: initial;
}

#sign-in-dropdown .login-oauth form {
    padding: 1em 0;
}

#sign-in-dropdown .login-oauth fieldset {
    padding: 0.3em 0 0;
}

#sign-in-dropdown .login-oauth .oAuthIcon {
    width: 2em;
}

#sign-in-dropdown .create-new-account {
    text-align: center;
    padding: 2em 0 0.5em;
}

#sign-in-dropdown .create-new-account p {
    color: #c00;
    line-height: normal;
    margin: 0;
}

#sign-in-dropdown .create-new-account a {
    color: #c00;
    display: block;
    font-size: 0.9em;
    text-decoration: underline !important;
    margin-top: 1em;
}

#sign-in-dropdown .form-row {
    margin: 1em 0 0;
    padding: 0;
    width: 100%;
}

#sign-in-dropdown .form-row label {
    display: none;
}

#sign-in-dropdown .form-row .field-wrapper {
    margin-bottom: 0;
    width: auto;
}

#sign-in-dropdown .form-row .field-wrapper input {
    /* font-family: "Reader", Arial, sans-serif; */
    font-family: Microsoft JhengHei;
    height: 3em;
    padding: 0.5em;
    font-weight: normal;
}

#sign-in-dropdown .form-row.form-row-button {
    -ms-flex-direction: column;
    flex-direction: column;
}

#sign-in-dropdown .field-button-container {
    margin: 0 1.5em;
}

#sign-in-dropdown .field-button-container .error-form {
    font-weight: bold;
    border: none;
    background: none;
    color: #c00;
}

#sign-in-dropdown .user-links {
    padding: 1em 0;
}

#sign-in-dropdown .user-links li {
    padding-top: 1em;
}

#sign-in-dropdown .user-links li:last-child {
    padding-bottom: 1em;
    padding-top: 0;
}

#sign-in-dropdown .user-links a {
    text-decoration: none;
    font-weight: 500;
}

#sign-in-dropdown .user-links .error-form {
    background: none;
    color: #c00;
    font-weight: bold;
    border: none;
}

#sign-in-dropdown .support-link {
    color: #c00;
    display: block;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

#sign-in-dropdown .support-link.customer-care {
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal;
    padding: 0 2em;
    text-decoration: underline;
}

#sign-in-dropdown .support-link.assistance-label {
    pointer-events: none;
}

#sign-in-dropdown .button,
#sign-in-dropdown .login-wrapper .create-new-account a,
.login-wrapper .create-new-account #sign-in-dropdown a {
    color: #ffffff;
    font-size: 16px;
    margin-top: 1em;
    padding: 0.5em 2em 0.3em 2em;
    width: 100%;
}

#sign-in-dropdown .button:hover,
#sign-in-dropdown .login-wrapper .create-new-account a,
.login-wrapper .create-new-account #sign-in-dropdown a {
    color: #999;
}

@media print,
screen and (min-width: 64em) {

    .pt_content-search-result-static .breadcrumb-wrapper,
    .pt_content-search-result-static .full-width-wrapper {
        padding: 0;
    }
}

.pt_content-search-result-static .full-width-wrapper h1 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0;
}

.pt_content-search-result-static .no-left-nav-template {
    margin-bottom: 60px;
}

.pt_content-search-result-static .no-left-nav-template .content-asset {
    margin-top: 60px;
}

.pt_content-search-result-static .left-nav-template {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

.pt_content-search-result-static .left-nav-template .content-asset .promotion-content h1 {
    font-weight: bold;
}

@media screen and (max-width: 48em) {
    .pt_content-search-result-static .left-nav-template .content-asset .promotion-content {
        padding: 0;
    }
}

.pt_content-search-result-static .left-nav-template .accordion-content {
    border: 0px;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_content-search-result-static footer {
        margin-top: 0px;
    }
}

.promotion-content-wrapper {
    /** full width template **/
    /** no left nav template **/
    /*tutorial accordion*/
}

.promotion-content-wrapper .full-width-content {
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    .promotion-content-wrapper .full-width-content {
        padding: 0;
    }
}

.promotion-content-wrapper .full-width-content .static-page.main-article-details {
    position: absolute;
    bottom: 15%;
    left: 15%;
    width: 45%;
}

@media print,
screen and (min-width: 48.0625em) {
    .promotion-content-wrapper .full-width-content .static-page.main-article-details {
        padding: 0;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .promotion-content-wrapper .full-width-content .static-page.main-article-details {
        left: 5%;
        width: 70%;
    }
}

@media screen and (max-width: 48em) {
    .promotion-content-wrapper .full-width-content .static-page.main-article-details {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.promotion-content-wrapper .full-width-content .static-page.main-article-details h3 {
    color: #c00;
    font-size: 2em;
    margin-bottom: 0;
}

@media print,
screen and (min-width: 64em) {
    .promotion-content-wrapper.no-left-nav-template {
        padding: 0;
    }
}

.promotion-content-wrapper.no-left-nav-template .left-content-wrapper {
    padding-right: 1em;
}

@media print,
screen and (min-width: 48.0625em) {
    .promotion-content-wrapper.no-left-nav-template .right-content-wrapper {
        padding-left: 1em;
    }
}

.promotion-content-wrapper.no-left-nav-template .right-content-wrapper h1 {
    font-weight: bold;
}

@media print,
screen and (min-width: 64em) {
    .promotion-content-wrapper.left-nav-template {
        padding: 0;
    }
}

.promotion-content-wrapper.full-width-template>div .chat-btn,
.promotion-content-wrapper.left-nav-template>div .chat-btn {
    padding-bottom: 20px;
}

.promotion-content-wrapper.full-width-template>div .chat-btn button,
.promotion-content-wrapper.left-nav-template>div .chat-btn button {
    font-weight: bold;
}

@media screen and (max-width: 39.9375em) {

    .promotion-content-wrapper.full-width-template>div .chat-btn button,
    .promotion-content-wrapper.left-nav-template>div .chat-btn button {
        width: 100%;
    }
}

.promotion-content-wrapper.full-width-template .promotion-nav-select,
.promotion-content-wrapper.left-nav-template .promotion-nav-select {
    width: 80%;
    padding-bottom: 30px;
    text-align: center;
}

.promotion-content-wrapper.full-width-template .promotion-nav-select select,
.promotion-content-wrapper.left-nav-template .promotion-nav-select select {
    font-weight: bold;
}

.promotion-content-wrapper.no-left-nav-template .thumbnail-wrapper {
    text-align: center;
}

.promotion-content-wrapper .accordion {
    padding-left: 0px;
    margin-left: 0;
    margin-top: 0px;
    background: none;
    list-style-type: none;
}

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

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

.promotion-content-wrapper .accordion-title {
    position: relative;
    display: block;
    padding: .75em 0;
    border-bottom: 1px solid #000;
    font-size: 1em;
    line-height: 1;
    font-weight: bold;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .promotion-content-wrapper .accordion-title {
        font-size: .85em;
    }
}

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

.promotion-content-wrapper .accordion-title::before {
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    position: absolute;
    top: 50%;
    right: .5em;
    margin-top: -0.5em;
    content: "\f0d7";
}

.promotion-content-wrapper .is-active>.accordion-title {
    border-bottom: 0px;
    background: none;
    outline: none;
}

.promotion-content-wrapper .is-active>.accordion-title::before {
    content: "\f0d8";
    color: #999;
}

.promotion-content-wrapper .is-active>.accordion-content {
    border-bottom: 1px solid #000;
    padding-left: 0;
}

.promotion-content-wrapper .accordion-content {
    display: none;
    padding-left: 0em;
    border-bottom: 0;
    border: 0;
    color: #000;
}

.promotion-content-wrapper .accordion-content ul {
    list-style: none;
    padding: 0px;
    padding-left: 10px;
}

.promotion-content-wrapper .accordion-content ul li {
    padding-top: 5px;
}

/***Information PLP***/
.information-page .tutorial-tile img {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .information-page .tutorial-tile img {
        float: left;
        margin-right: 2em;
        width: 200px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .information-page .tutorial-tile h3 {
        margin-bottom: 5px;
        margin-top: 0;
    }
}

.information-page .tutorial-detail-link {
    padding-bottom: 2em;
}

.information-page .tutorial-detail-link .tutorial-tile .content-description {
    height: auto;
    line-height: 1.2em;
    overflow: initial;
}

.information-page .tutorial-detail-link .tutorial-tile .content-description:after {
    content: "";
}

@media print,
screen and (min-width: 48.0625em) {
    .information-page .folder-content-list {
        padding: 0 4em;
    }
}

@media print,
screen and (min-width: 64em) {
    .information-page .folder-content-list {
        padding: 0;
    }
}

.information-page .results-hits {
    font-weight: 700;
    text-align: center;
}

.information-page .results-hits:first-child {
    margin-top: 2em;
}

@media print,
screen and (min-width: 48.0625em) {
    .information-page .results-hits {
        float: left;
    }
}

.pt_customer-service .primary-content {
    margin: 0 auto;
}

.pt_customer-service .primary-content .contact-form-wrapper .top-text-container {
    text-align: center;
}

.pt_customer-service .primary-content .contact-form-wrapper .top-text-container h1 {
    font-size: 2em;
    font-weight: bold;
}

.pt_customer-service .primary-content .contact-form-wrapper form label {
    white-space: nowrap;
}

.pt_customer-service .primary-content .contact-form-wrapper form .splitter {
    border-top: 1px #000 solid;
    margin: 40px -20px 0;
    padding: 40px 20px 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_customer-service .primary-content .contact-form-wrapper form .splitter {
        margin: 40px -70px 0;
        padding: 40px 70px 0;
    }
}

.pt_customer-service .primary-content .contact-form-wrapper form .form-row-button {
    padding-top: 2em;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pt_customer-service .primary-content .contact-form-wrapper form .form-row-button #sendBtn {
    width: 50%;
    padding: 1em;
}

.pt_customer-service .primary-content .contact-form-wrapper form .contact-comment {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 1em;
}

.pt_customer-service .primary-content .contact-form-wrapper form .contact-comment label {
    width: 100%;
}

.pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count {
    text-align: right;
    position: relative;
    font-weight: normal;
    bottom: 1.5em;
    font-size: 80%;
    font-weight: 100;
}

@media screen and (max-width: 48em) {
    .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count {
        text-align: left;
        bottom: 0em;
        -ms-flex-order: 2;
        order: 2;
    }
}

.pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea {
    width: 100%;
    resize: none;
    border: 1px solid #000;
}

@media screen and (max-width: 48em) {
    .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea {
        margin-top: 1em;
    }
}

.pt_customer-service .primary-content .contact-form-wrapper form .form-caption {
    position: absolute;
    right: 0;
    bottom: -25%;
    font-size: 12px;
    font-weight: normal;
    color: #767676;
    margin-left: 0;
    z-index: 1;
}

@media screen and (max-width: 48em) {
    .pt_customer-service .primary-content .contact-form-wrapper form .form-caption {
        position: relative;
    }
}

@font-face {
    /* font-family: 'icomoon'; */
    font-family: Microsoft JhengHei;
    /* src: url("../fonts/icomoon.eot?b3e5a3"); */
    /* src: url("../fonts/icomoon.eot?b3e5a3#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?b3e5a3") format("truetype"), url("../fonts/icomoon.woff?b3e5a3") format("woff"), url("../fonts/icomoon.svg?b3e5a3#icomoon") format("svg"); */
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* font-family: 'icomoon' !important; */
    font-family: Microsoft JhengHei !important;
    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-info:before {
    content: "\e918";
}

.icon-close:before {
    content: "\e913";
}

/**
 * 共通
 */
body {
    letter-spacing: 0.5px;
}

/* 汎用 */
.clearfix::before,
.category-switch::before,
.search-result-content::before,
.clearfix::after,
.category-switch::after,
.search-result-content::after {
    display: table;
    content: ' ';
}

.clearfix::after,
.category-switch::after,
.search-result-content::after {
    clear: both;
}

.uppercased {
    text-transform: uppercase;
}

.nw {
    display: inline-block;
    white-space: nowrap;
}

/* ページの先頭へ戻る */
#to-pagetop {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

#to-pagetop::before,
#to-pagetop::after {
    display: table;
    content: ' ';
}

#to-pagetop::after {
    clear: both;
}

#to-pagetop p {
    float: right;
    width: 30px;
    margin: 0;
    padding: 0;
}

#to-pagetop a {
    visibility: hidden;
    display: inline-block;
    position: fixed;
    z-index: 50;
    bottom: 20px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: rgba(255, 255, 252, 0.9);
    outline: none;
    opacity: 0;
    transition: visibility .5s ease, opacity .5s ease;
}

#to-pagetop a.show {
    visibility: visible;
    opacity: 1;
}

#to-pagetop a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 8px;
}

/**
 * 共通
 * PC Layout: 768px～
 */
@media print,
screen and (min-width: 48.0625em) {
    a.no-link {
        cursor: default;
    }

    /* 表示・非表示 */
    .pc-none {
        display: none;
    }
}

/**
 * 共通
 * Mobile Layout: ～767px
 */
@media screen and (max-width: 48em) {

    /* ページの先頭へ戻る */
    #to-pagetop {
        max-width: 100%;
        padding: 0;
    }

    #to-pagetop p {
        float: none;
        width: auto;
    }

    #to-pagetop a {
        right: 10px;
        bottom: 32px;
        width: 40px;
        height: 40px;
    }

    #to-pagetop a img {
        width: 20px;
        height: auto;
    }

    /* 表示・非表示 */
    .pc-none {
        display: block;
    }

    span.pc-none,
    br.pc-none {
        display: inline;
    }

    .sp-none {
        display: none;
    }
}

/**
 * ヘッダー
 */
.header-banner {
    background-color: #fffae7;
    text-align: center;
}

.header-banner>div {
    padding: 7px 0 4px;
}

.header-banner p {
    margin: 0;
    font-size: 12px;
    line-height: 200%;
}

#header {
    position: fixed;
    z-index: 200;
    width: 100%;
    background-color: #fffffc;
}

#header.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
}

#header .hd-inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

#header .hd-inner::before,
#header .hd-inner::after {
    display: table;
    content: ' ';
}

#header .hd-inner::after {
    clear: both;
}

#header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header p,
#header li {
    margin: 0;
    font-size: 10px;
}

#header a {
    color: inherit;
    text-decoration: none;
}

#header .hd-lang {
    float: right;
    padding-top: 18px;
}

#header #hd-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 83px;
    height: 54px;
    margin: 18px auto 0;
    padding-left: 4px;
}

#header #hd-logo img {
    width: 100%;
    height: auto;
}

#header #hd-search {
    float: left;
    position: relative;
    width: 170px;
    margin-top: 8px;
    border-bottom: 1px solid #d6d6d6;
}

#header #hd-search .icon {
    display: none;
}

#header #hd-search input[type="text"] {
    width: 100%;
    padding: 0 0 3px 18px;
    border: none;
    font-size: 12px;
    outline: 0;
}

#header #hd-search button[type="submit"] {
    overflow: hidden;
    display: block;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    top: 8px;
    left: 0;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    background: transparent url(../images/icon_search.svg) no-repeat 50% 50%;
    background-size: contain;
    cursor: pointer;
}

#header #hd-cart {
    float: right;
    margin-top: 15px;
}

#header #hd-cart .mini-cart-total a {
    display: block;
    padding-left: 17px;
    background: url(../images/icon_cart.svg) no-repeat 0 0;
    background-size: 15px auto;
}

#header #hd-cart .mini-cart-total .minicart-quantity {
    display: inline-block;
    margin-top: 0px;
    letter-spacing: -0.2px;
}

#header #hd-sub-menu {
    float: right;
    margin-top: 18px;
    margin-left: 25px;
}

#header #hd-sub-menu li {
    float: left;
    margin-right: 25px;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0.6px;
}

#header #hd-sub-menu li a {
    opacity: .8;
    transition: opacity .2s linear;
}

#header #hd-sub-menu li a:hover {
    text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    opacity: 1;
}

#header #hd-nav {
    clear: both;
    position: relative;
}

#header #hd-nav h2.menu {
    display: none;
}

#header #hd-nav #hd-close {
    display: none;
}

#header #hd-nav .hd-lang {
    display: none;
}

#header #hd-nav .hd-sub-menu {
    display: none;
}

#header #hd-menu-list {
    margin-top: 43px;
}

#header #hd-menu-list a {
    display: block;
}

#header #hd-menu-list .level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-right: 40px;
}

#header #hd-menu-list .level-1>li {
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0.6px;
}

#header #hd-menu-list .level-1>li>a {
    padding: 0 12px;
}

#header #hd-menu-list .level-1>li>a>span {
    display: block;
    padding: 10px 6px;
    border-bottom: 2px solid transparent;
}

#header #hd-menu-list .level-1>li:hover .level-2 {
    display: block;
}

#header #hd-menu-list .level-2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    bottom: auto;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    text-shadow: none;
}

#header #hd-menu-list .level-2 .sub-level-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 35px 25px 0;
}

#header #hd-menu-list .level-2 a {
    padding: 5px 0;
}

#header #hd-menu-list .level-2 .level-3.sub-level-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 0;
}

#header #hd-menu-list .level-2 .column,
#header #hd-menu-list .level-2 .columns {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 25%;
    padding: 0 40px;
}

#header #hd-menu-list .level-2 .category-header {
    display: block;
}

#header #hd-menu-list .level-2 span.category-header {
    padding-top: 5px;
}

#header #hd-menu-list .level-2 li {
    margin-bottom: 5px;
    font-size: 12px;
}

#header #hd-menu-list .level-2 li li {
    margin-bottom: 0;
    font-size: 12px;
}

/**
 * ヘッダー
 * PC Layout: 768px～
 */
@media print,
screen and (min-width: 48.0625em) {

    /**
	 * ヘッダー
	 */
    #header .hd-lang a {
        opacity: .8;
        transition: opacity .2s linear;
    }

    #header .hd-lang a:hover {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        opacity: 1;
    }

    #header #hd-cart a {
        opacity: .8;
        transition: opacity .2s linear;
    }

    #header #hd-cart a:hover {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        opacity: 1;
    }

    #header #hd-menu-list .level-1 {
        height: auto !important;
    }

    #header #hd-menu-list .level-1>li>a {
        opacity: .8;
        transition: opacity .2s linear;
    }

    #header #hd-menu-list .level-1>li:hover>a {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        opacity: 1;
    }

    #header #hd-menu-list .level-2 span.category-header {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }

    #header #hd-menu-list .level-2 a:not(.no-link) {
        opacity: .8;
        transition: opacity .2s linear;
    }

    #header #hd-menu-list .level-2 a:not(.no-link):hover {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        opacity: 1;
    }

    #header #hd-menu-list .level-2 a.category-header {
        text-shadow: 0px 0px 0px #323232, 0px 0px 0px #323232;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        opacity: 1;
        transition: opacity .2s linear;
    }

    #header #hd-menu-list .level-2 a.category-header:hover {
        opacity: 0.5;
    }
}

/**
 * ヘッダー
 * Mobile Layout: ～767px
 */
@media screen and (max-width: 48em) {

    /**
	 * ヘッダー
	 */
    .header-banner>div {
        padding: 10px 0 8px;
    }

    .header-banner p {
        line-height: 120%;
    }

    #header {
        height: 60px;
    }

    #header .hd-inner {
        position: relative;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #header .hd-lang {
        float: none;
        display: none;
        padding-top: 0;
    }

    #header #hd-logo {
        z-index: 1;
        width: 62px;
        height: 40px;
        margin-top: 10px;
        padding-left: 0;
    }

    #header #hd-logo a {
        display: block;
        padding-left: 2px;
    }

    #header #hd-search {
        float: none;
        width: auto;
        margin-top: 0;
        border-bottom: none;
    }

    #header #hd-search .icon {
        float: left;
        display: block;
        width: 28px;
        height: 28px;
        margin: 27px 0 0 10px;
        padding: 5px;
        cursor: pointer;
    }

    #header #hd-search form {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        padding: 5px 15px 10px;
        background-color: #fffffc;
    }

    #header #hd-search form fieldset {
        position: relative;
        border-bottom: 1px solid #d6d6d6;
    }

    #header #hd-search.show form {
        display: block;
    }

    #header #hd-search input[type="text"] {
        padding: 3px 40px 3px 0;
        font-size: 16px;
    }

    #header #hd-search button[type="submit"] {
        overflow: visible;
        text-indent: 0;
        white-space: normal;
        top: 2px;
        left: auto;
        right: 0;
        width: 40px;
        height: auto;
        background: none;
        font-size: 14px;
        line-height: 140%;
        text-align: right;
    }

    #header #hd-cart {
        float: left;
        margin-top: 25px;
        margin-left: 4px;
    }

    #header #hd-cart .mini-cart-total {
        font-size: 12px;
        line-height: 100%;
    }

    #header #hd-cart .mini-cart-total a {
        height: 30px;
        padding: 5px 5px 5px 26px;
        background-position: 5px 6px;
        background-size: 18px auto;
    }

    #header #hd-cart .mini-cart-total .minicart-quantity {
        margin-top: 0;
    }

    #header #hd-sub-menu {
        display: none;
    }

    #header #hd-nav {
        position: static;
    }

    #header #hd-nav h2.menu {
        overflow: hidden;
        display: block;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        position: absolute;
        top: 25px;
        right: 9px;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

    #header #hd-nav h2.menu:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        margin: auto;
        background: url(../images/icon_menu.svg) no-repeat 50% 0;
        background-size: 20px 40px;
        content: "";
    }

    #header #hd-nav .nav {
        overflow-y: scroll;
        visibility: hidden;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        max-height: 100vh;
        padding: 25px 15px 0;
        background-color: rgba(255, 255, 255, 0.95);
        opacity: 0;
        transition: opacity .3s ease;
    }

    #header #hd-nav .nav.show {
        visibility: visible;
        opacity: 1;
    }

    #header #hd-nav #hd-close {
        overflow: hidden;
        display: block;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        position: absolute;
        top: 25px;
        right: 9px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    #header #hd-nav #hd-close:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        margin: auto;
        background: url(../images/icon_menu.svg) no-repeat 50% 100%;
        background-size: 20px auto;
        content: "";
    }

    #header #hd-nav .hd-lang {
        overflow: hidden;
        display: block;
        padding: 0 0 0 8px;
        font-size: 13px;
    }

    #header #hd-nav .hd-lang>span {
        display: inline-block;
        padding-top: 6px;
        vertical-align: bottom;
    }

    #header #hd-nav .hd-lang>span.lang-link {
        padding-right: 10px;
    }

    #header #hd-nav .hd-lang>span.ma {
        float: right;
        padding-right: 34px;
    }

    #header #hd-nav .hd-lang #sign-in-dropdown-link.utility-link {
        padding-left: 0 !important;
        /* style_developer.cssの設定を無効化 */
    }

    #header #hd-nav .hd-sub-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 19px 0;
    }

    #header #hd-nav .hd-sub-menu li {
        width: 33.3%;
        border-right: 1px solid #323232;
        font-size: 13px;
        text-align: center;
    }

    #header #hd-nav .hd-sub-menu li:first-child {
        border-left: 1px solid #323232;
    }

    #header #hd-menu-list {
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #323232;
    }

    #header #hd-menu-list .level-1 {
        display: block;
        position: relative;
        padding-right: 0;
        letter-spacing: inherit;
    }

    #header #hd-menu-list .level-1 li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        border-bottom: 1px solid #323232;
        /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
        font-family: Microsoft JhengHei;
        font-size: 14px;
    }

    #header #hd-menu-list .level-1 li a {
        -ms-flex-positive: 2;
        flex-grow: 2;
        padding: 17px 8px 15px;
    }

    #header #hd-menu-list .level-1 li>a>span {
        padding: 0;
        border: none;
    }

    #header #hd-menu-list .level-1 li:hover {
        text-shadow: none;
    }

    #header #hd-menu-list .level-1 li .icon-chevron-thin-left {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        width: 40px;
        content: "";
        cursor: pointer;
    }

    #header #hd-menu-list .level-1 li .icon-chevron-thin-left:before {
        position: absolute;
        top: 0;
        right: 6px;
        bottom: 0;
        width: 7px;
        height: 11px;
        margin: auto 0;
        background: url(../images/icon_arrow.svg) no-repeat 50% 0;
        background-size: 7px auto;
        content: "";
    }

    #header #hd-menu-list .level-2 {
        display: block;
        z-index: 1;
        top: 0;
        left: 100%;
        background-color: #fff;
        transition: left .3s ease;
    }

    #header #hd-menu-list .level-2.active {
        left: 0;
    }

    #header #hd-menu-list .level-2 .sub-level-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

    #header #hd-menu-list .level-2 .level-3 {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 100%;
        width: 100%;
        background-color: #fff;
        transition: left .3s ease;
    }

    #header #hd-menu-list .level-2 .level-3.active {
        left: 0;
    }

    #header #hd-menu-list .level-2 .level-3.sub-level-wrapper {
        padding: 0;
    }

    #header #hd-menu-list .level-2 .column,
    #header #hd-menu-list .level-2 .columns {
        max-width: 100%;
        padding: 0;
    }

    #header #hd-menu-list .level-2 .category-header {
        width: 100%;
        padding: 17px 8px 15px;
    }

    #header #hd-menu-list .level-2 span.category-header {
        padding-top: 17px;
    }

    #header #hd-menu-list .level-2 li {
        margin-bottom: 0;
        font-size: 14px;
    }

    #header #hd-menu-list .level-2 li li {
        margin-bottom: 0;
        font-size: 14px;
    }

    #header #hd-menu-list .mobile-menu-back {
        -ms-flex-positive: 2;
        flex-grow: 2;
        display: block;
        position: relative;
        padding: 17px 8px 15px 25px;
        cursor: pointer;
    }

    #header #hd-menu-list .mobile-menu-back:before {
        display: block;
        position: absolute;
        top: 0;
        left: 6px;
        bottom: 0;
        width: 7px;
        height: 11px;
        margin: auto 0;
        background: url(../images/icon_arrow.svg) no-repeat 50% 100%;
        background-size: 7px auto;
        content: "";
    }
}

/**
 * フッター
 */
#footer {
    overflow: hidden;
    position: relative;
    z-index: 10;
    min-height: 66px;
    background-color: #fff;
}

#footer .ft-inner {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

#footer .ft-inner>div {
    padding: 20px 0 10px;
    border-top: 1px solid #323232;
}

#footer .ft-inner>div::before,
#footer .ft-inner>div::after {
    display: table;
    content: ' ';
}

#footer .ft-inner>div::after {
    clear: both;
}

#footer .ft-inner .ft-sub {
    float: right;
}

#footer p {
    margin: 0;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

#footer ul::before,
#footer ul::after {
    display: table;
    content: ' ';
}

#footer ul::after {
    clear: both;
}

#footer ul.sns {
    float: left;
    margin-bottom: 10px;
    padding-left: 20px;
}

#footer ul.sns li {
    float: left;
    margin-left: 28px;
}

#footer ul.sns li:first-child {
    margin-left: 0;
}

#footer ul.about {
    float: left;
}

#footer ul.about li {
    float: left;
    margin-left: 6px;
    margin-right: 20px;
    color: #999;
    font-size: 12px;
    line-height: 200%;
}

#footer ul.about li a {
    color: inherit;
    text-decoration: none;
}

#footer #copyright {
    float: left;
    padding-left: 7px;
    color: #c8c8c8;
    font-size: 10px;
    line-height: 250%;
}

/**
 * フッター
 * Mobile Layout: ～767px
 */
@media screen and (max-width: 48em) {
    #footer {
        min-height: 0;
    }

    #footer .ft-inner {
        width: auto;
        margin: 0 15px;
        padding: 0;
        text-align: center;
    }

    #footer .ft-inner>div {
        padding: 0;
    }

    #footer .ft-inner .ft-sub {
        float: none;
    }

    #footer ul.sns {
        float: none;
        display: inline-block;
        margin-bottom: 0;
        padding: 16px 0 15px;
    }

    #footer ul.sns li {
        margin-left: 59px;
    }

    #footer ul.sns li:first-child {
        margin-left: 0;
    }

    #footer ul.sns li img {
        width: 25px;
        height: 25px;
    }

    #footer ul.about {
        float: none;
    }

    #footer ul.about li {
        float: none;
        display: inline-block;
        margin: 0 3px 1px;
        font-size: 11px;
        line-height: 180%;
    }

    #footer ul.about li:first-child {
        margin-left: 0;
    }

    #footer ul.about li:last-child {
        margin-right: 0;
    }

    #footer #copyright {
        float: none;
        padding: 7px 0 18px;
        color: #999;
        font-size: 8px;
    }
}

/***
body {
    font-size: 16px;
    background: $white;
}
***/
a {
    color: inherit;
    /*overflow: hidden;*/
    text-decoration: none;
}

a .inactive-link {
    cursor: default;
}

.toggle {
    font-weight: bold;
}

p a {
    text-decoration: underline;
}

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

table {
    height: auto;
    table-layout: fixed;
    min-width: 100%;
}

th {
    text-align: left;
}

td {
    /* padding: 1em; */
    vertical-align: top;
}

button,
.button,
.login-wrapper .create-new-account a,
input[type="button"] {
    display: inline-block;
    padding: 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background-color: #e8e8e8;
    color: #585858;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s linear;
}

@media print,
screen and (min-width: 48.0625em) {

    button,
    .button,
    .login-wrapper .create-new-account a,
    input[type="button"] {
        padding: .6rem 1rem;
    }
}

button:hover,
.button:hover,
.login-wrapper .create-new-account a,
input[type="button"]:hover {
    opacity: 0.5;
}

button.text-only,
.button.text-only,
.login-wrapper .create-new-account a.text-only,
input[type="button"].text-only {
    padding: 0.5rem 0 0.3rem 0;
    border: none;
    background: transparent;
    color: #323232;
    text-decoration: underline;
}

button.outline,
.button.outline,
.login-wrapper .create-new-account a,
input[type="button"].outline {
    background-color: transparent;
    border-color: #999;
    color: #999;
}

button.outline:hover,
.button.outline:hover,
.login-wrapper .create-new-account a,
input[type="button"].outline:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

button.secondary,
.button.secondary,
.login-wrapper .create-new-account a.secondary,
input[type="button"].secondary {
    background-color: #fff;
    border-color: #999;
    color: #999;
}

button.secondary:hover,
.button.secondary:hover,
.login-wrapper .create-new-account a.secondary,
input[type="button"].secondary:hover {
    background-color: #000;
    border-color: #000;
    color: #FFF;
}

button.tertiary,
.button.tertiary,
.login-wrapper .create-new-account a.tertiary,
input[type="button"].tertiary {
    background: #fff;
    border-color: #c00;
    color: #c00;
}

button.tertiary:hover,
.button.tertiary:hover,
.login-wrapper .create-new-account a.tertiary,
input[type="button"].tertiary:hover {
    background: #c00;
    border-color: #c00;
    color: #FFF;
}

button.shop,
.button.shop,
.login-wrapper .create-new-account a.shop,
input[type="button"].shop {
    background: #c00;
    border-color: #c00;
    color: #fff;
}

button.shop:hover,
.button.shop:hover,
.login-wrapper .create-new-account a.shop,
input[type="button"].shop:hover {
    background: #FFF;
    border-color: #c00;
    color: #c00;
}

button[disabled],
button.disabled,
.button[disabled],
.login-wrapper .create-new-account a[disabled],
.button.disabled,
.login-wrapper .create-new-account a.disabled,
input[type="button"][disabled],
input[type="button"].disabled {
    background-color: #999 !important;
    border-color: #999 !important;
    opacity: 0.5;
}

button[disabled].outline,
button.disabled.outline,
.button[disabled].outline,
.login-wrapper .create-new-account a[disabled],
.button.disabled.outline,
.login-wrapper .create-new-account a.disabled,
input[type="button"][disabled].outline,
input[type="button"].disabled.outline {
    background-color: transparent !important;
    border-color: #999 !important;
}

button[disabled]:hover,
button.disabled:hover,
.button[disabled]:hover,
.login-wrapper .create-new-account a[disabled],
.button.disabled:hover,
.login-wrapper .create-new-account a.disabled,
input[type="button"][disabled]:hover,
input[type="button"].disabled:hover {
    cursor: initial;
    color: #fff;
}

button a,
.button a,
.login-wrapper .create-new-account a a,
input[type="button"] a {
    color: #fff;
}

button a:hover,
.button a:hover,
.login-wrapper .create-new-account a a:hover,
input[type="button"] a:hover {
    color: #fff;
}

button i.left,
.button i.left,
.login-wrapper .create-new-account a i.left,
input[type="button"] i.left {
    margin-right: 0.6em;
}

button i.right,
.button i.right,
.login-wrapper .create-new-account a i.right,
input[type="button"] i.right {
    margin-left: 0.6em;
}

.button-fancy-large {
    background: #c00;
    border-color: #c00;
}

.button-fancy-large:hover {
    border-color: #c00;
    color: #c00;
}

.button-fancy-large[disabled].loading {
    border-color: #c00 !important;
    color: #c00 !important;
    background-color: #fff !important;
    opacity: 1 !important;
    background: url("../images/spin.gif") no-repeat scroll left center transparent;
    background-size: 10%;
    background-position-x: 10px;
}

.button-text {
    background-color: transparent;
    border-width: 0;
    color: #323232;
    padding: 0;
}

.button-text:hover {
    background-color: transparent;
    text-decoration: underline;
}

.button-full-width {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

form#NewPasswordForm .form-caption {
    margin: .5em 0 2em 0;
    font-weight: 600;
    font-size: 12px;
}

select {
    color: #323232;
}

select.underline {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    padding: 10px 16px 10px 5px;
    border: 1px solid #323232;
    border-width: 0 0 1px;
    border-radius: 0;
    background: url("../images/caret-down.svg") no-repeat 96% 50%;
    background-size: 8px;
}

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

.js .simple-submit {
    display: none;
}

legend {
    background: #000;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    padding: 16px 24px;
    position: relative;
    text-transform: uppercase;
    width: calc(100% + 1.25em);
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: -0.625rem;
    display: block;
    max-width: none;
    line-height: 1.2;
}

legend.disabled {
    background: #BDBDBD;
}

@media print,
screen and (min-width: 48.0625em) {
    legend {
        border-top: 8px #000 solid;
        background: transparent;
        color: #000;
        font-size: 38px;
        text-transform: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: 0;
    }

    legend.disabled {
        margin-top: 40px;
        color: #BDBDBD;
        background: transparent;
        border-color: #BDBDBD;
    }

    legend.disabled+legend.disabled {
        margin-top: 0px;
    }
}

@media print,
screen and (min-width: 64em) {
    legend {
        font-size: 40px;
    }
}

legend span {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-transform: none;
    padding: 0 .5em;
}

legend span em {
    color: #333;
}

legend a {
    font-size: 14px;
    text-decoration: underline;
    display: inline;
    margin-left: 15px;
    color: #fff;
    float: right;
}

@media print,
screen and (min-width: 48.0625em) {
    legend a {
        float: none;
        color: #000;
        font-size: 16px;
        display: inline-block;
        text-transform: uppercase;
    }
}

label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: .3rem;
}

@media print,
screen and (min-width: 48.0625em) {
    label {
        font-size: 1em;
    }
}

.form-horizontal label {
    margin-bottom: 0;
    width: 100%;
}

@media print,
screen and (min-width: 64em) {
    .form-horizontal label {
        min-width: 120px;
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .form-horizontal label {
        min-width: 120px;
    }
}

.label-inline label {
    display: inline;
    float: none;
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    text-align: left;
    width: auto;
}

.label-above label {
    margin-bottom: .3rem;
    width: auto;
}

.form-label-text {
    float: left;
    font-size: 1.1em;
    font-weight: 700;
    padding: 0.75em 0 0;
    text-align: right;
    width: 25%;
}

.form-row {
    margin: .5rem 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
    font-weight: 700;
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%;
        position: relative;
        clear: both;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-horizontal .form-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row label {
        width: 15%;
    }
}

.form-row input[type="text"],
.form-row input[type="number"],
.form-row input[type="password"],
.form-row input[type="email"],
.form-row input[type="date"],
.form-row input[type="tel"],
.form-row textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #000;
    border-width: 0 0 1px 0;
    font-weight: bold;
    color: #000;
    border-radius: 0;
}

.form-row input[type="text"]:disabled,
.form-row input[type="number"]:disabled,
.form-row input[type="password"]:disabled,
.form-row input[type="email"]:disabled,
.form-row input[type="date"]:disabled,
.form-row input[type="tel"]:disabled,
.form-row textarea:disabled {
    color: #000;
    background: #c8c8c8;
    cursor: not-allowed;
}

.form-row label.error {
    width: 100%;
}

.form-row.label-middle {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}

.form-row.label-middle .field-wrapper {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.form-row.label-middle .field-wrapper,
.form-row.label-middle label {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
}

.form-row.error {
    float: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row.split {
        width: 48%;
        margin: 0 2% 0 0;
        float: left;
        clear: none;
    }

    .form-row.split+.form-row.split {
        float: right;
        margin: 0;
    }
}

@media screen and (max-width: 48em) {
    .form-row.split-small {
        width: 48%;
        margin: 0 2% 0 0;
        float: left;
        clear: none;
    }

    .form-row.split-small+.form-row.split-small {
        float: right;
        margin: 0;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row.split.left {
        float: left !important;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row.split.right {
        float: right !important;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row.no-label label {
        min-width: 0;
    }
}

.form-row-button {
    clear: left;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-row-button.align-center {
    -ms-flex-direction: column;
    flex-direction: column;
}

@media print,
screen and (min-width: 48.0625em) {
    .form-row-button.lrg-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .form-row-button.lrg-right .column,
    .form-row-button.lrg-right .columns {
        margin-left: auto;
    }
}

.form-row-button .column,
.form-row-button .columns,
.form-row-button .column button,
.form-row-button .columns button {
    width: 100%;
}

.form-row-button button {
    margin-left: auto;
    margin-right: auto;
}

.field-wrapper {
    box-sizing: border-box;
    margin-bottom: .5rem;
}

.form-horizontal .field-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.label-inline .field-wrapper {
    padding-left: 0;
    width: auto;
}

.label-above .field-wrapper {
    float: none;
    padding-left: 0;
    width: auto;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="tel"],
textarea {
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    padding: 10px;
    text-indent: 0;
    width: 100%;
    color: #323232;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px #000 solid;
    border-width: 0 0 1px 0;
    border-radius: 0px;
    padding: 10px 16px 10px 10px;
    height: 100%;
    background-size: 8px;
}

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

a.password-reset {
    text-decoration: underline;
}

@media screen and (max-width: 48em) {
    select:focus {
        font-size: 16px;
    }
}

input[type="radio"] {
    margin: 1em 1% 1em 2%;
}

.label-inline input[type="radio"] {
    margin: 0 .3rem 0 0;
}

input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px #000 solid;
    width: 30px;
    height: 30px;
    font-family: icomoon;
    font-family: "Font Awesome 5 Free";
    position: relative;
    margin-right: 10px;
    background: none;
    font-weight: 900; */
}

input[type="checkbox"]:checked:before {
    /* content: "\f00c";
    display: block;
    position: absolute;
    font-size: 18px;
    top: 3px;
    left: 5px; */
    width: 20px;
    height: 20px;
}

.form-caption {
    clear: left;
    width: auto;
}

@media screen and (min-width: 768px) {
    .form-horizontal .form-caption {
        margin-left: 27%;
    }
}

.no-captions .form-caption {
    display: none;
}

.label-above .form-caption {
    margin-left: 0;
}

.form-indent .form-caption {
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .form-indent {
        margin-left: 27%;
    }
}

.error-message {
    background-color: #faeded;
    padding: 0.7em 0.5em;
    text-indent: 0;
    width: 49.5966%;
}

.error {
    color: #c00;
}

span.error {
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.error-form {
    font-weight: bold;
    border: none;
    background: none;
    color: #c00;
    padding-bottom: 1em;
}

.callout.alert {
    font-weight: bold;
    border: none;
    background: none;
    color: #c00;
    padding: 1rem 0;
}

.field-button-container span.error {
    display: block !important;
    clear: both !important;
    background: #fff;
    font-size: .7em;
    font-weight: 400;
}

.field-button-container input:focus {
    color: #000 !important;
}

.form-inline form {
    padding: 0 0 2em;
    width: 98%;
}

.form-inline label {
    padding: 0 0 0.75em;
    text-transform: uppercase;
    width: auto;
}

.form-inline input[type="text"],
.form-inline select {
    margin-left: 0;
    width: 95%;
}

.form-inline button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.row-inline {
    display: inline;
}

.row-inline label {
    width: auto;
}

.dialog-required {
    display: inline;
    position: relative;
    padding: 0 .5em;
}

.dialog-required em {
    color: #990000;
    font-size: .65rem;
    font-style: normal;
    text-transform: uppercase;
}

.required-indicator {
    color: #990000;
    font-size: 1rem;
    padding: 0;
    display: none;
}

.form-field-tooltip {
    float: left;
    margin-left: 3%;
    padding-top: .75em;
    width: 20%;
}

.button-container button {
    margin: 0 5px;
}

#wrapper {
    background-color: #fff;
    border: 0;
    left: 0;
    margin: auto;
    transition: left 0.2s ease-in;
    width: 100%;
    position: relative;
}

#wrapper.menu-active {
    position: fixed;
    overflow: hidden;
}

#wrapper.menu-active:before,
#wrapper.overlay:before {
    content: "";
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 300;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#wrapper.pt_storefront .carousel-recommendations h3 {
    font-weight: normal;
}

#wrapper.pt_storefront .carousel-recommendations .slick-dots {
    padding-bottom: 1em;
}

#wrapper.pt_order-confirmation {
    width: 100%;
}

#wrapper.pt_categorylanding {
    width: 100%;
}

#wrapper.pt_categorylanding .primary-content {
    padding-bottom: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #wrapper.pt_categorylanding .primary-content {
        width: 80%;
    }
}

#wrapper.pt_categorylanding .refinements {
    border-right: 0;
    display: none;
    width: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #wrapper.pt_categorylanding .refinements {
        display: block;
        width: 20%;
    }
}

#wrapper.pt_product-details .primary-content {
    padding-top: 1rem;
}

#wrapper.pt_product-details .primary-content.product-kit {
    padding-top: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #wrapper.menu-active {
        left: auto;
    }
}

.primary-content {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .primary-focus .primary-content {
        border: none;
    }

    .full-width .primary-content {
        border: none;
        width: 100%;
    }
}

#secondary {
    border: 0;
    float: none;
    width: 100%;
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #secondary nav {
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    }

    #secondary nav a {
        display: block;
    }

    .primary-focus #secondary {
        background: none;
    }
}

.pt_content-search-result #secondary {
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_content-search-result #secondary {
        display: block;
    }
}

.secondary-content {
    clear: both;
}

.breadcrumb {
    margin: 0;
    padding: 8px 35px 16px 20px;
    font-size: 12px;
    line-height: 120%;
}

.breadcrumb li {
    display: inline;
    list-style: none outside none;
}

@media screen and (max-width: 48em) {
    .breadcrumb {
        padding-left: 2px;
        padding-right: 40px;
    }
}

.breadcrumb .results-text {
    font-size: 12px;
    color: #767676;
}

.paging-current-page {
    left: -999em;
    position: absolute;
}

.breadcrumb-element {
    color: inherit;
    font-style: normal;
    text-decoration: none;
}

.breadcrumb-element:after {
    margin-left: 0.8em;
    content: "＞";
}

.breadcrumb-element:last-child:after {
    display: none;
}

@media screen and (max-width: 48em) {
    .breadcrumb-element:after {
        margin-left: 0.6em;
    }
}

.breadcrumb-refinement {
    font-weight: 700;
}

.breadcrumb-refinement:after {
    content: attr(data-divider);
    font-style: normal;
}

.breadcrumb-refinement:last-of-type:after {
    content: "";
}

.breadcrumb-refinement-value {
    background-color: rgba(132, 189, 0, 0.3);
    display: inline-block;
    border-radius: 3px;
    margin: 0 .42em .42em 0;
    padding: 0 .42em;
}

.breadcrumb-relax {
    background: none;
    color: #990000;
    font-style: normal;
    padding: 0 0 0 .4em;
}

.breadcrumb-result-text a,
.breadcrumb .searchphraselink {
    background: none;
    color: #999;
    padding: 0;
}

h1 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: .625rem 0;
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 1.75em;
        margin: 0 0 14px;
    }
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.15em;
}

#secondary h1 {
    font-size: 1.75em;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 14px;
}

.primary-content dl {
    clear: both;
    overflow: hidden;
}

.primary-content dl dt {
    clear: both;
    float: left;
    margin: 2% 0 0;
    min-width: 15%;
}

.primary-content dl dd {
    float: left;
    margin: 2% 0 0;
    padding: 0 0 0 5%;
}

.col-1 {
    float: left;
    margin: 4px 0;
    width: 48%;
}

.col-2 {
    float: right;
    margin: 4px 0;
    width: 48%;
}

.section-header {
    background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #fff;
    border-bottom: 1px solid #fff;
    font-size: 1.1em !important;
    font-weight: 700;
    margin: 0;
    padding: 1em;
    position: relative;
    text-transform: uppercase;
}

.section-header-note {
    font-size: 0.9em;
    font-weight: 400;
    text-transform: none;
}

.back {
    display: block;
    margin: 0 0 10px;
}

#secondary a {
    color: #323232;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-results #category-level-1 {
        padding-left: 10px;
    }
}

.refinement-header {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: .25em 0;
    text-transform: capitalize;
}

.pt_product-search-result.search-results .refinement-header {
    display: none !important;
}

.pt_product-search-result #secondary .refinement h3 i {
    font-size: 14px;
    margin-right: 10px;
}

.pt_product-search-result .search-text-wrapper h2 {
    text-transform: capitalize;
}

.pt_product-search-result .page-counter {
    padding-left: 35px;
    padding-bottom: 10px;
}

@media screen and (max-width: 48em) {
    .pt_product-search-result .page-counter {
        text-align: center;
        padding-bottom: 20px;
    }
}

.refinement {
    padding-bottom: .65em;
}

.pt_categorylanding .refinement {
    display: none;
}

.pt_categorylanding .refinement.category-refinement {
    display: block;
}

.refinement h3 {
    border-bottom: 1px solid #323232;
    font-size: 1em;
    letter-spacing: 0px;
    margin: 0 0 0;
    padding: 0 0;
    text-transform: capitalize;
}

.ie7 .refinement h3 {
    clear: both;
}

.refinement h3 i {
    color: #323232;
    float: right;
    padding-top: 5px;
}

.refinement ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.refinement ul li {
    padding: 8px 0;
}

.refinement ul li .refinement-link {
    display: inline-block;
}

.refinement .clear-refinement {
    font-weight: bold;
    padding: 0 1.05em 0.4em;
}

.refinement .refinement-link {
    border: 0 none;
}

.refinement .selected .refinement-link {
    background-position: left bottom;
}

.refinement .refinement-top-level {
    padding: 1em;
}

.refinement #category-level-1>li {
    border-bottom: 1px solid #323232;
    color: inherit;
    font-size: 12px;
}

.refinement #category-level-1>li .accordion-arrow {
    display: block;
    float: right;
    padding-right: 10px;
    cursor: pointer;
}

.refinement #category-level-1>li .accordion-arrow:after {
    float: right;
    color: #323232;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 12px;
    content: "\f0d7";
}

.refinement #category-level-1>li.expanded .accordion-arrow:after {
    color: #c8c8c8;
    content: "\f0d8";
}

.refinement #category-level-1>li .category-level-2 {
    display: none;
    padding: 10px .1em 0 5px;
}

.refinement #category-level-1>li .category-level-2 li {
    padding: 0;
    border-bottom: 0;
    font-size: 12px;
}

.refinement #category-level-1>li .category-level-2 li a.refinement-link {
    margin: 0 0 5px 15px;
}

.refinement #category-level-1>li.expanded .category-level-2 {
    display: block;
}

.scrollable {
    height: 10em;
    overflow: auto;
}

.product-tile {
    color: #323232;
    position: relative;
    text-align: center;
}

.product-tile::before,
.product-tile::after {
    display: table;
    content: ' ';
}

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

.product-tile a.thumb-link {
    display: block;
}

.product-tile img {
    max-width: 100%;
}

.product-tile .product-image {
    max-width: 225px;
    position: relative;
    margin: 0 auto 2.5rem;
    margin-bottom: 1rem;
}

.product-swatches {
    width: 216px;
    margin: 0 auto !important;
}

.product-tile .product-image .quickview {
    /* background-color: rgba($primary-link, 0.8); */
    background-color: #323232;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    display: none;
    width: 100% !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    top: 80%;
    left: 50%;
    padding: 0.5em;
    position: absolute;
    transform: translate(-50%, -50%);
}

.product-tile .product-image:hover .quickview {
    display: block;
}

.product-tile .badge-container {
    position: absolute;
    z-index: 2;
    width: 38%;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 10px;
    line-height: 1.8em;
    text-align: left;
}

.product-tile .badge-container .badge-product {
    display: block;
    margin: 0;
    padding: 0.5em;
    background-color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: inherit;
    line-height: normal;
}

.product-tile .badge-container .badge-product span {
    display: inline-block;
    border-bottom: 1px solid #323232;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
    font-weight: 600;
}

.product-tile .badge-container .badge-customer-interaction {
    color: #ccc;
    display: block;
}

.product-tile .product-name {
    overflow: hidden;
    min-height: 42px;
    margin: .5rem auto .75rem;
    font-size: 16px;
    line-height: 1.2em;
}

.product-tile .product-pricing {
    margin: 0.5rem 0;
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 48em) {
    .product-tile .product-pricing {
        font-size: 16px;
    }
}

.product-tile .product-pricing .product-standard-price {
    display: inline-block;
    margin: 0 .03rem 0 0;
    color: #ccc;
    text-decoration: line-through;
}

.product-tile .product-set-price {
    height: 3rem;
    margin-top: .5rem;
    color: #f00;
    font-size: 1rem;
    line-height: 1.2rem;
}

.product-tile .product-sales-price {
    height: 3rem;
    margin-top: .5rem;
    color: #323232;
    font-size: 1rem;
    line-height: 1.2rem;
}

.grid-tile .product-tile .product-swatches {
    float: right;
}

.product-tile .product-swatches-all {
    cursor: pointer;
    font-size: 0.9em;
}

.product-tile .product-swatches {
    display: none;
}

.product-tile .product-swatches ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    /* padding-left: 20px;
    padding-right: 5px; */
}

.product-tile .product-swatches ul.swatch-toggle {
    background: none repeat scroll 0 0 #fff;
    display: none;
    position: absolute;
}

.pt_product-search-result .product-tile .product-swatches,
.pt_product-compare .product-tile .product-swatches {
    display: block;
}

.product-tile .product-swatches:hover ul.swatch-toggle {
    display: block;
}

.product-tile .product-swatches li {
    float: left;
}

.product-tile .product-swatches .swatch {
    display: block;
    width: 16px;
}

.product-tile .product-swatches .swatch img {
    border: 1px solid #fff;
    height: 12px;
    padding: 1px;
    width: 12px;
}

.product-tile .product-swatches .selected img,
.product-tile .product-swatches img:hover {
    border-color: #323232;
}

.product-tile .product-promo {
    font-size: 0.8em;
    margin: 0.5em 0;
    text-transform: uppercase;
}

.product-tile .product-promo .promotional-message {
    line-height: auto;
    margin: 0 0 .7em 0;
    line-height: 14px;
}

.product-tile .product-compare {
    float: left;
    line-height: 11px;
}

.product-tile .product-compare label {
    font-weight: 400;
    line-height: 1;
    padding: 0 0 0 .5em;
    width: auto;
}

.product-tile .product-compare input {
    float: left;
    margin: 0;
}

.product-tile .product-review {
    margin-bottom: 1em;
}

.product-tile .product-review .rating-title {
    display: inline-block;
    margin-right: 1em;
}

.product-tile .product-review .rating {
    display: inline-block;
}

.wide-tiles .product-tile {
    height: auto !important;
}

.wide-tiles .product-tile .product-image {
    float: left;
    padding-right: 2em;
}

.wide-tiles .product-tile .product-name,
.wide-tiles .product-tile .product-pricing,
.wide-tiles .product-tile .product-promo,
.wide-tiles .product-tile .product-swatches,
.wide-tiles .product-tile .product-review {
    float: left;
    text-align: left;
    width: 65%;
}

.wide-tiles .product-tile .product-name {
    font-size: 1.2em;
    height: auto;
    margin-top: 0;
}

.wide-tiles .product-tile .product-pricing {
    font-size: 0.889em;
}

.wide-tiles .product-tile .product-swatches {
    margin-bottom: 1rem;
}

.product-tile .bv-rating-wrapper>div {
    display: inline-block;
}

.capture-product-id {
    left: -999em;
    position: absolute;
}

/* Product Tile CSS Overwrite */
/** the declaration below will be merge on the top **/
.product-tile .product-swatches {
    height: 2rem;
    margin: 0 10%;
    position: relative;
}

.prdouct_with_arrow {
    padding: 0 22px;
}

@media print,
screen and (min-width: 48.0625em) {
    .product-tile .product-swatches {
        /* margin-top: -2.5rem; */
    }
}

.product-tile .product-swatches .swatch-list {
    margin-bottom: 1rem;
}

.product-tile .product-swatches .swatch-list button.slick-prev {
    left: -12px;
}

.product-tile .product-swatches .swatch-list button.slick-prev::before {
    font-size: 0.9375rem;
    color: #323232;
    content: "\f0d9";
}

.product-tile .product-swatches .swatch-list button.slick-next {
    right: -12px;
}

.product-tile .product-swatches .swatch-list button.slick-next::before {
    font-size: 0.9375rem;
    color: #323232;
    content: "\f0da";
}

.product-tile .product-swatches .swatch-list .slick-list .slick-slide {
    width: auto;
}

.product-tile .product-swatches .swatch-list .slick-list .slick-slide a {
    width: auto;
    position: relative;
    text-align: center;
}

.product-tile .product-swatches .swatch-list .slick-list .slick-slide a img {
    height: 1.7rem;
    width: 1.7rem;
}

/* HIDE QUICKVIEW BUTTON ON IPAD PRO */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .product-tile .product-image a.quickview {
        display: none !important;
    }
}

.pt_product-search-result .primary-content h1.content-header {
    padding-left: 15px;
}

.pt_content-search-result .primary-content>h1,
.pt_content-search-result .primary-content>h2,
.pt_content-search-result .primary-content>p,
.pt_product-search-noresult .primary-content>h1,
.pt_product-search-noresult .primary-content>h2,
.pt_product-search-noresult .primary-content>p {
    margin: 0;
    padding: .1em 1%;
}

.pt_content-search-result .primary-content .no-hits-help,
.pt_content-search-result .primary-content .no-hits-search,
.pt_content-search-result .primary-content .error-page-search,
.pt_content-search-result .primary-content .no-hits-footer,
.pt_product-search-noresult .primary-content .no-hits-help,
.pt_product-search-noresult .primary-content .no-hits-search,
.pt_product-search-noresult .primary-content .error-page-search,
.pt_product-search-noresult .primary-content .no-hits-footer {
    padding: .1em 1%;
}

.pt_content-search-result .primary-content .pagination,
.pt_product-search-noresult .primary-content .pagination {
    float: none;
    padding: .1em 1%;
}

.category-main-banner img {
    max-width: 100%;
}

.no-hits-search-term,
.no-hits-search-term-suggest {
    color: #990000;
    font-style: italic;
}

.no-hits-footer {
    background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
    margin: 20px 0;
    padding: 20px 0;
}

.search-result-bookmarks {
    margin: 15px;
}

.search-result-bookmarks .first {
    border-right: 1px solid #999;
    padding-right: 5px;
}

@media print,
screen and (min-width: 48.0625em) {
    .results-hits {
        margin: 42px 0 16px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_product-search-result.search-results .results-hits {
        margin: -35px 0 16px;
    }
}

.results-hits p {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.search-result-options {
    overflow: hidden;
    /***
    .items-per-page {
        float: left;
        margin-right: .5em;
    }
***/
}

@media screen and (max-width: 39.9375em) {
    .search-result-options {
        overflow: hidden;
        padding-top: 25px;
    }
}

.search-result-options form {
    margin-bottom: 0;
}

.search-result-options label {
    display: none;
}

.search-result-options select {
    padding: .5em;
    border: 1px solid #323232;
    border-width: 0 0 1px;
    font-size: 13px;
}

.search-result-options .button-set.view-product {
    float: right;
}

.search-result-options .button-set.view-product .light {
    background: #fff;
    color: #323232;
}

.search-result-options .pagination {
    float: left;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-options .pagination {
        padding-top: .8em;
    }
}

.search-result-options .pagination .results-hits {
    color: #323232;
    float: right;
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-options .pagination .results-hits {
        display: inline-block;
    }
}

.search-result-options .pagination ul {
    border: 1px solid #323232;
    border-radius: 5px;
    background-color: #fff;
    float: right;
    margin: 0;
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-options .pagination ul {
        background-color: transparent;
        border: none;
    }
}

.search-result-options .pagination li {
    border-right: 1px solid #e0e0e0;
    float: left;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-options .pagination li {
        border: none;
        padding: 0 .5em;
    }
}

.search-result-options .pagination li a,
.search-result-options .pagination li.current-page,
.search-result-options .pagination li i {
    display: block;
    font-size: 1rem;
    height: 32px;
    line-height: 2.1rem;
    text-align: center;
    width: 32px;
}

@media print,
screen and (min-width: 48.0625em) {

    .search-result-options .pagination li a,
    .search-result-options .pagination li.current-page,
    .search-result-options .pagination li i {
        font-size: inherit;
        height: auto;
        line-height: inherit;
        width: auto;
    }
}

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

.filterholder {
    display: none;
}

.search-result-items {
    margin: 0;
    padding: 0 1rem 1rem;
    padding-left: unset;
    padding-right: unset;
}

.search-result-items>div {
    border-bottom: #999 thin solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-items>div {
        border-bottom: 0;
    }
}

.search-result-items li {
    list-style: none outside none;
}

.search-result-items .new-row {
    clear: both;
}

.search-result-items .grid-tile {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 9px #ccc;
    float: left;
    list-style: none outside none;
    margin: 0 0 2% 20px;
    padding: 2%;
    width: 26%;
}

.search-result-items .invisible {
    display: none;
}

.search-result-items.tiles-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 48em) {
    #results-hits-top .results-hits {
        text-align: center;
        padding: 10px 0;
    }
}

@media screen and (max-width: 48em) {
    .pt_product-search-result.category .search-result-options {
        text-align: left !important;
        padding-bottom: 1.25rem;
        position: relative;
    }

    .pt_product-search-result.category .search-result-options #grid-sort-header.product-listing-filter {
        width: 100%;
        padding: 10px 28px 10px 5px;
    }
}

.search-result-content .product-price .price-standard {
    color: #999;
    font-weight: normal;
    text-decoration: line-through;
}

.search-result-content .results-hits {
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-content .results-hits {
        display: inline-block;
        float: left;
        margin-top: .5em;
    }
}

@media screen and (max-width: 48em) {
    .search-result-content .results-hits {
        padding-top: .75rem;
        text-align: center;
    }
}

.search-result-content .search-result-items {
    padding-bottom: 50px;
}

@media screen and (max-width: 48em) {
    .search-result-content .search-result-items {
        padding-bottom: 0.5rem;
    }
}

.search-result-content .pagination-buttons {
    float: none;
    margin-bottom: 1.5rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-content .pagination-buttons {
        float: right;
        margin-bottom: 3rem;
    }
}

.search-result-content .pagination-buttons a,
.search-result-content .pagination-buttons button {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: .6rem 2rem .5rem 2rem;
    letter-spacing: 0;
}

@media print,
screen and (min-width: 48.0625em) {

    .search-result-content .pagination-buttons a,
    .search-result-content .pagination-buttons button {
        display: inline-block;
        width: auto;
        min-width: 175px;
        margin: 0 0 0 1rem;
    }
}

.search-result-content .pagination-buttons button {
    margin: 1rem auto;
    vertical-align: top;
}

@media print,
screen and (min-width: 48.0625em) {
    .search-result-content .pagination-buttons button {
        margin: 0;
    }
}

.search-result-content .pagination-buttons #view-all {
    border-color: #323232;
    background-color: #fff;
    color: #323232;
}

#results-content {
    background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
    padding-top: 30px;
}

.folder-content-list {
    -ms-flex-align: stretch;
    align-items: stretch;
    clear: both;
}

.folder-content-list li {
    background-color: #fff;
    border: 1px solid #ccc;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    list-style-type: none;
    margin: .25rem;
    padding: 1rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .folder-content-list li {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
}

.folder-content-list p {
    line-height: 1.1rem;
}

.folder-content-list .content-title {
    display: block;
    font-size: 1.2em;
}

.folder-content-list .readmore {
    font-style: italic;
    padding-left: .3rem;
}

.no-results {
    padding: 20px;
}

.toggle-grid {
    display: none;
    float: left;
    margin-right: 0.5em;
}

.toggle-grid i {
    cursor: pointer;
    margin-right: 0.3em;
}

.toggle-grid [data-option="column"] {
    color: #84bd00;
}

.toggle-grid.wide [data-option="wide"] {
    color: #84bd00;
}

.toggle-grid.wide [data-option="column"] {
    color: #666;
}

.wide-tiles .search-result-items .grid-tile {
    width: 91%;
}

.wide-tiles .product-tile .product-swatches {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    margin-top: 5px;
}

.wide-tiles .product-tile .product-swatches li {
    float: left;
}

.sort-by {
    width: 50%;
    -ms-flex-order: 4;
    order: 4;
}

@media print,
screen and (min-width: 48.0625em) {
    .sort-by {
        -ms-flex-order: 5;
        order: 5;
        margin-left: auto;
        max-width: 24%;
    }
}

.top-filter {
    font-size: 13px;
}

@media screen and (max-width: 48em) {
    .top-filter {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .top-filter {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.top-filter .filter {
    width: 50%;
}

@media print,
screen and (min-width: 48.0625em) {
    .top-filter .filter {
        width: auto;
        max-width: 18%;
    }
}

.top-filter .clear-all-container {
    text-align: center;
    margin: 1.5em auto;
    -ms-flex-order: 5;
    order: 5;
}

@media print,
screen and (min-width: 48.0625em) {
    .top-filter .clear-all-container {
        text-align: left;
        margin: 0;
        -ms-flex-order: 4;
        order: 4;
    }
}

.top-filter .clear-all-container a {
    color: #999;
    display: block;
    text-decoration: underline;
    text-transform: uppercase;
}

@media print,
screen and (min-width: 48.0625em) {
    .top-filter .clear-all-container a {
        font-size: 0.9em;
    }
}

.top-filter .clear-all-container a:hover {
    color: #323232;
}

#product-nav-container {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 160px;
}

#product-nav-container div {
    float: left;
    text-align: center;
    width: 77px;
}

#product-nav-container img {
    max-height: 100%;
    max-width: 80%;
}

#product-nav-container span {
    display: block;
    height: 65px;
}

#product-nav-container .divided span {
    border-right: 1px solid #323232;
    padding-right: 5px;
}

.pdp-main {
    /***
    // Mobile Only Reflow of content 
    #product-content {
        display: flex;
        flex-direction: column;
        @include breakpoint(medium) {
			@include clearfix();
            display: block; 
        }
    }
***/
}

.pdp-main .product-content-detail {
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
}

.pdp-main .product-content-detail.pcd-bottom {
    margin-top: 40px;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-content-detail {
        display: block;
    }

    .pdp-main .product-content-detail::before,
    .pdp-main .product-content-detail::after {
        display: table;
        content: ' ';
    }

    .pdp-main .product-content-detail::after {
        clear: both;
    }

    .pdp-main .product-content-detail.pcd-bottom:before,
    .pdp-main .product-content-detail.pcd-bottom:after {
        display: block;
        max-width: 996px;
        margin: 0 20px;
        border-top: 1px solid #323232;
        content: "";
    }
}

.pdp-main .product-title {
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-title {
        float: right;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        margin-top: 36px;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-title {
        -ms-flex-order: 4;
        order: 4;
        margin-top: 33px;
    }
}

.pdp-main .product-title .badge-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-title .badge-container {
        position: absolute;
        top: 0;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-title .badge-container {
        margin-bottom: 3px;
    }
}

.pdp-main .product-title .badge-container .badge-product {
    margin: 0 1rem .25rem 0;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-title .badge-container .badge-product {
        font-size: 13px;
        line-height: 1;
        margin: 0 16px 0 0;
    }
}

.pdp-main .product-title .product-name {
    margin: 0 0 3px;
    padding-bottom: 2px;
    border-bottom: 1px solid #505050;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-title .product-name {
        margin: 1.75rem 0 13px;
        padding-bottom: 5px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.pdp-main .product-title .product-name span.sub {
    display: block;
    margin: 9px 0 2px;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-title .product-name span.sub {
        font-size: 12px;
        margin: 2px 0 5px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .pcd-bottom .product-title .product-name {
        margin-bottom: 0;
    }
}

.pdp-main .product-description {
    font-size: 14px;
    text-align: justify;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 48em) {
    .pdp-main .product-description {
        -ms-flex-order: 4;
        order: 4;
        margin: 5px 0 10px;
        line-height: 1.9;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-description {
        margin: 0 0 15px;
        width: 50%;
        float: right;
        line-height: 1.75;
    }
}

.pdp-main .product-image-container {
    -ms-flex-order: 2;
    order: 2;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-image-container {
        margin-top: 5px;
    }
}

.pdp-main .product-image-container .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 14px 0 28px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-image-container .slick-dots {
        margin-bottom: 0;
    }
}

.pdp-main .product-image-container .slick-dots li {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
}

.pdp-main .product-image-container .slick-dots li button {
    width: inherit;
    height: inherit;
    padding: 0;
}

.pdp-main .product-image-container .slick-dots li button:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: auto;
    font-size: 9px;
    line-height: 9px;
}

.pdp-main .product-info {
    -ms-flex-order: 5;
    order: 5;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-info {
        margin-top: 9px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-info.product-info-first {
        margin-top: 4px;
        margin-bottom: 7px;
    }

    .pdp-main .product-info.product-info-first .product-variations {
        margin: 0 -7px 0 -5px;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-info.product-info-first {
        -ms-flex-order: 3 !important;
        order: 3 !important;
        margin-top: 28px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .pcd-bottom .product-info.product-info-first {
        margin-top: 17px;
    }
}

.pdp-main .product-detail {
    width: 100%;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-detail {
        max-width: 1036px;
        margin-left: auto;
        margin-right: auto;
    }
}

.pdp-main .product-detail .promotion,
.pdp-main .product-detail .product-promo {
    text-align: left;
    width: 100%;
    margin-top: 1.5rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .pdp-main .product-detail .promotion,
    .pdp-main .product-detail .product-promo {
        width: auto;
    }
}

.pdp-main .product-detail .promotion .promotion-title,
.pdp-main .product-detail .product-promo .promotion-title {
    font-weight: bold;
    margin-bottom: .3rem;
    display: none;
}

.pdp-main .product-detail .promotion .promotion-callout,
.pdp-main .product-detail .product-promo .promotion-callout {
    color: #323232;
    font-size: 13px;
    line-height: 1.4;
}

.pdp-main .promotion {
    padding-top: 0;
}

.pdp-main label {
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
}

.pdp-main .product-image-container {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-image-container {
        margin-top: 15px;
    }
}

#wrapper.overlay .pdp-main .product-image-container {
    position: static;
}

.pdp-main .product-image-container .row,
.pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .pdp-main .product-image-container .content-asset,
.pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .pdp-main .product-image-container .content-asset {
    margin-left: 0;
    margin-right: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-image-container {
        float: left;
        width: 50%;
    }

    .pdp-main .product-image-container .row,
    .pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .pdp-main .product-image-container .content-asset,
    .pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .pdp-main .product-image-container .content-asset {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-image-container .product-thumbnails {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.pdp-main .product-number {
    color: #323232;
    font-size: .65rem;
    margin-bottom: .5rem;
}

.pdp-main .price-qty-row {
    margin: 30px 0 0;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .pdp-main .price-qty-row {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .price-qty-row {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.pdp-main .price-qty-row .label {
    white-space: nowrap;
}

.pdp-main .product-price {
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.5em;
    font-size: 16px;
    /* IE10+ CSS */
}

@media screen and (max-width: 48em) {
    .pdp-main .product-price {
        margin-right: 0;
        font-size: 17px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .pdp-main .product-price {
        margin-right: 6em !important;
    }
}

.pdp-main .product-price .price-standard {
    color: #323232;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 8px;
}

.pdp-main .product-price .price-tiered {
    color: #323232;
    font-size: .6em;
    line-height: 1.5em;
    padding-left: 0.25em;
}

.pdp-main .product-price small {
    display: inline-block;
}

.pdp-main .inventory {
    display: block;
    white-space: nowrap;
}

.pdp-main .inventory input {
    font-size: 1.5em;
    height: 50px;
    width: 50px;
    margin-right: .4em;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .inventory input {
        height: 37px;
        width: 37px;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .inventory {
        margin-top: 1.5rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .inventory {
        display: inline;
    }

    .pdp-main .inventory .quantity {
        display: inline;
    }
}

.pdp-main .product-main-attributes .attribute {
    padding: .2em 0;
}

.pdp-main .product-main-attributes .label {
    padding: 0;
}

.pdp-main .product-variations {
    font-size: 12px;
}

.pdp-main .product-variations .pdp-vars {
    margin: 0;
    padding: 0;
}

.pdp-main .product-variations .pdp-vars .swatches {
    margin: 0;
    /* padding: 0 26px; */
}

.pdp-main .product-variations .pdp-vars .swatches .swiper-wrapper {}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-variations .pdp-vars .swatches {
        padding: 0;
    }
}

.pdp-main .product-variations .pdp-vars .swatches.size {
    padding: 0;
}

.pdp-main .product-variations .pdp-vars .value {
    margin: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .main-image {
        position: relative;
        margin-top: 20px;
    }
}

.pdp-main .primary-image {
    max-width: 100%;
    width: 100%;
}

.pdp-main .product-primary-image {
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    -ms-flex-direction: row;
}

.pdp-main .product-info {
    width: 100%;
}

.product_arrow {
    position: relative;
    padding-left: 26px !important;
    padding-right: 26px !important;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-info {
        clear: right;
        float: right;
        width: 50%;
        margin-bottom: 15px;
        font-size: 14px;
        letter-spacing: .03em;
    }
}

.pdp-main .product-price-details {
    width: 100%;
}

.pdp-main .product-add-to-cart {
    overflow: hidden;
    display: block;
}

.pdp-main .product-add-to-cart button {
    height: 59px;
    width: 100%;
    padding: 20px 0;
    border-color: #b4b4b5;
    background-color: #b4b4b5;
    color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 17px;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-add-to-cart button {
        width: 182px;
        height: 35px;
        margin-right: 12px;
        padding: 9px 0;
        font-size: 12px;
    }
}

.pdp-main .product-add-to-cart button.disabled {
    color: #fff;
    cursor: auto;
}

.pdp-main .product-add-to-cart button.add-all-to-cart {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-add-to-cart button.add-all-to-cart {
        width: auto;
    }
}

.pdp-main .product-form-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-form-actions {
        margin-right: 12px;
    }
}

.pdp-main .product-form-actions .out-of-stock {
    width: 100%;
    height: 59px;
    margin: 0;
    padding: 20px 0;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    background-color: #fff;
    color: #b0b0b0;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 17px;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.05em;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-form-actions .out-of-stock {
        width: 182px;
        height: 35px;
        margin-right: 12px;
        padding: 9px 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-form-actions .product-actions {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

.pdp-main .product-form-actions .save-for-later-btn {
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    padding: 0;
    border-color: #b4b4b5;
    background-color: #b4b4b5;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-form-actions .save-for-later-btn {
        width: 59px;
        height: 59px;
        margin-left: 10px;
    }
}

.pdp-main .product-form-actions .save-for-later-btn svg {
    width: 19px;
    height: 17px;
    margin: auto;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-form-actions .save-for-later-btn svg {
        width: 26px;
        height: 22px;
    }
}

.pdp-main .product-form-actions .save-for-later-btn .save-for-later {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
}

.pdp-main .product-form-actions .save-for-later-btn.saved-wishlist .save-for-later {
    fill: #fff;
}

.pdp-main .product-form-actions a.text-only {
    margin-top: 24px;
    color: #323232;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-form-actions a.text-only {
        margin-top: 0;
    }
}

.pdp-main .ppd-bottom-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 0 0;
}

@media screen and (max-width: 48em) {
    .pdp-main .ppd-bottom-button {
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

.pdp-main .ppd-bottom-button>* {
    margin-bottom: 20px;
}

@media screen and (max-width: 48em) {
    .pdp-main .ppd-bottom-button>* {
        margin-bottom: 10px;
    }
}

.pdp-main .ppd-bottom-button .sp-link a {
    width: 182px;
    height: 35px;
    padding: 9px 0;
    border-color: #323232;
    background-color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 12px;
}

@media screen and (max-width: 48em) {
    .pdp-main .ppd-bottom-button .sp-link a {
        width: 100%;
        height: 59px;
        padding: 20px 0;
        font-size: 17px;
    }
}

.pdp-main .product-select-attribute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.pdp-main .product-select-attribute>* {
    margin-top: 7px;
    margin-right: 14px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute>* {
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0;
    }
}

.pdp-main .product-select-attribute .label {
    margin: 0 10px 5px 0;
    font-size: 12px;
    white-space: nowrap;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .label {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 55px;
        margin: 0;
        color: #646464;
        font-size: 14px;
    }
}

.pdp-main .product-select-attribute .value {
    position: relative;
    width: 100%;
    height: 35px;
}

.pdp-main .product-select-attribute .value:after {
    display: block;
    position: absolute;
}

.pdp-main .product-select-attribute .value.disabled:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.pdp-main .product-select-attribute .value:not(.disabled):after {
    right: 7px;
    bottom: 9px;
    /* font-family: "icomoon"; */
    /* font-family: Microsoft JhengHei; */
    font-size: 11px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    pointer-events: none;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .value:not(.disabled):after {
        right: 9px;
        bottom: 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .value {
        height: 40px;
    }
}

.pdp-main .product-select-attribute .value select {
    width: auto;
    height: 100%;
    padding: 6px 20px 6px 10px;
    border: 1px solid #323232;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .value select {
        font-size: 15px;
    }
}

.pdp-main .product-select-attribute .value.disabled select {
    border-color: #c8c8c8;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .inventory {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.pdp-main .product-select-attribute .inventory .quantity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .inventory .quantity {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.pdp-main .product-select-attribute .inventory .quantity select {
    width: 84px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .inventory .quantity select {
        width: 100%;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .product-variations.va-size {
        width: auto;
        min-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.pdp-main .product-select-attribute .product-variations.va-size select {
    min-width: 84px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .product-variations.va-size select {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .product-variations.va-color {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.pdp-main .product-select-attribute .product-variations.va-color select {
    width: 230px;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-select-attribute .product-variations.va-color select {
        width: 100%;
    }
}

.pdp-main .product-component {
    margin-top: 14px;
    border: 1px solid #323232;
    border-width: 1px 0;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-component {
        margin-top: 25px;
    }
}

.pdp-main .product-component h2 {
    position: relative;
    margin: 0;
    padding: 6px 0;
    color: #646464;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
}

.pdp-main .product-component h2:after {
    display: block;
    position: absolute;
    top: 9px;
    right: 9px;
    margin: auto 0;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 12px;
    font-weight: 700;
    content: "\e904";
}

.pdp-main .product-component h2.comp-open:after {
    content: "\e905";
}

@media screen and (max-width: 48em) {
    .pdp-main .product-component h2 {
        padding: 8px 0;
        font-size: 15px;
    }
}

.pdp-main .product-component p {
    display: none;
    margin: 0;
    padding: 5px 0 13px;
    color: #646464;
    font-size: 12px;
    line-height: 2.2;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 48em) {
    .pdp-main .product-component p {
        padding: 0 0 7px;
        font-size: 13px;
        line-height: 2;
    }
}

.pdp-main .product-set .product-description-wrapper {
    line-height: 1.3;
}

@media screen and (max-width: 48em) {
    .pdp-main .product-set .product-description-wrapper {
        display: none;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-set .product-set-list {
        float: right;
        width: 50%;
    }
}

.pdp-main .product-set .product-set-list .product-set-item {
    clear: both;
    font-size: 0.875rem;
    overflow: hidden;
    border-top: 1px #000 solid;
    padding: 22px 0;
}

.pdp-main .product-set .product-set-list .product-set-image img {
    width: 100%;
}

.pdp-main .product-set .product-set-list .product-name {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.685em;
    width: auto;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-main .product-set .product-set-list .product-name {
        font-size: 1rem;
        line-height: 100%;
    }
}

.pdp-main .product-set .product-set-list .attribute h3 {
    width: 25%;
}

.pdp-main .product-set .product-set-list .attribute .label {
    white-space: nowrap;
}

.pdp-main .product-set .product-set-actions.column,
.pdp-main .product-set .product-set-actions.columns {
    margin-bottom: 1.5rem;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {

    .pdp-main .product-set .product-set-actions.column,
    .pdp-main .product-set .product-set-actions.columns {
        float: right;
        width: 50%;
        clear: both;
    }
}

.pdp-main .product-set-actions .product-add-to-cart {
    border-top: 1px #000 solid;
    margin-bottom: 0;
}

.pdp-main .salesprice {
    font-weight: bold;
}

.main-video {
    position: relative;
}

.main-video:before {
    content: "\e90d";
    display: block;
    position: absolute;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    color: #fff;
    font-size: 70px;
    height: 70px;
    width: 70px;
    right: 50%;
    top: 50%;
    margin: -35px -35px 0 0;
    line-height: 1;
}

.pdp-promo-bar {
    clear: both;
    margin-bottom: 1rem;
    padding: 2em 0;
    border: 1px solid #323232;
    border-width: 1px 0;
    font-size: 16px;
    text-align: center;
}

@media screen and (max-width: 48em) {
    .pdp-promo-bar {
        margin-bottom: 1.5rem;
        padding: 1.5em;
        font-size: 14px;
    }
}

.pdp-jump-links ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pdp-jump-links li {
    display: -ms-flexbox;
    display: flex;
    margin: 0 40px;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 16px;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-jump-links li {
        margin: 15px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    #overview.pdp-content-section {
        clear: both;
        padding-top: 0;
    }
}

a.accordion-toggle {
    display: block;
    width: calc(100% + 30px);
    background: #000;
    padding: 11px 15px;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 14px;
    color: #fff;
    margin-right: 1rem;
    margin-left: -1rem;
    text-transform: uppercase;
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    a.accordion-toggle {
        display: none !important;
    }
}

a.accordion-toggle:after {
    /* font-family: icomoon; */
    font-family: Microsoft JhengHei;
    content: "\e914";
    float: right;
}

a.accordion-toggle.is-open:after {
    /* font-family: icomoon; */
    font-family: Microsoft JhengHei;
    content: "\e90f";
}

.pdp-content-section {
    clear: both;
}

.pdp-content-section.recommendations {
    overflow: hidden;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-content-section.recommendations {
        overflow: visible;
    }
}

.pdp-content-section h2 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 16px;
    font-weight: normal;
}

@media screen and (max-width: 48em) {
    .pdp-content-section h2 {
        font-size: 15px;
    }
}

.pdp-content-section p {
    margin: .5rem 0 1rem;
    font-size: 14px;
}

.pdp-content-section ul,
.pdp-content-section ol {
    margin: 0 0 1rem 1.5rem;
}

.pdp-content-section li {
    font-size: 14px;
}

.pdp-content-section hr {
    clear: both;
    display: block;
    width: 100%;
    border-color: #323232;
    border-width: 1px 0 0;
}

.pdp-content-section .main-video {
    position: relative;
    margin-bottom: 3.75rem;
}

.pdp-content-section .main-video:hover {
    cursor: pointer;
}

.pdp-content-section .large-video .row .row,
.pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .row,
.pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .content-asset .row,
.pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .row,
.pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .content-asset .row,
.pdp-content-section .large-video .row .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .row .content-asset,
.pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset,
.pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .content-asset .content-asset,
.pdp-content-section .large-video .row .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .row .content-asset,
.pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .content-asset,
.pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .content-asset .content-asset {
    width: 100%;
}

.pdp-content-section .pdp-content-inner.row,
.pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset,
.pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset,
.pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset,
.pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset {
    margin: 0 auto;
}

@media print,
screen and (min-width: 48.0625em) {

    .pdp-content-section .pdp-content-inner.row,
    .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset,
    .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset,
    .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset,
    .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset {
        max-width: 1036px;
        width: 100%;
    }
}

.pdp-content-section .video-carousel {
    padding-top: 2.5rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .pdp-content-section .video-carousel {
        padding-top: 3.75em;
    }
}

.pdp-content-section .video-carousel .modal-video:hover {
    cursor: pointer;
}

.pdp-content-section .modal-video {
    position: relative;
    text-align: center;
}

.pdp-content-section .modal-video:before {
    display: block;
    position: absolute;
    top: 25%;
    left: 44%;
    right: initial;
    bottom: initial;
    width: initial;
    color: #fff;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 50px;
    line-height: inherit;
    content: "\e90d";
}

.pdp-content-section .modal-video h4 {
    text-align: left;
}

.pdp-content-section .modal-video img {
    max-height: 203px;
}

@media screen and (max-width: 48em) {
    .pdp-content-section .modal-video img {
        max-width: none;
        max-height: none;
    }
}

.recommendations {
    display: block;
    margin-bottom: 10px;
}

.recommendations h2 {
    text-align: center;
}

.recommendations .carousel-recommendations {
    position: relative;
    margin: auto;
    border-top: 1px solid #323232;
    border: 0;
}

.recommendations .carousel-recommendations .product-price {
    display: block;
    margin: 0;
    text-align: center;
}

.recommendations .carousel-recommendations .product-price .price-standard {
    margin-right: 8px;
    color: #ccc;
    text-decoration: line-through;
}

.recommendations ul {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.recommendations li {
    float: left;
    font-size: 16px;
}

.recommendations .product-tile {
    padding: 0 2em;
}

.recommendations .product-name {
    font-size: 15px;
    margin: .2em 0;
    width: 100%;
}

.recommendations .product-price {
    font-size: 1em;
}

.recommendations .product-tile:hover .recommendation-tooltip {
    display: block !important;
}

.product-thumbnails {
    z-index: 0;
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    .product-thumbnails {
        margin-top: 60px;
    }
}

.product-thumbnails .fade-circle {
    margin: 140px auto;
}

.product-thumbnails .slick-slide {
    text-align: center;
}

.product-thumbnails ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

@media print,
screen and (min-width: 48.0625em) {
    .product-thumbnails ul {
        width: 48px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .product-thumbnails .productthumbnail {
        border: 1px #fff solid;
        width: 48px;
        height: 48px;
        margin-bottom: 20px;
    }

    .product-thumbnails .productthumbnail.selected {
        border-color: #000;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .product-thumbnails img {
        border: 1px solid #fff;
        cursor: pointer;
        max-width: 100%;
    }
}

#modal-cntr .product-thumbnails-cntr {
    margin: 0;
    padding: 0;
}

#modal-cntr .productthumbnail {
    list-style-type: none;
    text-align: center;
}

.product-variations .slick-next,
.product-variations .slick-prev,
.product-variations .slick-prev:hover,
.product-variations .slick-prev:focus,
.product-variations .slick-next:hover,
.product-variations .slick-next:focus,
.product-options .slick-next,
.product-options .slick-prev,
.product-options .slick-prev:hover,
.product-options .slick-prev:focus,
.product-options .slick-next:hover,
.product-options .slick-next:focus {
    color: transparent;
    outline: none;
    background: rgba(255, 255, 255, 0.63);
    height: 100%;
    margin-top: 0;
    top: 0;
}

.product-variations .slick-prev,
.product-variations .slick-next,
.product-options .slick-prev,
.product-options .slick-next {
    opacity: 1 !important;
}

.product-variations .slick-prev:before,
.product-variations .slick-next:before,
.product-options .slick-prev:before,
.product-options .slick-next:before {
    color: #646464;
    font-size: 20px;
    opacity: inherit;
}

.product-variations .slick-prev,
.product-options .slick-prev {
    left: 0;
}

.product-variations .slick-next,
.product-options .slick-next {
    right: 0;
}

.product-variations .attribute,
.product-options .attribute {
    /* overflow: hidden; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 48em) {

    .product-variations .attribute,
    .product-options .attribute {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.product-variations .attribute.variant-dropdown,
.product-options .attribute.variant-dropdown {
    margin: 0;
}

@media print,
screen and (min-width: 48.0625em) {

    .product-variations .attribute.variant-dropdown,
    .product-options .attribute.variant-dropdown {
        max-width: 360px;
    }
}

.product-variations .attribute .value,
.product-options .attribute .value {
    width: 100%;
}

.product-variations .attribute ul,
.product-options .attribute ul {
    float: right;
    width: 100%;
    list-style: none;
}

@media print,
screen and (min-width: 48.0625em) {

    .product-variations .attribute ul,
    .product-options .attribute ul {
        height: auto;
    }
}

.product-variations .attribute .selected-value,
.product-options .attribute .selected-value {
    border: 0 none;
    color: #333;
    font-weight: bold;
    padding: 1.3em 0 0 .4em;
    text-transform: uppercase;
}

@media print,
screen and (min-width: 48.0625em) {

    .product-variations .attribute .selected-value,
    .product-options .attribute .selected-value {
        padding-top: .8em;
    }
}

.product-variations .attribute .size-chart-link,
.product-options .attribute .size-chart-link {
    clear: both;
    float: none;
}

.product-variations .attribute .size-chart-link a,
.product-options .attribute .size-chart-link a {
    border-color: #fff !important;
    padding: 0;
}

.product-variations .swatches.size li,
.product-options .swatches.size li {
    float: left;
    height: auto;
    width: auto;
    margin-right: 16px;
}

.product-variations .swatches.size li:hover a,
.product-variations .swatches.size li.selected a,
.product-options .swatches.size li:hover a,
.product-options .swatches.size li.selected a {
    border-color: #323232;
    border-width: 0 0 1px;
}

.product-variations .swatches.size li.selected a,
.product-options .swatches.size li.selected a {
    color: #323232;
}

.product-variations .swatches.size li.unselectable a,
.product-options .swatches.size li.unselectable a {
    color: #c8c8c8;
}

.product-variations .swatches.size li a,
.product-options .swatches.size li a {
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 1px 0;
    display: block;
    margin: 0;
    padding: 1px 0;
    text-align: center;
    white-space: nowrap;
}

.product-variations .swatches.size li span.label,
.product-options .swatches.size li span.label {
    font-weight: normal;
}

.product-variations .color li,
.product-options .color li {
    float: left;
    width: 52px;
    border: 1px #fff solid;
    /* margin: 0 4px; */
    padding: 5px;
}

@media print,
screen and (min-width: 48.0625em) {

    .product-variations .color li,
    .product-options .color li {
        margin: 0 4px 4px 0;
        padding: 4px;
        width: 45px;
    }
}

.product-variations .color li.selected,
.product-options .color li.selected {
    border-color: #323232;
    background-color: #fff;
}

.product-variations .color li.unselectable,
.product-options .color li.unselectable {
    position: relative;
    overflow: hidden;
}

.product-variations .color li.unselectable:before,
.product-options .color li.unselectable:before {
    content: "";
    position: absolute;
    top: 12px;
    left: -40px;
    border-top: 2px #fff solid;
    transform: rotate(45deg);
    width: 150%;
    height: 150%;
    z-index: 4;
}

.product-variations .color li.unselectable:hover a,
.product-options .color li.unselectable:hover a {
    border-color: #323232;
}

.product-variations .color li a,
.product-options .color li a {
    line-height: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.product-variations .color li a img,
.product-options .color li a img {
    width: 100%;
    height: 100%;
}

.tabs {
    position: relative;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .tab {
        display: inline-block;
        float: none;
    }
}

.tab .tab-switch {
    display: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .tab .tab-switch:checked+.tab-label {
        background: #fff;
        border-bottom-color: #323232;
        color: #323232;
        font-weight: 700;
        top: -0.0625rem;
        transition: all 0.35s;
        z-index: 1;
    }
}

.tab .tab-switch:checked+label+.tab-content {
    opacity: 1;
    transition: all 0.35s;
    z-index: 2;
}

.tab .tab-label {
    border-bottom: 3px solid #fff;
    color: #323232;
    display: block;
    font-weight: 400;
    line-height: 2.5em;
    margin-bottom: 0;
    position: relative;
    text-transform: none;
    top: 0;
    transition: all 0.25s;
}

@media print,
screen and (min-width: 48.0625em) {
    .tab .tab-label {
        cursor: pointer;
        padding: 0 1.25rem;
    }

    .tab .tab-label:hover {
        border-bottom-color: #323232;
        top: -0.25rem;
        transition: top 0.25s;
    }
}

.tab .tab-content {
    padding: 1em 0;
    text-align: left;
    z-index: 1;
}

@media print,
screen and (min-width: 48.0625em) {
    .tab .tab-content {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 2.75em;
        transition: all 0.35s;
        width: 100%;
    }
}

.full-ingredients {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}

.full-ingredients-list {
    display: none;
    position: fixed;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
}

@media print,
screen and (min-width: 48.0625em) {
    .full-ingredients-list {
        max-width: 500px;
        position: absolute;
    }
}

.full-ingredients-list .close {
    text-align: right;
    font-size: 1em;
    float: right;
    text-decoration: none;
    color: #fff;
}

@media print,
screen and (min-width: 48.0625em) {
    .full-ingredients-list .close {
        color: #323232;
    }
}

.show-list+.full-ingredients-list {
    display: block;
    padding: 15px;
}

@media screen and (max-width: 48em) {
    .show-list+.full-ingredients-list {
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        z-index: 30;
        color: #fff;
        overflow: auto;
        background: rgba(0, 0, 0, 0.85);
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .show-list+.full-ingredients-list {
        z-index: 10;
        background: #f5f5f5;
    }
}

.replenishment {
    font-size: 14px;
}

#replenishment-info-modal {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#replenishment-info-modal h3 {
    margin-bottom: .25rem;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 1rem;
}

/* キット商品 */
.product-kit p,
.product-kit ul {
    margin: 0;
    padding: 0;
}

.product-kit ul {
    line-height: 1;
}

#primary.product-kit {
    margin-top: 20px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0;
}

#primary.product-kit .product-container {
    margin-bottom: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

#primary.product-kit h2 {
    margin: 0;
    padding: 14px 0;
    background-color: #fffae7;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}

#primary.product-kit section {
    position: relative;
    margin: 55px 0 0;
}

#primary.product-kit section .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
}

#primary.product-kit section .slick-slide {
    height: auto;
    outline: none;
}

#primary.product-kit section .slick-prev,
#primary.product-kit section .slick-next {
    z-index: 12;
    top: 94px;
    margin-top: 0;
}

#primary.product-kit section .slick-prev:before,
#primary.product-kit section .slick-next:before {
    color: #323232;
    font-size: 13px;
    opacity: 1;
}

@media screen and (max-width: 48em) {

    #primary.product-kit section .slick-prev,
    #primary.product-kit section .slick-next {
        top: 23vw;
    }

    #primary.product-kit section .slick-prev:before,
    #primary.product-kit section .slick-next:before {
        font-size: 17px;
    }
}

#primary.product-kit section .slick-prev {
    left: 0;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .slick-prev {
        left: 25px;
    }
}

#primary.product-kit section .slick-next {
    right: 0;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .slick-next {
        right: 25px;
    }
}

#primary.product-kit section .kinds>.slick-list {
    z-index: 0;
    margin-bottom: -250px;
    padding-bottom: 250px;
}

#primary.product-kit section .kinds>.slick-list.open {
    z-index: 11;
}

#primary.product-kit section .kinds>.slick-dots {
    z-index: 10;
    margin-top: 20px;
}

#primary.product-kit section .kind {
    position: relative;
    width: 270px;
    margin-left: 15px;
    margin-right: 16px;
    padding-bottom: 62px;
}

#primary.product-kit section .kind.has-select {
    padding-bottom: 110px;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .kind {
        padding-bottom: 65px;
    }

    #primary.product-kit section .kind.has-select {
        padding-bottom: 120px;
    }
}

#primary.product-kit section h3 {
    margin: 0 17px 20px;
    padding-bottom: 2px;
    border-bottom: 1px solid #323232;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section h3 {
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 7px;
        font-size: 14px;
    }
}

#primary.product-kit section h4 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: normal;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section h4 {
        font-size: 15px;
    }
}

#primary.product-kit section h4 a {
    text-decoration: underline;
}

#primary.product-kit section .product-block p {
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .product-block p {
        font-size: 12px;
    }
}

#primary.product-kit section .product-block p.sub {
    margin-bottom: 9px;
}

@media print,
screen and (min-width: 48.0625em) {
    #primary.product-kit section .product-block p.sub {
        font-size: 11px;
    }
}

#primary.product-kit section .product-image {
    max-width: 200px;
    margin: 0 auto 14px;
    text-align: center;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .product-image {
        width: 100%;
        max-width: none;
        margin-bottom: 8px;
    }

    #primary.product-kit section .product-image img {
        width: 58%;
        min-width: 200px;
    }
}

#primary.product-kit section .select-area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#primary.product-kit section .select-area .toggle {
    display: block;
    position: absolute;
    z-index: 2;
    top: -50px;
    right: 0;
    width: 33px;
    height: 30px;
    background: url(/common/img/choice_open.png) no-repeat 50% 11px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s linear;
}

#primary.product-kit section .select-area .toggle:hover {
    opacity: 0.5;
}

#primary.product-kit section .select-area.open .toggle {
    background-position: 50% -39px;
}

#primary.product-kit section .select-area ul {
    list-style: none;
    position: absolute;
    z-index: 1;
    top: -50px;
    left: 0;
    width: 100%;
    border-top: 1px solid #646464;
}

#primary.product-kit section .select-area ul li {
    overflow: hidden;
    height: 0;
    width: 100%;
    margin-top: -1px;
    padding: 0 24px 0 10px;
    border: 1px solid #646464;
    border-width: 0 1px 1px;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

#primary.product-kit section .select-area ul li:before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    border: 1px solid #323232;
    vertical-align: 0;
    content: "";
}

#primary.product-kit section .select-area ul li.disabled:before {
    content: none;
}

#primary.product-kit section .select-area ul li.selected {
    background-color: #f6f6f6;
}

#primary.product-kit section .select-area ul li.selected:before {
    background-color: #323232;
}

#primary.product-kit section .select-area ul li.show {
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top-width: 1px;
    cursor: default;
}

#primary.product-kit section .select-area.open ul li {
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top-width: 1px;
    white-space: normal;
}

#primary.product-kit section .select-area p {
    height: 45px;
    padding: 12px 0;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    background-color: #b0b0b0;
    color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 2px;
    opacity: 1;
    transition: opacity .2s linear;
    cursor: pointer;
}

#primary.product-kit section .select-area p:hover {
    opacity: .5;
}

#primary.product-kit section .select-area p.selected {
    background-color: #fff;
    color: #b0b0b0;
}

#primary.product-kit section .select-area p.selected:before {
    margin-right: 7px;
    /* font-family: 'icomoon' !important; */
    font-family: Microsoft JhengHei !important;
    font-size: 16px;
    line-height: 1;
    vertical-align: -2px;
    content: "\e913";
}

#primary.product-kit section .select-area p.selected:after {
    content: "中";
}

#primary.product-kit section .select-area p.out-of-stock {
    background-color: #fff;
    color: #b0b0b0;
    opacity: 1;
    transition: none;
    cursor: default;
}

#primary.product-kit section .select-area p.disabled {
    opacity: .2;
    transition: none;
    cursor: default;
}

@media screen and (max-width: 48em) {
    #primary.product-kit section .select-area p {
        height: 50px;
        padding: 14px 0;
        font-size: 15px;
    }
}

#secondary.product-kit {
    z-index: 10;
    margin-top: 20px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    #secondary.product-kit {
        z-index: 20;
    }

    #secondary.product-kit .kit-wrap.fixed {
        position: fixed;
        z-index: 20;
        width: 25%;
        max-width: 275px;
    }
}

@media screen and (max-width: 1259px) and (min-width: 769px) {
    #secondary.product-kit .kit-wrap.fixed {
        width: auto;
        max-width: none;
        margin-right: 75%;
        margin-right: calc(75% + 1.25rem);
    }
}

#secondary.product-kit h2 {
    margin: 0;
    padding: 14px 0;
    background-color: #fffae7;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}

#secondary.product-kit .kit-selected-list {
    padding: 15px 15px 5px;
    background-color: #f8f8f8;
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list {
        padding-top: 30px;
        padding-bottom: 0;
        background-color: #fff;
    }
}

#secondary.product-kit .kit-selected-list>div {
    min-height: 160px;
    margin-bottom: 10px;
    padding: 10px 12px 15px;
    border: 3px dashed #e0e0e0;
    border-radius: 15px;
    background-color: #fff;
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 0;
        margin-bottom: 15px;
        padding: 0;
        border: none;
        border-radius: 0;
    }
}

#secondary.product-kit .kit-selected-list>div .pro-img {
    position: relative;
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
}

#secondary.product-kit .kit-selected-list>div .pro-img img {
    width: auto;
    height: 100%;
}

#secondary.product-kit .kit-selected-list>div .pro-img .deselect {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    color: #b0b0b0;
    font-size: 18px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s ease;
}

#secondary.product-kit .kit-selected-list>div .pro-img .deselect:hover {
    opacity: .5;
}

#secondary.product-kit .kit-selected-list>div .pro-img:before {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f0f0f0;
    content: "";
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list>div .pro-img {
        width: 26.7vw;
        min-width: 100px;
        height: 26.7vw;
        min-height: 100px;
        margin-right: 3%;
        margin-bottom: 0;
        border: 2px dashed #ccc;
        border-radius: 15px;
    }

    #secondary.product-kit .kit-selected-list>div .pro-img img {
        width: 100%;
    }

    #secondary.product-kit .kit-selected-list>div .pro-img .deselect {
        top: 8px;
        right: 8px;
        width: 16px;
        height: 16px;
    }

    #secondary.product-kit .kit-selected-list>div .pro-img:before {
        width: 70%;
        height: 70%;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

#secondary.product-kit .kit-selected-list>div .pro-name {
    font-size: 12px;
    line-height: 1.4;
}

#secondary.product-kit .kit-selected-list>div .pro-name a {
    text-decoration: underline;
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list>div .pro-name {
        width: 68%;
    }
}

#secondary.product-kit .kit-selected-list>div.kit-come-with .pro-img:before {
    display: none;
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list>div.kit-come-with .pro-img {
        border: 1px solid #ccc;
        border-radius: 0;
    }
}

#secondary.product-kit .kit-selected-list>div.selected {
    border: none;
    border-radius: 0;
}

#secondary.product-kit .kit-selected-list>div.selected .pro-img .deselect {
    display: block;
}

#secondary.product-kit .kit-selected-list>div.selected .pro-img:before {
    display: none;
}

@media screen and (max-width: 48em) {
    #secondary.product-kit .kit-selected-list>div.selected .pro-img {
        border: 1px solid #ccc;
        border-radius: 0;
    }
}

#kit-result {
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
    font-size: 14px;
    text-align: center;
}

#kit-result>div {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #323232;
}

@media screen and (max-width: 48em) {
    #kit-result>div {
        margin-top: 15px;
        padding-top: 20px;
    }
}

#kit-result p {
    margin: 0 0 10px;
}

@media screen and (max-width: 48em) {
    #kit-result p {
        margin-bottom: 15px;
    }
}

#kit-result .price {
    font-size: 12px;
}

#kit-result .price span {
    font-size: 24px;
}

#kit-result .button,
#kit-result .login-wrapper .create-new-account a,
.login-wrapper .create-new-account #kit-result a {
    width: 270px;
    padding: 15px 10px;
    border: none;
    background-color: #b0b0b0;
    color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 1px;
}

#kit-result .button.disabled,
#kit-result .login-wrapper .create-new-account a.disabled,
.login-wrapper .create-new-account #kit-result a.disabled {
    cursor: default;
    opacity: 0.2;
}

.ts-hide {
    overflow: hidden;
    position: absolute;
    z-index: -1;
    height: 0;
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
}

.ts-hide .w6 {
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
}

.background-container {
    background-size: cover;
    background-repeat: no-repeat;
}

.search-text-wrapper h3 {
    font-size: 2em;
    margin: 0;
}

.page-intro {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.page-intro h1 {
    /* font-family: "Hiragino Kaku Gothic W3 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 22px;
    font-weight: normal;
}

@media screen and (max-width: 48em) {
    .page-intro h1 {
        font-size: 20px;
    }
}

.page-intro .description {
    margin: 0 0 1em;
    font-size: 14px;
}

.category-image-overlay {
    background-size: cover;
}

@media screen and (max-width: 48em) {
    .page-intro-container {
        margin-top: .5em;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-intro-container h1 {
        border-bottom: 0;
        font-size: 1.8em;
        display: inline-block;
        text-align: center;
    }

    .page-intro-container h1 .page-intro-btm-border {
        border-bottom: 2px solid #c00;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    /*.page-intro {
	   margin-top: .5em;
	
		h1 {
			border-bottom: 0;
			font-size: 1.8em;
			display: inline-block;
			text-align: center;
		}
		h1 .page-intro-btm-border {
			border-bottom: 3px solid $citrus;
			float: none;
			text-align: center;
			margin: 0 auto;
		}
	}*/
}

.pt_product-search-result .banner.plp-top-banner {
    border-top: 5px solid #323232;
    border-bottom: 5px solid #323232;
    height: auto;
    overflow: visible;
    margin-bottom: 1em;
}

.pt_product-search-result .banner.plp-top-banner .banner-title {
    font-size: 1.6em;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0 .5em 0;
    line-height: 1;
}

.pt_product-search-result .banner.plp-top-banner p {
    line-height: 1;
    font-size: .9em;
    margin: .5em 0;
}

@media screen and (max-width: 64em) {
    .pt_product-search-result .banner.plp-top-banner {
        border-top: 3px solid #323232;
        border-bottom: 3px solid #323232;
    }

    .pt_product-search-result .banner.plp-top-banner .banner-title {
        font-size: 1.3em;
        margin: .5em 0 .2em 0;
    }

    .pt_product-search-result .banner.plp-top-banner p {
        line-height: 1.2;
        font-size: .9em;
    }
}

/* end pt_product-search-result */
.search-promo>div {
    width: 100%;
    border-top: 8px solid #323232;
}

.category-content-side {
    font-size: .9em;
    border-top: 5px solid #323232;
    overflow: visible;
    padding: 0;
    margin: 0 0 0 0;
}

.category-content-side .title {
    font-weight: 500;
    text-transform: uppercase;
}

.category-content-side ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.category-content-side ul li {
    margin: 0 0 .03em 0;
    list-style-type: none;
}

/* Reveal */
#modal-cntr {
    padding: 1em;
    margin-bottom: 1rem;
}

.modal-body {
    padding: 1em 0;
    margin-top: 1rem;
    overflow: auto;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .modal-body {
        padding: 0 1rem 1rem;
        margin-top: 2.5rem;
        max-height: 800px;
    }
}

@media print,
screen and (min-width: 64em) {
    .modal-body {
        padding: 0 2rem 2rem;
        margin-top: 2.5rem;
        max-height: 800px;
    }
}

@media screen and (max-width: 48em) {
    html.is-reveal-open {
        position: fixed;
        width: 100%;
        height: 100%;
    }
}

body.is-reveal-open {
    width: 100%;
}

.reveal {
    border: 0;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    overflow: hidden;
}

@media screen and (max-width: 48em) {
    .reveal {
        height: auto;
        min-height: 0;
        padding: 1.5rem 2rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .reveal {
        max-width: 80%;
    }
}

@media print,
screen and (min-width: 64em) {
    .reveal {
        max-width: 1000px;
    }
}

.reveal h1,
.reveal .title {
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
}

.reveal p {
    font-size: .75rem;
}

.reveal button.close-button {
    background-color: transparent;
    border: 0;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    font-weight: 100;
    position: absolute;
    top: .75rem;
    right: .75rem;
    padding: 0;
}

.reveal.medium {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 63.125rem;
    padding: 2rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .reveal.medium {
        width: 80%;
        padding: 3rem;
    }
}

.language-selection,
.newsletter-signup-modal {
    width: 90% !important;
    margin: 0px auto;
}

@media print,
screen and (min-width: 48.0625em) {

    .language-selection,
    .newsletter-signup-modal {
        width: 600px !important;
    }
}

.languages-modal button {
    width: 140px;
    margin: 0 1em 1em 0;
    padding: 0.5em 2em 0.3em 2em;
}

.newsletter-signup-modal input {
    border: 0;
    border-bottom: 1px solid;
    outline: none;
}

.reveal.productImageZoom {
    max-width: 90%;
}

@media print,
screen and (min-width: 64em) {
    .reveal.productImageZoom {
        max-width: 800px;
    }
}

.reveal.productImageZoom .modal-body {
    padding: 0;
}

.modal-content .product-images {
    margin: 0;
    padding: 0;
    max-height: 800px;
}

.modal-content .product-images li {
    margin-top: 30px;
}

.modal-content .product-images li:first-child {
    margin-top: 0;
}

/******* EDIT MODAL *******/
.edit-modal {
    max-width: 90% !important;
    width: 90%;
    border-bottom: 0px;
}

.edit-modal .image-zoom {
    display: none;
}

@media screen and (max-width: 48em) {
    .edit-modal .product-add-to-cart .price-qty-row {
        display: inline-block;
        width: 100%;
    }

    .edit-modal .product-add-to-cart .price-qty-row .price-label {
        display: inline-block;
    }

    .edit-modal .product-add-to-cart .price-qty-row .product-price {
        display: inline-block;
    }

    .edit-modal .product-add-to-cart .price-qty-row .inventory {
        display: inline-block;
        float: right;
    }
}

@media screen and (max-width: 63.9375em) {
    .edit-modal.reveal.medium {
        padding: 3em 2em;
    }
}

.edit-modal .full-detail-btn {
    display: none;
}

.edit-modal .product-image-container .row,
.edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset,
.edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset {
    margin-top: 7em;
}

@media screen and (max-width: 63.9375em) {

    .edit-modal .product-image-container .row,
    .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset,
    .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset {
        margin-top: 20em;
    }
}

@media screen and (max-width: 48em) {

    .edit-modal .product-image-container .row,
    .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset,
    .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset {
        margin-top: 0em;
    }
}

.edit-modal .product-image-container .row .product-thumbnails,
.edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset .product-thumbnails,
.pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails,
.edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset .product-thumbnails,
.pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails {
    margin-top: 0px;
}

.edit-modal .product-form-actions {
    font-size: 1em;
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .edit-modal .product-form-actions {
        font-size: .8em;
    }
}

@media screen and (max-width: 63.9375em) {

    .edit-modal .product-form-actions .button.add-to-cart,
    .edit-modal .product-form-actions .login-wrapper .create-new-account a.add-to-cart,
    .login-wrapper .create-new-account .edit-modal .product-form-actions a.add-to-cart {
        margin: 0px;
        font-size: 1em;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

@media screen and (max-width: 63.9375em) {
    .edit-modal .product-actions {
        padding: 1em;
        padding-right: 0em;
    }
}

.edit-modal .product-actions .button.text-only,
.edit-modal .product-actions .login-wrapper .create-new-account a.text-only,
.login-wrapper .create-new-account .edit-modal .product-actions a.text-only {
    color: #999;
    font-weight: normal;
}

.edit-modal .product-actions .button.text-only:hover,
.edit-modal .product-actions .login-wrapper .create-new-account a.text-only,
.login-wrapper .create-new-account .edit-modal .product-actions a.text-only {
    text-decoration: none;
}

.small-top-margin {
    top: 90px;
}

@media print,
screen and (min-width: 48.0625em) {
    #concierge-modal {
        max-width: 50%;
    }
}

@media screen and (max-width: 48em) {
    img {
        max-width: 100%;
    }

    .tooltip {
        font-size: .9em;
    }

    .form-field-tooltip {
        float: none;
        margin: 0 0 10px 5px;
        width: auto;
    }

    .ui-dialog {
        max-width: 98%;
    }

    .ui-dialog .ui-dialog-content {
        height: auto !important;
        overflow: visible;
    }

    .col-1,
    .col-2 {
        float: none;
        width: 100%;
    }

    .scrollable {
        height: auto;
    }

    .scrollable li {
        float: left;
    }

    .scrollable li a {
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        display: block;
        padding: .2em .8em;
    }

    #header .primary-logo {
        float: left;
        position: relative;
        top: auto;
        width: 65%;
    }

    #header .primary-logo img {
        max-width: 100%;
    }

    .mini-cart-content {
        max-width: 220px;
    }

    #quickviewbutton {
        display: none !important;
    }

    ul.search-result-items .grid-tile {
        margin: 2%;
        width: 92%;
    }

    .search-result-options .items-per-page {
        display: none;
    }

    .search-result-options .pagination {
        margin: 0;
    }

    .search-result-options .pagination .results-hits {
        display: none;
    }

    .product-tile {
        height: auto !important;
    }

    .wide-tiles .product-tile .product-image {
        width: 41%;
    }

    .wide-tiles .product-tile .product-name,
    .wide-tiles .product-tile .product-pricing,
    .wide-tiles .product-tile .product-promo,
    .wide-tiles .product-tile .pr_stars,
    .wide-tiles .product-tile .product-swatches {
        float: right;
    }

    .wide-tiles .product-tile .product-name h2 {
        margin-top: 0px;
    }

    .product-tile .product-swatches .swatch img {
        height: 2em;
        width: 2em;
    }

    .product-listing-1x4 ul.search-result-items .grid-tile {
        margin: 2%;
        width: 92%;
    }

    .product-compare,
    .compareitems {
        display: none !important;
    }

    .pt_product-details .breadcrumb .last {
        display: none;
    }

    #product-nav-container {
        bottom: 0;
        width: 100%;
    }

    #product-nav-container div {
        width: 60px;
    }

    #product-nav-container div.product-next {
        float: right;
    }

    #product-nav-container .divided span {
        border: 0;
    }

    .sizinginformation {
        padding: 0;
    }

    .sizinginformation th {
        font-weight: normal;
        padding: 0 0 0 2px;
    }

    .sizinginformation td {
        background: #ffffff;
        padding: 5px;
        text-align: center;
    }

    .sizinginformation .sizechart {
        padding: 0 !important;
    }

    .ui-dialog .ui-dialog-content {
        padding: .25em;
    }

    .pt_cart #secondary {
        display: none;
    }

    .checkout-progress-indicator {
        clear: both;
        font-size: .8em;
        margin-bottom: 3%;
        position: relative;
        overflow: hidden;
        text-align: left;
        top: auto;
    }

    .checkout-progress-indicator div {
        padding: 0 2%;
    }

    .order-summary-footer h2 {
        width: 50%;
    }

    .place-order-totals .order-totals-table {
        width: 100%;
    }

    .payment-method-options {
        padding: 0;
    }

    .payment-method-options .form-row {
        width: 100%;
    }

    .payment-method-options .form-row label {
        float: left;
        margin: 0;
        padding: 0 0 0 1em;
        width: 150px;
    }

    .payment-method-options .form-row .input-radio {
        margin: 0;
    }

    .pt_order-confirmation .item-list th {
        display: none;
    }

    .pt_order-confirmation .item-list td {
        float: left;
        padding: 1em 0;
        width: 98%;
    }

    .pt_order-confirmation .item-list .order-totals-table td {
        float: left;
        width: 48%;
    }

    .pt_order-confirmation .order-shipment-table th {
        display: none;
    }

    .pt_order-confirmation .order-shipment-table td {
        font-size: .9em;
        box-sizing: border-box;
        float: left;
    }

    .pt_order-confirmation .order-shipment-table .line-item-details {
        width: 70%;
    }

    .pt_order-confirmation .order-shipment-table .line-item-quantity {
        width: 10%;
    }

    .pt_order-confirmation .order-shipment-table .line-item-price {
        width: 20%;
    }

    .pt_order-confirmation .order-shipment-table .order-shipment-details {
        border: none;
        width: 100%;
    }

    .pt_order-confirmation .order-shipment-table .scrollable {
        height: auto;
    }

    .pt_order-confirmation .order-shipment-table .scrollable li {
        float: left;
    }

    .pt_order-confirmation .order-shipment-table .scrollable li a {
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        display: block;
        padding: .2em .8em;
    }

    .pt_order-confirmation .order-shipment-table #header {
        height: auto;
        padding: 1% 1% 30px;
    }

    .pt_order-confirmation .order-shipment-table #header .primary-logo {
        float: left;
        position: relative;
        top: auto;
        width: 65%;
    }

    .pt_order-confirmation .order-shipment-table #header .primary-logo img {
        max-width: 100%;
    }

    .pt_order-confirmation .order-shipment-table .mini-cart-content {
        max-width: 220px;
    }

    .pt_order-confirmation .order-shipment-table #quickviewbutton {
        display: none !important;
    }

    .pt_order-confirmation .order-shipment-table ul.search-result-items .grid-tile {
        margin: 2%;
        width: 92%;
    }

    .pt_order-confirmation .order-shipment-table .product-tile {
        height: auto !important;
    }

    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-image {
        width: 41%;
    }

    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name,
    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-pricing,
    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-promo,
    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .pr_stars,
    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-swatches {
        float: right;
    }

    .pt_order-confirmation .order-shipment-table .wide-tiles .product-tile .product-name h2 {
        margin-top: 0px;
    }

    .pt_order-confirmation .order-shipment-table .product-tile .product-swatches .swatch img {
        height: 2em;
        width: 2em;
    }

    .pt_order-confirmation .order-shipment-table .product-listing-1x4 ul.search-result-items .grid-tile {
        margin: 2%;
        width: 92%;
    }

    .pt_order-confirmation .order-shipment-table .product-compare,
    .pt_order-confirmation .order-shipment-table .compareitems {
        display: none !important;
    }

    .pt_order-confirmation .order-shipment-table .pt_product-details .primary-content {
        padding-bottom: 68px;
    }

    .pt_order-confirmation .order-shipment-table .pt_product-details .breadcrumb .last {
        display: none;
    }

    .pt_order-confirmation .order-shipment-table #product-nav-container {
        bottom: 0;
        width: 100%;
    }

    .pt_order-confirmation .create-new-registry {
        overflow: hidden;
    }

    .pt_order-confirmation .create-new-registry p {
        display: none;
    }

    .pt_order-confirmation .checkout-progress-indicator {
        clear: both;
        font-size: .8em;
        margin-bottom: 3%;
        position: relative;
        overflow: hidden;
        text-align: left;
        top: auto;
    }

    .pt_order-confirmation .checkout-progress-indicator div {
        padding: 0 2%;
    }

    .pt_order-confirmation .order-summary-footer h2 {
        width: 50%;
    }

    .pt_order-confirmation .place-order-totals .order-totals-table {
        width: 100%;
    }

    .pt_order-confirmation .payment-method-options {
        padding: 0;
    }

    .pt_order-confirmation .payment-method-options .form-row {
        width: 100%;
    }

    .pt_order-confirmation .payment-method-options .form-row label {
        float: left;
        margin: 0;
        padding: 0 0 0 1em;
        width: 150px;
    }

    .pt_order-confirmation .payment-method-options .form-row .input-radio {
        margin: 0;
    }

    .pt_order-confirmation .pt_order-confirmation .item-list th {
        display: none;
    }

    .pt_order-confirmation .pt_order-confirmation .item-list td {
        float: left;
        padding: 1em 0;
        width: 98%;
    }

    .pt_order-confirmation .pt_order-confirmation .item-list .order-totals-table td {
        float: left;
        width: 48%;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table th {
        display: none;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table td {
        font-size: .9em;
        box-sizing: border-box;
        float: left;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-details {
        width: 70%;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-quantity {
        width: 10%;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table .line-item-price {
        width: 20%;
    }

    .pt_order-confirmation .pt_order-confirmation .order-shipment-table .order-shipment-details {
        border: none;
        width: 100%;
    }

    .pt_order-confirmation .order-history-header button {
        font-size: 1em;
        padding: .25em;
    }

    .pt_order-confirmation .page-content-tab-navigaton button {
        width: 100%;
    }

    .pt_order-confirmation .pt_gift-registry .add-gift-cert p {
        width: 100%;
    }

    .pt_order-confirmation .pt_gift-registry .create-new-registry {
        overflow: hidden;
    }

    .pt_order-confirmation .pt_gift-registry .create-new-registry p {
        display: none;
    }

    .pt_order-confirmation .pt_gift-registry .item-list {
        width: 98%;
    }

    .pt_order-confirmation .pt_gift-registry .item-list th {
        display: none;
    }

    .pt_order-confirmation .order-shipment-table .section-header {
        font-size: .9em !important;
        padding: .3em;
    }

    .pt_order-confirmation table.item-list .section-header,
    .pt_order-confirmation .order-shipment-table .section-header {
        background-image: none;
    }

    .pt_order-confirmation table.item-list .item-image,
    .pt_order-confirmation table.item-list .item-details,
    .pt_order-confirmation table.item-list .item-availability,
    .pt_order-confirmation table.item-list .item-dashboard {
        display: inline-block;
    }

    .pt_order-confirmation table.item-list .item-image {
        width: 30%;
    }

    .pt_order-confirmation table.item-list .item-details {
        width: 50%;
    }

    .pt_order-confirmation table.item-list .item-availability,
    .pt_order-confirmation table.item-list .item-dashboard {
        width: 97%;
    }

    .pt_order-confirmation table.item-list .delete-registry {
        text-align: center;
    }

    .pt_order-confirmation .list-table-header {
        padding: 1em !important;
    }

    .pt_order-confirmation .list-table-header .button,
    .pt_order-confirmation .list-table-header .login-wrapper .create-new-account a,
    .login-wrapper .create-new-account .pt_order-confirmation .list-table-header a {
        display: block;
        margin: 20px 0;
        width: 196px;
    }

    .pt_order-confirmation .list-table-header p {
        display: none;
    }

    .pt_order-confirmation .list-table-header button {
        display: block;
        width: 260px;
    }

    .pt_order-confirmation .product-tile .product-image {
        height: auto;
    }

    .pt_order-confirmation #email-alert-signup {
        margin: 0;
        width: 100%;
    }

    .pt_order-confirmation #email-alert-signup label {
        text-align: center;
        width: 100%;
    }

    .pt_order-confirmation #email-alert-signup input [type="text"] {
        float: none;
        margin: 0;
        width: 50%;
    }

    .pt_order-confirmation #email-alert-signup input[type="image"] {
        float: none;
        vertical-align: bottom;
    }

    .pt_order-confirmation .facebook-registration {
        left: -3px;
        position: relative;
        width: 100.7% !important;
    }

    .pt_order-confirmation .facebook-registration iframe {
        position: relative;
        width: 100.7% !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .product-tile .pr_stars {
        left: 40px;
    }

    .wide-tiles .product-tile .product-name h2 {
        margin-top: 10px;
    }

    .wide-tiles .product-tile .product-image {
        width: 38%;
    }

    .facebook-registration {
        left: 0px;
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget {
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget span {
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget span iframe {
        position: relative;
        width: 100% !important;
    }

    #preferred-store-panel input[type="text"] {
        width: 49.5966%;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .primary-focus .primary-content {
        width: 540px;
    }

    .primary-focus #secondary {
        width: 190px;
    }

    .html-slot-container img,
    .bottom-banner-cell img {
        max-width: 100%;
    }

    .ui-dialog {
        max-width: 98%;
    }

    .ui-dialog .ui-dialog-content {
        height: auto !important;
        overflow: visible;
    }

    .scrollable {
        height: auto;
    }

    .mini-cart-total-label {
        display: none;
    }

    ul.search-result-items .new-row {
        clear: none;
    }

    ul.search-result-items .grid-tile {
        width: 41.5%;
    }

    table .section-header {
        font-size: 1em !important;
    }

    #compare-table td .product-tile {
        width: 79px;
    }

    .pt_gift-registry .add-gift-cert p {
        width: auto;
    }

    #cart-table .item-user-actions {
        width: 72px;
    }

    #cart-table .item-total .promo-adjustment {
        width: 77px;
    }

    .home-bottom-right .product-tile {
        min-height: 0;
    }

    #email-alert-signup {
        margin: 0;
        width: 100%;
    }

    #email-alert-signup label {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
    }

    #email-alert-signup input[type="text"] {
        width: 73%;
    }

    .facebook-registration {
        left: 0px;
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget {
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget span {
        position: relative;
        width: 100% !important;
    }

    .facebook-registration .fb_iframe_widget span iframe {
        position: relative;
        width: 100% !important;
    }

    .mini-cart-item-word span {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #preferred-store-panel input[type="text"] {
        width: 49.5966%;
    }
}

@media screen and (max-width: 63.9375em) {
    #quickviewbutton {
        display: none !important;
    }
}

/* Slider */
.product-container {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    tap-highlight-color: transparent;
}

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

.slick-list:focus {
    outline: none;
}

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

.product-container .swiper-wrapper,
.product-container .slick-list {
    transform: translate3d(0, 0, 0);
    margin: 0 auto;
}

.swiper-wrapper {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.swiper-wrapper:before,
.swiper-wrapper:after {
    content: "";
    display: table;
}

.swiper-wrapper:after {
    clear: both;
}

.slick-loading .swiper-wrapper {
    visibility: hidden;
}

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

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

.slick-slide img {
    display: inline-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;
    border: 1px solid transparent;
}

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

/* Arrows */
.slick-prev,
.slick-next {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: -10px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 9;
}

.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: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
}

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

/* .slick-prev:before {
    content: "\e903";
} */

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

.slick-next {
    right: 0;
}

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

/* .slick-next:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f105" !important;

} */

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

.slick-vertical .slick-prev {
    left: 50%;
    margin-left: -10px;
    top: -30px;
}

.slick-vertical .slick-prev:before {
    color: #646464;
    font-size: 20px;
    content: "\e905";
}

.slick-vertical .slick-next {
    right: 50%;
    margin-right: -10px;
    top: auto;
    bottom: -30px;
}

.slick-vertical .slick-next:before {
    color: #646464;
    font-size: 20px;
    content: "\e904";
}

/* Dots */
.product-container {
    margin-bottom: 30px;
    width: 100%;
}

.slick-dots {
    display: block;
    width: 100%;
    padding-left: 0px !important;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    float: none !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

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

@media screen and (max-width: 48em) {
    .slick-dots li button {
        opacity: 1 !important;
    }
}

.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: "FontAwesome"; */
    font-family: Microsoft JhengHei;
    font-size: 11px;
    line-height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    color: #f0f0f0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: #969696;
}

.carousel-recommendations {
    padding-bottom: 2rem;
}

@media print,
screen and (min-width: 64em) {
    .carousel-recommendations {
        padding-bottom: 3.75rem;
    }
}

.carousel-recommendations ul {
    margin: 0;
    padding: 0;
}

.carousel-recommendations li.recommendation-item {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 33%;
}

.carousel-recommendations .slick-prev {
    margin-top: -45px;
}

.carousel-recommendations .slick-prev:before {
    content: "\e915";
    font-size: 30px;
}

.carousel-recommendations .slick-next {
    margin-top: -45px;
}

.carousel-recommendations .slick-next:before {
    content: "\e916";
    font-size: 30px;
}

.carousel-recommendations .product-review {
    font-size: 10px;
}

/**
 * コンテンツ
 */
.contents {
    margin: 0 auto;
    padding-bottom: 5px;
    /* padding-top: 115px; */
}

@media screen and (max-width:767px) {}

/* 商品一覧バナー */
.promo-banner {
    margin-bottom: 20px;
}

.promo-banner p {
    margin-top: 0;
    font-size: 16px;
    line-height: 2;
}

@media print,
screen and (min-width: 48.0625em) {
    .promo-banner .left-side p {
        padding-right: 1rem;
    }
}

.promo-banner .right-side {
    padding-top: .5rem;
}

@media print,
screen and (min-width: 48.0625em) {
    .promo-banner .right-side {
        margin-left: -20px;
        padding-left: 0;
        padding-right: 0;
    }
}

/**
 * コンテンツ
 * Mobile Layout: ～767px
 */
@media screen and (max-width: 48em) {
    .contents {
        padding-bottom: 10px;
    }

    /* 商品一覧バナー */
    .promo-banner {
        margin-bottom: 16px;
    }

    .promo-banner p {
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
    }

    .promo-banner .right-side {
        padding-top: .75rem;
    }

    .promo-banner .right-side img {
        max-width: 100%;
    }
}

.static-pdp-main .product-content-detail {
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
}

.static-pdp-main .product-content-detail.pcd-bottom {
    margin-top: 40px;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-content-detail {
        display: block;
    }

    .static-pdp-main .product-content-detail::before,
    .static-pdp-main .product-content-detail::after {
        display: table;
        content: ' ';
    }

    .static-pdp-main .product-content-detail::after {
        clear: both;
    }

    .static-pdp-main .product-content-detail.pcd-bottom:before,
    .static-pdp-main .product-content-detail.pcd-bottom:after {
        display: block;
        max-width: 996px;
        margin: 0 20px;
        border-top: 1px solid #323232;
        content: "";
    }
}

.static-pdp-main .product-title {
    position: relative;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-title {
        float: right;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        margin-top: 36px;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-title {
        -ms-flex-order: 4;
        order: 4;
        margin-top: 33px;
    }
}

.static-pdp-main .product-title .badge-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-title .badge-container {
        position: absolute;
        top: 0;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-title .badge-container {
        margin-bottom: 3px;
    }
}

.static-pdp-main .product-title .badge-container .badge-product {
    margin: 0 1rem .25rem 0;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-title .badge-container .badge-product {
        font-size: 13px;
        line-height: 1;
        margin: 0 16px 0 0;
    }
}

.static-pdp-main .product-title .product-name {
    margin: 0 0 3px;
    padding-bottom: 2px;
    border-bottom: 1px solid #505050;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-title .product-name {
        margin: 1.75rem 0 13px;
        padding-bottom: 5px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.static-pdp-main .product-title .product-name span.sub {
    display: block;
    margin: 9px 0 2px;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-title .product-name span.sub {
        font-size: 12px;
        margin: 2px 0 5px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .pcd-bottom .product-title .product-name {
        margin-bottom: 0;
    }
}

.static-pdp-main .product-description {
    font-size: 14px;
    text-align: justify;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-description {
        -ms-flex-order: 4;
        order: 4;
        margin: 5px 0 10px;
        line-height: 1.9;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-description {
        margin: 0 0 15px;
        width: 50%;
        float: right;
        line-height: 1.75;
    }
}

.static-pdp-main .product-image-container {
    -ms-flex-order: 2;
    order: 2;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-image-container {
        margin-top: 5px;
    }
}

.static-pdp-main .product-image-container .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 14px 0 28px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-image-container .slick-dots {
        margin-bottom: 0;
    }
}

.static-pdp-main .product-image-container .slick-dots li {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
}

.static-pdp-main .product-image-container .slick-dots li button {
    width: inherit;
    height: inherit;
    padding: 0;
}

.static-pdp-main .product-image-container .slick-dots li button:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: auto;
    font-size: 9px;
    line-height: 9px;
}

.static-pdp-main .product-info {
    -ms-flex-order: 5;
    order: 5;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-info {
        margin-top: 9px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-info.product-info-first {
        margin-top: 4px;
        margin-bottom: 7px;
    }

    .static-pdp-main .product-info.product-info-first .product-variations {
        margin: 0 -7px 0 -5px;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-info.product-info-first {
        -ms-flex-order: 3 !important;
        order: 3 !important;
        margin-top: 28px;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .pcd-bottom .product-info.product-info-first {
        margin-top: 17px;
    }
}

.static-pdp-main .product-detail {
    width: 100%;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-detail {
        max-width: 1036px;
        margin-left: auto;
        margin-right: auto;
    }
}

.static-pdp-main .product-detail .promotion,
.static-pdp-main .product-detail .product-promo {
    text-align: left;
    width: 100%;
    margin-top: 1.5rem;
}

@media print,
screen and (min-width: 48.0625em) {

    .static-pdp-main .product-detail .promotion,
    .static-pdp-main .product-detail .product-promo {
        width: auto;
    }
}

.static-pdp-main .product-detail .promotion .promotion-title,
.static-pdp-main .product-detail .product-promo .promotion-title {
    font-weight: bold;
    margin-bottom: .3rem;
    display: none;
}

.static-pdp-main .product-detail .promotion .promotion-callout,
.static-pdp-main .product-detail .product-promo .promotion-callout {
    color: #323232;
    font-size: 13px;
    line-height: 1.4;
}

.static-pdp-main .promotion {
    padding-top: 0;
}

.static-pdp-main label {
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
}

.static-pdp-main .product-image-container {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-image-container {
        margin-top: 15px;
    }
}

#wrapper.overlay .static-pdp-main .product-image-container {
    position: static;
}

.static-pdp-main .product-image-container .row,
.static-pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
.pt_content-search-result-static .no-left-nav-template .static-pdp-main .product-image-container .content-asset,
.static-pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
.pt_content-search-result-static .left-nav-template .static-pdp-main .product-image-container .content-asset {
    margin-left: 0;
    margin-right: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-image-container {
        float: left;
        width: 50%;
    }

    .static-pdp-main .product-image-container .row,
    .static-pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset,
    .pt_content-search-result-static .no-left-nav-template .static-pdp-main .product-image-container .content-asset,
    .static-pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset,
    .pt_content-search-result-static .left-nav-template .static-pdp-main .product-image-container .content-asset {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-image-container .product-thumbnails {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.static-pdp-main .product-number {
    color: #323232;
    font-size: .65rem;
    margin-bottom: .5rem;
}

.static-pdp-main .price-qty-row {
    margin: 30px 0 0;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .price-qty-row {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .price-qty-row {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.static-pdp-main .price-qty-row .label {
    white-space: nowrap;
}

.static-pdp-main .product-price {
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.5em;
    font-size: 16px;
    /* IE10+ CSS */
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-price {
        margin-right: 0;
        font-size: 17px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .static-pdp-main .product-price {
        margin-right: 6em !important;
    }
}

.static-pdp-main .product-price .price-standard {
    color: #323232;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 8px;
}

.static-pdp-main .product-price .price-tiered {
    color: #323232;
    font-size: .6em;
    line-height: 1.5em;
    padding-left: 0.25em;
}

.static-pdp-main .product-price small {
    display: inline-block;
}

.static-pdp-main .inventory {
    display: block;
    white-space: nowrap;
}

.static-pdp-main .inventory input {
    font-size: 1.5em;
    height: 50px;
    width: 50px;
    margin-right: .4em;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .inventory input {
        height: 37px;
        width: 37px;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .inventory {
        margin-top: 1.5rem;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .inventory {
        display: inline;
    }

    .static-pdp-main .inventory .quantity {
        display: inline;
    }
}

.static-pdp-main .product-main-attributes .attribute {
    padding: .2em 0;
}

.static-pdp-main .product-main-attributes .label {
    padding: 0;
}

.static-pdp-main .product-variations {
    font-size: 12px;
}

.static-pdp-main .product-variations .pdp-vars {
    margin: 0;
    padding: 0;
}

.static-pdp-main .product-variations .pdp-vars .swatches {
    margin: 0;
    padding: 0 26px;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-variations .pdp-vars .swatches {
        padding: 0;
    }
}

.static-pdp-main .product-variations .pdp-vars .swatches.size {
    padding: 0;
}

.static-pdp-main .product-variations .pdp-vars .value {
    margin: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .main-image {
        position: relative;
        margin-top: 20px;
    }
}

.static-pdp-main .primary-image {
    max-width: 100%;
    width: 100%;
}

.static-pdp-main .product-primary-image {
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    -ms-flex-direction: row;
}

.static-pdp-main .product-info {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-info {
        clear: right;
        float: right;
        width: 50%;
        margin-bottom: 15px;
        font-size: 14px;
        letter-spacing: .03em;
    }
}

.static-pdp-main .product-add-to-cart {
    overflow: hidden;
    display: block;
}

.static-pdp-main .product-add-to-cart button {
    width: 100%;
    padding: 13px 0;
    border-color: #b4b4b5;
    background-color: #b4b4b5;
    color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 17px;
    font-size: 4.53vw;
    line-height: 1.4em;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-add-to-cart button {
        width: 200px;
        margin-right: 12px;
        padding: 9px 0;
        font-size: 12px;
    }
}

.static-pdp-main .product-add-to-cart button.disabled {
    color: #fff;
    cursor: auto;
}

.static-pdp-main .product-add-to-cart button.add-all-to-cart {
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-add-to-cart button.add-all-to-cart {
        width: auto;
    }
}

.static-pdp-main .product-form-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-form-actions {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 12px;
    }
}

.static-pdp-main .product-form-actions .static-add-to-cart {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.static-pdp-main .product-form-actions .out-of-stock {
    width: 100%;
    margin: 0;
    padding: 13px 0;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    background-color: #fff;
    color: #b0b0b0;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 17px;
    font-size: 4.53vw;
    line-height: 1.4em;
    text-align: center;
    letter-spacing: 0.05em;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-form-actions .out-of-stock {
        width: 200px;
        margin-right: 12px;
        padding: 9px 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-form-actions .product-actions {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

.static-pdp-main .product-form-actions .save-for-later-btn {
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    padding: 0;
    border-color: #b4b4b5;
    background-color: #b4b4b5;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-form-actions .save-for-later-btn {
        width: 59px;
        height: 59px;
        margin-left: 10px;
    }
}

.static-pdp-main .product-form-actions .save-for-later-btn svg {
    width: 19px;
    height: 17px;
    margin: auto;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-form-actions .save-for-later-btn svg {
        width: 26px;
        height: 22px;
    }
}

.static-pdp-main .product-form-actions .save-for-later-btn .save-for-later {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
}

.static-pdp-main .product-form-actions .save-for-later-btn.saved-wishlist .save-for-later {
    fill: #fff;
}

.static-pdp-main .product-form-actions a.text-only {
    margin-top: 24px;
    color: #323232;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-form-actions a.text-only {
        margin-top: 0;
    }
}

.static-pdp-main .ppd-bottom-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 0;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .ppd-bottom-button {
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .ppd-bottom-button>* {
        margin-bottom: 10px;
    }
}

.static-pdp-main .ppd-bottom-button .sp-link a {
    width: 182px;
    height: 35px;
    padding: 9px 0;
    border-color: #323232;
    background-color: #fff;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 12px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .ppd-bottom-button .sp-link a {
        width: 100%;
        height: 59px;
        padding: 20px 0;
        font-size: 17px;
    }
}

.static-pdp-main .product-select-attribute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 20px;
    }
}

.static-pdp-main .product-select-attribute>* {
    margin-top: 7px;
    margin-right: 14px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute>* {
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0;
    }
}

.static-pdp-main .product-select-attribute .label {
    margin: 0 10px 5px 0;
    font-size: 12px;
    white-space: nowrap;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .label {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 55px;
        margin: 0;
        color: #646464;
        font-size: 14px;
    }
}

.static-pdp-main .product-select-attribute .value {
    position: relative;
    width: 100%;
    height: 35px;
}

.static-pdp-main .product-select-attribute .value:after {
    display: block;
    position: absolute;
}

.static-pdp-main .product-select-attribute .value.disabled:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.static-pdp-main .product-select-attribute .value:not(.disabled):after {
    right: 7px;
    bottom: 9px;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 11px;
    font-weight: 700;
    content: "\e904";
    pointer-events: none;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .value:not(.disabled):after {
        right: 9px;
        bottom: 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .value {
        height: 40px;
    }
}

.static-pdp-main .product-select-attribute .value select {
    width: auto;
    height: 100%;
    padding: 6px 20px 6px 10px;
    border: 1px solid #323232;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .value select {
        font-size: 15px;
    }
}

.static-pdp-main .product-select-attribute .value.disabled select {
    border-color: #c8c8c8;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .inventory {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.static-pdp-main .product-select-attribute .inventory .quantity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .inventory .quantity {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.static-pdp-main .product-select-attribute .inventory .quantity select {
    width: 84px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .inventory .quantity select {
        width: 100%;
    }
}

.static-pdp-main .product-select-attribute .inventory .quantity select option:disabled {
    color: #c8c8c8;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .product-variations.va-size {
        width: auto;
        min-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.static-pdp-main .product-select-attribute .product-variations.va-size select {
    min-width: 84px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .product-variations.va-size select {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .product-variations.va-color {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.static-pdp-main .product-select-attribute .product-variations.va-color select {
    width: 230px;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-select-attribute .product-variations.va-color select {
        width: 100%;
    }
}

.static-pdp-main .product-component {
    margin-top: 14px;
    border: 1px solid #323232;
    border-width: 1px 0;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-component {
        margin-top: 25px;
    }
}

.static-pdp-main .product-component h2 {
    position: relative;
    margin: 0;
    padding: 6px 0;
    color: #646464;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
}

.static-pdp-main .product-component h2:after {
    display: block;
    position: absolute;
    top: 9px;
    right: 9px;
    margin: auto 0;
    /* font-family: "icomoon"; */
    font-family: Microsoft JhengHei;
    font-size: 12px;
    font-weight: 700;
    content: "\e904";
}

.static-pdp-main .product-component h2.comp-open:after {
    content: "\e905";
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-component h2 {
        padding: 8px 0;
        font-size: 15px;
    }
}

.static-pdp-main .product-component p {
    display: none;
    margin: 0;
    padding: 5px 0 13px;
    color: #646464;
    font-size: 12px;
    line-height: 2.2;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-component p {
        padding: 0 0 7px;
        font-size: 13px;
        line-height: 2;
    }
}

.static-pdp-main .product-set .product-description-wrapper {
    line-height: 1.3;
}

@media screen and (max-width: 48em) {
    .static-pdp-main .product-set .product-description-wrapper {
        display: none;
    }
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-set .product-set-list {
        float: right;
        width: 50%;
    }
}

.static-pdp-main .product-set .product-set-list .product-set-item {
    clear: both;
    font-size: 0.875rem;
    overflow: hidden;
    border-top: 1px #000 solid;
    padding: 22px 0;
}

.static-pdp-main .product-set .product-set-list .product-set-image img {
    width: 100%;
}

.static-pdp-main .product-set .product-set-list .product-name {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.685em;
    width: auto;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .product-set .product-set-list .product-name {
        font-size: 1rem;
        line-height: 100%;
    }
}

.static-pdp-main .product-set .product-set-list .attribute h3 {
    width: 25%;
}

.static-pdp-main .product-set .product-set-list .attribute .label {
    white-space: nowrap;
}

.static-pdp-main .product-set .product-set-actions.column,
.static-pdp-main .product-set .product-set-actions.columns {
    margin-bottom: 1.5rem;
    width: 100%;
}

@media print,
screen and (min-width: 48.0625em) {

    .static-pdp-main .product-set .product-set-actions.column,
    .static-pdp-main .product-set .product-set-actions.columns {
        float: right;
        width: 50%;
        clear: both;
    }
}

.static-pdp-main .product-set-actions .product-add-to-cart {
    border-top: 1px #000 solid;
    margin-bottom: 0;
}

.static-pdp-main .salesprice {
    font-weight: bold;
}

.static-pdp-main .msg-area {
    width: 100%;
    margin: 10px 0;
    color: #c00;
    font-size: 16px;
    font-size: 4.27vw;
    text-align: center;
}

@media print,
screen and (min-width: 48.0625em) {
    .static-pdp-main .msg-area {
        width: auto;
        margin: 0;
        font-size: 14px;
        text-align: left;
    }
}

.static-pdp-main .msg-area p {
    margin: 0 !important;
    font-size: inherit !important;
}

.static-pdp-main .out-of-stock {
    display: none;
}

.static-pdp-main.outofstock .static-add-to-cart {
    display: none !important;
}

.static-pdp-main.outofstock .msg-area {
    display: none !important;
}

.static-pdp-main.outofstock .out-of-stock {
    display: block !important;
}

.spdp-images {
    position: relative;
}

.spdp-images div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.spdp-images div:first-child {
    position: static;
}

.spdp-images div.current {
    opacity: 1;
}

.pt_recipe #recipe-parameters .p-level {
    position: relative;
    height: 23px;
    margin-top: 6px;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #C8C8C8;
    border-width: 0 1px;
}

.pt_recipe #recipe-parameters .p-level:before {
    position: absolute;
    top: 49%;
    left: 0;
    width: 100%;
    border-top: 1px solid #C8C8C8;
    content: "";
}

.pt_recipe #recipe-parameters .p-level>span {
    position: relative;
    width: 25%;
    height: 100%;
    border-left: 1px solid #C8C8C8;
}

.pt_recipe #recipe-parameters .p-level>span:first-child {
    border-left: none;
}

.pt_recipe #recipe-parameters .p-level>span:before {
    position: absolute;
    left: 0;
    bottom: -1.6em;
    width: 100%;
    font-size: 11px;
    color: #999;
    text-align: center;
    content: "";
}

.pt_recipe #recipe-parameters .p-level>span:nth-child(1):before {
    content: "Lv.5";
}

.pt_recipe #recipe-parameters .p-level>span:nth-child(2):before {
    content: "Lv.4";
}

.pt_recipe #recipe-parameters .p-level>span:nth-child(3):before {
    content: "Lv.3";
}

.pt_recipe #recipe-parameters .p-level>span:nth-child(4):before {
    content: "Lv.2";
}

.pt_recipe #recipe-parameters .p-level>span:nth-child(5):before {
    content: "Lv.1";
}

.pt_recipe #recipe-parameters .p-level>span.c:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 23px;
    height: 23px;
    margin: 0 auto;
    border: 1px solid #C8C8C8;
    border-radius: 50%;
    background-color: #FFFAE7;
    content: "";
}

/**
 * トップ
 */
#wrapper.pt_storefront {
    padding-top: 0 !important;
}

#wrapper.pt_storefront::before,
#wrapper.pt_storefront::after {
    display: table;
    content: ' ';
}

#wrapper.pt_storefront::after {
    clear: both;
}

@keyframes storefront-arrow-blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.pt_storefront {
    /* ヒーローエリア */
    /* ピックアップ */
    /* FEATURED */
    /* ベストセラー */
}

.pt_storefront #header {
    position: fixed;
    top: -200px;
    transition: top .5s ease;
}

.pt_storefront #header.show {
    top: 0 !important;
}

.pt_storefront .contents {
    position: relative;
    z-index: 10;
    margin-top: 100%;
    background-color: #fff;
}

@media screen and (max-width: 48em) {
    .pt_storefront .contents {
        padding-bottom: 8px;
    }
}

.pt_storefront .contents h2 {
    margin: 90px 0 20px;
    color: #646464;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 14px;
}

@media screen and (max-width: 48em) {
    .pt_storefront .contents h2 {
        margin: 15px 0 10px;
        font-size: 15px;
    }
}

.pt_storefront .contents ul {
    margin: 0;
    padding: 0;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_storefront .contents a {
        transition: opacity .5s ease;
    }

    .pt_storefront .contents a:hover {
        opacity: 0.5;
    }
}

.pt_storefront #homepage-hero {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 44.44vw;
    height: 100%;
    min-height: 600px;
}

.pt_storefront #homepage-hero #hero-slide {
    height: 100%;
    margin: 0;
}

.pt_storefront #homepage-hero .slick-list {
    height: 100%;
}

.pt_storefront #homepage-hero .swiper-wrapper {
    width: 100% !important;
    height: 100%;
}

.pt_storefront #homepage-hero .hero-slide {
    overflow: hidden;
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0 !important;
    background: no-repeat 50% 50%;
    background-size: cover;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_storefront #homepage-hero .hero-slide img {
        display: none;
    }
}

.pt_storefront #homepage-hero .hero-slide:after {
    display: block;
    position: absolute;
    z-index: 1;
    top: 45px;
    left: 12px;
    right: 0;
    width: 104px;
    height: 70px;
    margin: 0 auto;
    background: url(https://www.ipsa.co.jp/on/demandware.static/-/Sites/ja_JP/dw6bfc8f88/IPSA/logo_ipsa_white.svg) no-repeat 50% 0;
    background-size: contain;
    transform: scale(1.0577);
    content: "";
}

.pt_storefront #homepage-hero .hero-slide[data-logo-color="white"]:after {
    background-image: url(https://www.ipsa.co.jp/on/demandware.static/-/Sites/ja_JP/dw6bfc8f88/IPSA/logo_ipsa_white.svg);
}

.pt_storefront #homepage-hero .arrow a {
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 58px;
    height: 56px;
    margin: 0 auto;
    background: url(../images/common/img/sf_arrow.png) no-repeat 50% 0;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    outline: none;
}

.pt_storefront #homepage-hero .arrow.white a {
    background-position: 50% 0;
}

.pt_storefront #homepage-hero .arrow.blink a {
    animation: storefront-arrow-blink 2s ease infinite alternate;
}

@media screen and (max-width: 48em) {
    .pt_storefront #homepage-hero {
        min-width: 0;
        height: 149.33vw;
        min-height: 0;
        max-height: 100%;
    }

    .pt_storefront #homepage-hero .hero-slide {
        width: 100% !important;
        background-image: none !important;
    }

    .pt_storefront #homepage-hero .hero-slide:after {
        top: 34px;
        left: 4px;
        right: 0;
        transform: scale(0.702);
    }

    .pt_storefront #homepage-hero .hero-slide img {
        width: 100%;
    }

    .pt_storefront #homepage-hero .arrow a,
    .pt_storefront #homepage-hero .arrow span {
        bottom: 23px;
        width: 58px;
        height: 41px;
        background-image: url(../images/common/img/sp_sf_arrow.png);
        background-size: 58px auto;
    }
}

.pt_storefront #pickup {
    width: 760px;
    margin: 0 auto;
}

.pt_storefront #pickup>div {
    padding-top: 127px;
}

.pt_storefront #pickup .pickup-slide {
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 14px;
    text-align: center;
}

.pt_storefront #pickup .pickup-slide a {
    display: block;
}

.pt_storefront #pickup .pickup-slide picture {
    display: block;
    padding-bottom: 20px;
}

.pt_storefront #pickup .slick-dots {
    position: absolute;
    right: 0;
    bottom: 3px;
    width: auto;
}

.pt_storefront #pickup .slick-dots::before,
.pt_storefront #pickup .slick-dots::after {
    display: table;
    content: ' ';
}

.pt_storefront #pickup .slick-dots::after {
    clear: both;
}

.pt_storefront #pickup .slick-dots li {
    overflow: hidden;
    float: left;
    width: 30px;
    height: 2px;
    margin: 0 0 0 5px;
    padding: 0;
}

.pt_storefront #pickup .slick-dots li button {
    overflow: hidden;
    position: relative;
    width: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: #ebebeb;
}

.pt_storefront #pickup .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-color: #aaa;
    content: "";
    transform: scale3d(0, 1, 1);
    transform-origin: left;
}

.pt_storefront #pickup .slick-dots li.slick-active button:before {
    transform: scale3d(1, 1, 1);
    transition: transform 4s linear;
}

.pt_storefront #pickup .slick-dots li.slick-active-init button:before {
    transform: scale3d(1, 1, 1);
    transition: transform 3s linear;
}

.pt_storefront #pickup .icon {
    display: inline-block;
    margin-right: 2px;
    padding: 3px 3px 2px;
    border: 1px solid #231815;
    font-size: 11px;
    line-height: 100%;
    vertical-align: 1px;
}

@media screen and (max-width: 48em) {
    .pt_storefront #pickup {
        width: 100%;
    }

    .pt_storefront #pickup>div {
        padding-top: 110px;
    }

    .pt_storefront #pickup .swiper-wrapper {
        width: 100% !important;
    }

    .pt_storefront #pickup .pickup-slide {
        position: static !important;
        margin-bottom: 60px;
        opacity: 1 !important;
    }

    .pt_storefront #pickup .pickup-slide a {
        opacity: 0;
    }

    .pt_storefront #pickup .pickup-slide.show a {
        opacity: 1;
        transition: opacity 1s linear;
    }

    .pt_storefront #pickup .pickup-slide picture {
        padding-bottom: 60px;
    }

    .pt_storefront #pickup .pickup-slide img {
        width: 100%;
    }

    .pt_storefront #pickup .slick-dots {
        display: none !important;
    }
}

.pt_storefront #featured {
    margin: 0 auto;
    text-align: center;
}

.pt_storefront #featured ul {
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.pt_storefront #featured li {
    width: 33.33%;
    margin: 0px;
    padding: 0 20px;
    /* font-family: "Hiragino Kaku Gothic W6 JIS2004", sans-serif; */
    font-family: Microsoft JhengHei;
    font-size: 14px;
}

.pt_storefront #featured li a {
    display: block;
}

.pt_storefront #featured li picture {
    display: block;
    padding-bottom: 15px;
}

.pt_storefront #featured .icon {
    display: inline-block;
    margin-right: 2px;
    padding: 3px 3px 2px;
    border: 1px solid #231815;
    font-size: 11px;
    line-height: 100%;
    vertical-align: 1px;
}

@media screen and (max-width: 48em) {
    .pt_storefront #featured {
        width: 100%;
    }

    .pt_storefront #featured h2 {
        height: 42px;
        margin: 5px 0 0;
        padding: 10px 0;
        background-color: #fff;
    }

    .pt_storefront #featured.fixed {
        padding-top: 42px;
    }

    .pt_storefront #featured.fixed h2 {
        position: fixed;
        width: 100%;
        margin-top: 0;
    }

    .pt_storefront #featured ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pt_storefront #featured li {
        overflow: hidden;
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        font-size: 15px;
    }

    .pt_storefront #featured li picture {
        padding-bottom: 20px;
    }

    .pt_storefront #featured li picture img {
        width: 100%;
        height: auto;
    }
}

.pt_storefront #best-seller {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.pt_storefront #best-seller h2 {
    margin-bottom: 25px;
}

.pt_storefront #best-seller ul.products {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px 47px;
}

.pt_storefront #best-seller ul.products li {
    position: relative;
    margin: 0 2.95%;
    background: no-repeat 50% 0;
    font-size: 12px;
    line-height: 1.3;
}

.pt_storefront #best-seller ul.products li a {
    overflow: visible;
    display: block;
}

@media print,
screen and (min-width: 48.0625em) {
    .pt_storefront #best-seller ul.products li a {
        background-image: none !important;
    }
}

.pt_storefront #best-seller ul.products li a picture {
    display: block;
}

.pt_storefront #best-seller ul.products li a img,
.pt_storefront #best-seller ul.products li a span {
    transition: opacity .25s ease;
}

.pt_storefront #best-seller ul.products li a img {
    max-width: none;
    padding-bottom: 10px;
    opacity: 1;
}

.pt_storefront #best-seller ul.products li a span {
    position: absolute;
    left: -50px;
    right: -50px;
    margin: 0 auto;
    line-height: 32px;
    white-space: nowrap;
    opacity: 0;
}

.pt_storefront #best-seller ul.products li a span em {
    display: inline-block;
    font-style: normal;
    line-height: 1.3;
    white-space: nowrap;
    vertical-align: middle;
}

.pt_storefront #best-seller ul.products li a:hover {
    opacity: 1 !important;
    transition: none;
}

.pt_storefront #best-seller ul.products li a:hover img {
    opacity: 0;
}

.pt_storefront #best-seller ul.products li a:hover span {
    opacity: 1;
}

.pt_storefront #best-seller ul.text {
    display: none;
}

@media screen and (max-width: 48em) {
    .pt_storefront #best-seller {
        width: 100%;
    }

    .pt_storefront #best-seller h2 {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .pt_storefront #best-seller ul.products {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 22px;
        padding-bottom: 0;
    }

    .pt_storefront #best-seller ul.products li {
        display: block;
        width: 33.3%;
        margin: 0 0 16px;
        padding: 0 5px;
        background-image: none !important;
    }

    .pt_storefront #best-seller ul.products li a {
        background: no-repeat 50% 0;
        background-size: 100% auto;
    }

    .pt_storefront #best-seller ul.products li a img {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        transition: opacity .5s linear;
    }

    .pt_storefront #best-seller ul.products li a span {
        display: none;
    }

    .pt_storefront #best-seller ul.products li a:hover img {
        opacity: 1;
    }

    .pt_storefront #best-seller ul.products li.show img {
        opacity: 0;
    }

    .pt_storefront #best-seller ul.text {
        display: block;
        height: 2.5rem;
        margin-top: 12px;
        padding: 0 45px;
    }

    .pt_storefront #best-seller ul.text li {
        overflow: hidden;
        height: 0;
        font-size: 14px;
        line-height: 120%;
        opacity: 0;
    }

    .pt_storefront #best-seller ul.text li.show {
        height: auto;
        opacity: 1;
        transition: opacity .5s linear;
    }
}

.pt_storefront.has-hb .header-banner {
    position: fixed;
    z-index: 300;
    top: -200px;
    left: 0;
    width: 100%;
    transition: top .5s ease;
}

.pt_storefront.has-hb .header-banner.show {
    top: 0 !important;
}

.pt_storefront #top-cover {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#home-bottom-center .home-bottom-center-text {
    top: 9%;
}

#home-bottom-center .home-bottom-center-text h1 {
    font-size: 2.5rem;
}

@media screen and (min-width: 768px) {
    #home-bottom-left h2 {
        font-size: 1.5rem;
    }
}

* {
    /* outline: 1px solid red; */
}

.center_content {
    width: 100%;
    max-width: 996px;
    margin: auto;
    min-height: 75vh;
}

@media screen and (max-width: 1030px) {
    .center_content {
        padding: 0 20px;
    }
}


.activity_iframe{
    padding-top: 40px;
    width: 100%;
}