@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
object,
section,
summary {
  display: block;
}

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

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

[hidden] {
  display: none;
}

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

* {
  min-height: 0;
  min-width: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

body {
  margin: 0;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

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

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: bottom;
  -webkit-touch-callout: none;
}

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

figure {
  margin: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

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

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

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

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

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

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

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon.ttf") format("truetype"), url("../fonts/icons/icomoon.woff") format("woff"), url("../fonts/icons/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=i-], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !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;
}

.i-csv:before {
  content: "\e934";
}

.i-menu:before {
  content: "\e903";
}

.i-form-arrow:before {
  content: "\e904";
}

.i-arrow-hover .path1:before {
  content: "\e901";
  color: #9A6247;
}

.i-arrow-hover .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-new-badge .path1:before {
  content: "\e908";
  color: #9A6247;
}

.i-new-badge .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-new-badge .path3:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-new-badge .path4:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-close-btn .path1:before {
  content: "\e921";
  color: rgb(255, 255, 255);
}

.i-close-btn .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: #9A6247;
}

.i-close-btn .path3:before {
  content: "\e923";
  margin-left: -1em;
  color: #9A6247;
}

.i-left-arrow-hover .path1:before {
  content: "\e924";
  color: #9A6247;
}

.i-left-arrow-hover .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-left-arrow:before {
  content: "\e925";
}

.i-back-arrow:before {
  content: "\e929";
}

.i-calendar .path1:before {
  content: "\e905";
  color: rgb(255, 255, 255);
}

.i-calendar .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: #9A6247;
}

.i-calendar .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: #9A6247;
}

.i-arrow:before {
  content: "\e900";
}

.i-account .path1,
.i-account .path2,
.i-account .path3,
.i-account .path4,
.i-account .path5 {
  letter-spacing: 0 !important;
}

.i-account .path1:before {
  content: "\e90c";
  color: #E9E5DE;
}

.i-account .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-account .path3:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-account .path4:before {
  content: "\e90f";
  margin-left: -1em;
  color: #000000;
}

.i-account .path5:before {
  content: "\e910";
  margin-left: -1em;
  color: #000000;
}

.i-allergan-logo:before {
  content: "\e911";
}

.i-bd .path1:before {
  content: "\e912";
  color: #000000;
}

.i-bd .path2:before {
  content: "\e913";
  margin-left: -0.9970703125em;
  color: rgb(255, 255, 255);
}

.i-bd .path3:before {
  content: "\e914";
  margin-left: -0.9970703125em;
  color: rgb(255, 255, 255);
}

.i-bd .path4:before {
  content: "\e915";
  margin-left: -0.9970703125em;
  color: rgb(255, 255, 255);
}

.i-cart .path1,
.i-cart .path2,
.i-cart .path3,
.i-cart .path4,
.i-cart .path5,
.i-cart .path6 {
  letter-spacing: 0 !important;
}

.i-cart .path1:before {
  content: "\e916";
  color: #E9E5DE;
}

.i-cart .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: #000000;
}

.i-cart .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-cart .path4:before {
  content: "\e919";
  margin-left: -1em;
  color: #000000;
}

.i-cart .path5:before {
  content: "\e91a";
  margin-left: -1em;
  color: #000000;
}

.i-cart .path6:before {
  content: "\e91b";
  margin-left: -1em;
  color: #000000;
}

.i-facebook:before {
  content: "\e91c";
}

.i-instagram:before {
  content: "\e91d";
}

.i-pinterest:before {
  content: "\e91e";
}

.i-snapchat:before {
  content: "\e91f";
}

.i-twitter:before {
  content: "\e920";
}

.i-help-icon:before {
  content: "\e928";
}

.i-check_icon:before {
  content: "\e927";
}

.i-check-mark:before {
  content: "\e92a";
}

.i-print:before {
  content: "\e92b";
}

.i-information:before {
  content: "\e92c";
}

.i-rank:before {
  content: "\e92d";
}

.i-email:before {
  content: "\e92e";
}

.i-bell .path1:before {
  content: "\e92f";
  color: #E9E5DE;
}

.i-bell .path2:before {
  content: "\e930";
  margin-left: -1em;
  color: #000000;
}

.i-bell .path3:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-bell .path4:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.i-bell .path5:before {
  content: "\e933";
  margin-left: -1em;
  color: #000000;
}

.i-search:before {
  content: "\e935";
}

.i-filter:before {
  content: "\e936";
}

.i-excel:before {
  content: "\e937";
}

.search-result-options:after, .product-image-container .product-thumbnails:after, .pdp-main .product-columns:after, .pt_customer-service .primary-content .resp-tab-content:after,
.pt_customer-service .content .resp-tab-content:after,
.content-page .primary-content .resp-tab-content:after,
.content-page .content .resp-tab-content:after, .pt_checkout .checkboxes-wrapper:after, .mini-cart-content .mini-cart-subtotals:after, .cart-actions:after, .footer-container:after, .footer-social:after, nav#navigation .footer-block-in-header .footer-item:after, .site-header-holder .content-width:after, .js-tabs .resp-tabs-list:after, .search-suggestion-wrapper .product-link:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

@media only screen and (max-width : 767px) {
  .physician-feedback, .product-results-container, .patient-feedback > h3, .footer-social .patient-feedback > span, .confirmation .patient-feedback > .label.headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cat-banner,
.search-result-banner .html-slot-container div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 0 30px;
}

/* SG
# Content elements/Headings
```
<p> font / size / line spacing / treatment | mobile </p>
<div class="baner-text">class "baner-text" (Brandon Grotesque Light-44px/53px/Title Case | 26px/20px)</div>
<h1>Title h1 (Brandon Grotesque Regular-24px/29px/Title Case  | 24px/29px)</h1>
<h2>Title h2 (Brandon Grotesque Regular-24px/29px/ALL Case  | 20px/29px)</h2>
<h3>Title h3 (Brandon Grotesque Bold-20px/29px/Initial caps  | 20px/29px)</h3>
<h4>Title h4-h6 (Brandon Grotesque Regular-20px/29px/Initial caps  | 20px/24px)</h4>
<p>body text (Brandon Grotesque Light-20px/24px/Initial caps  | 20px/24px)</p>
<div class="text-normal-small">
    class "text-normal-small" (Brandon Grotesque Regular-16px)
</div>
<div class="text-bold">
    class "text-bold" (Brandon Grotesque Bold-20px)
</div>
<div class="text-bold-small">
    class "text-bold-small" (Brandon Grotesque Bold-16px)
</div>
<div>
    <strong>tag strong (Brandon Grotesque Bold) </strong>
</div>
<div>
    <b>tag b (Brandon Grotesque Bold)</b>
</div>
```
*/
/* SG
# Content elements/Links
```
<div>
    <a href="">Primary Link</a>
</div>
<div>
    <a class="secondary-link" href="">Secondary Llink</a>
</div>
<div>
    <a class="alternate-link" href="">Alternative Link</a>
</div>
<div>
    <a class="upercase-link" href="">Button Link</a>
</div>
<div>
    <a class="product-title-link" href="">Product Title Link</a>
</div>
```
*/
/* SG
# Content elements/Icons
```
<table border="1" cellpadding="10">
    <tr>
        <td align="center">
            <i class="icon i-bell"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-bell"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;span class="path4"&gt;&lt;/span&gt;&lt;span class="path5"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-email"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-email"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-information"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-information"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-print"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-print"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-check-mark"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-check-mark"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-help-icon"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-help-icon"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-check_icon"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-check_icon"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-menu"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-menu"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-form-arrow"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-form-arrow"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-arrow-hover"><span class="path1"></span><span class="path2"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-arrow-hover"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-new-badge"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-new-badge"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;span class="path4"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-close-btn"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-close-btn"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-left-arrow-hover"><span class="path1"></span><span class="path2"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-left-arrow-hover"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-left-arrow"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-left-arrow"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-back-arrow"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-back-arrow"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-calendar"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-calendar"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-arrow"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-arrow"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-account"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-account"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;span class="path4"&gt;&lt;/span&gt;&lt;span class="path5"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-allergan-logo"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-allergan-logo"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-bd"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-bd"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;span class="path4"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-cart"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-cart"&gt;&lt;span class="path1"&gt;&lt;/span&gt;&lt;span class="path2"&gt;&lt;/span&gt;&lt;span class="path3"&gt;&lt;/span&gt;&lt;span class="path4"&gt;&lt;/span&gt;&lt;span class="path5"&gt;&lt;/span&gt;&lt;span class="path6"&gt;&lt;/span&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-facebook"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-facebook"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-instagram"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-instagram"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-pinterest"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-pinterest"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-snapchat"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-snapchat"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-twitter"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-twitter"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
    <tr>
        <td align="center">
            <i class="icon i-rank"></i>
        </td>
        <td>
            <pre>
                &lt;i class="icon i-rank"&gt;&lt;/i&gt;&#13;
            </pre>
        </td>
    </tr>
</table>
```
*/
body {
  color: #505050;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.005em;
  line-height: 1.5rem;
  word-wrap: break-word;
  position: relative;
}

h1,
.pt_product-details .resp-tabs-container h3,
.pt_product-details .resp-tabs-container .footer-social span,
.footer-social .pt_product-details .resp-tabs-container span,
.pt_product-details .resp-tabs-container .confirmation .label.headline,
.confirmation .pt_product-details .resp-tabs-container .label.headline,
.physician-feedback h3,
.physician-feedback .footer-social span,
.footer-social .physician-feedback span,
.physician-feedback .confirmation .label.headline,
.confirmation .physician-feedback .label.headline,
.patient-feedback > h3,
.footer-social .patient-feedback > span,
.confirmation .patient-feedback > .label.headline,
.h1 {
  color: #505050;
  font-family: "Stanley_Regular", "Georgia", "DejaVu Serif", serif;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.8125rem;
  margin-top: 0;
  text-transform: capitalize;
}
@media only screen and (max-width : 767px) {
  h1,
  .pt_product-details .resp-tabs-container h3,
  .pt_product-details .resp-tabs-container .footer-social span,
  .footer-social .pt_product-details .resp-tabs-container span,
  .pt_product-details .resp-tabs-container .confirmation .label.headline,
  .confirmation .pt_product-details .resp-tabs-container .label.headline,
  .physician-feedback h3,
  .physician-feedback .footer-social span,
  .footer-social .physician-feedback span,
  .physician-feedback .confirmation .label.headline,
  .confirmation .physician-feedback .label.headline,
  .patient-feedback > h3,
  .footer-social .patient-feedback > span,
  .confirmation .patient-feedback > .label.headline,
  .h1 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

h2,
.cat-banner h1,
.search-result-banner .html-slot-container div h1,
.h2 {
  color: #505050;
  font-family: "Stanley_Regular", "Georgia", "DejaVu Serif", serif;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.8125rem;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  h2,
  .cat-banner h1,
  .search-result-banner .html-slot-container div h1,
  .h2 {
    font-size: 1.25rem;
    line-height: 1.8125rem;
  }
}

h3, .confirmation .label.headline, .footer-social span,
.confirmation .order-number .value,
.confirmation .confirmation-message h1,
.reset-pass-dialog h1.title,
.h3 {
  color: #505050;
  font-family: "Stanley_Regular", "Georgia", "DejaVu Serif", serif;
  font-size: 1.25rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
}

h4,
.confirmation .order-number .label,
.verify-address-dialog .suggestion-block label .suggestion-label,
.order-review .suggestion-block label .suggestion-label,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #505050;
  font-family: "Stanley_Regular", "Georgia", "DejaVu Serif", serif;
  font-size: 1.25rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.baner-text,
.hcp-redirect-notification h1 {
  color: #000000;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 2.75rem;
  font-weight: normal;
  letter-spacing: 0.026em;
  line-height: 3.3125rem;
  text-transform: capitalize;
}
@media only screen and (max-width : 767px) {
  .baner-text,
  .hcp-redirect-notification h1 {
    font-size: 1.625rem;
    line-height: 1.25rem;
  }
}

.text-normal-small,
.fine-print p,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-summary,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-shipment-details,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-billing,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-instruments,
.confirmation-receipt .order-shipment-details,
.confirmation-receipt .order-billing,
.confirmation-receipt .order-payment-instruments,
.confirmation .orderdetails ~ .orderdetails-description .order-shipment-details,
.confirmation .orderdetails ~ .orderdetails-description .order-billing,
.confirmation .orderdetails ~ .orderdetails-description .order-payment-instruments,
.confirmation .line-item-price .label,
.confirmation .line-item-quantity,
.confirmation .product-list-item .product-weight,
.confirmation .product-list-item .sku,
.confirmation .item-delivery .value,
.confirmation .item-delivery .label,
.confirmation .table-caption .label,
.confirmation-receipt .order-date .label,
.payment-form .actions-with-card small,
.payment-form .content-asset small,
.mini-cart-pricing .label,
.mini-cart-weight,
.pt_wish-list .item-list .option-quantity-desired label:not(.product-quantity-label),
.pt_wish-list .item-list .option-date-added .label,
.pt_order .order-item-returned-content .sku .label,
.pt_order .order-item-returned-content .sku .value,
.dialog-required,
.form-caption {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

.text-bold,
legend,
.legend {
  font-family: "Graphik_Bold", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}

.text-medium {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}

.text-medium-small,
.order-payment-instruments .CREDIT_CARD .cc-owner,
.confirmation .address .name,
.confirmation .mini-address-name,
.confirmation .shipping-method .value,
.confirmation .shipping-status .value,
.confirmation .line-item-price,
.confirmation .one-item-price,
.confirmation-receipt .line-item-quantity,
.confirmation-receipt .order-date .value,
.mini-cart-price,
.mini-cart-pricing .value,
.pt_wish-list .item-list .item-actions .price-sales,
.pt_wish-list .item-list .option-date-added .value,
.header-notification-panel {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

.text-bold-small,
.browser-error {
  font-family: "Graphik_Bold", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

a,
.category-refinement .refinement-link,
.checkout-progress-indicator .active a,
.item-list .item-user-actions .button-text,
.pt_wish-list .item-list .delete-item,
.paymentslist button,
.footer-container .footer-item .contact-address a,
.menu-utility-user .user-panel a {
  transition: all 200ms ease-in;
  color: #000000;
  cursor: pointer;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
a:hover, a.active, a:focus,
.category-refinement .refinement-link:hover,
.checkout-progress-indicator .active a:hover,
.item-list .item-user-actions .button-text:hover,
.pt_wish-list .item-list .delete-item:hover,
.paymentslist button:hover,
.footer-container .footer-item .contact-address a:hover,
.menu-utility-user .user-panel a:hover,
.category-refinement .active.refinement-link,
.checkout-progress-indicator .active a.active,
.item-list .item-user-actions .active.button-text,
.pt_wish-list .item-list .active.delete-item,
.paymentslist button.active,
.footer-container .footer-item .contact-address a.active,
.menu-utility-user .user-panel a.active,
.category-refinement .refinement-link:focus,
.checkout-progress-indicator .active a:focus,
.item-list .item-user-actions .button-text:focus,
.pt_wish-list .item-list .delete-item:focus,
.paymentslist button:focus,
.footer-container .footer-item .contact-address a:focus,
.menu-utility-user .user-panel a:focus {
  color: #9A6247;
}

.secondary-link,
.confirmation-order_details .order-status a,
.order-totals-table .order-shipping a,
.summary .section-header-note,
.cart-footer .cart-order-totals button,
.header-notification-review a,
.form-field-tooltip a {
  color: #9A6247;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.secondary-link:hover, .secondary-link:focus-within,
.confirmation-order_details .order-status a:hover,
.order-totals-table .order-shipping a:hover,
.summary .section-header-note:hover,
.cart-footer .cart-order-totals button:hover,
.header-notification-review a:hover,
.form-field-tooltip a:hover,
.confirmation-order_details .order-status a:focus-within,
.order-totals-table .order-shipping a:focus-within,
.summary .section-header-note:focus-within,
.cart-footer .cart-order-totals button:focus-within,
.header-notification-review a:focus-within,
.form-field-tooltip a:focus-within {
  color: #9A6247;
  text-decoration: underline;
}

.alternate-link,
.checkout-progress-indicator a,
.footer-container .footer-item a,
nav#navigation .footer-block-in-header a,
.menu-utility-user .user-panel .user-logout,
.breadcrumb a.breadcrumb-element {
  color: #6F6D6D;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.alternate-link:hover, .alternate-link:focus,
.checkout-progress-indicator a:hover,
.footer-container .footer-item a:hover,
nav#navigation .footer-block-in-header a:hover,
.menu-utility-user .user-panel .user-logout:hover,
.breadcrumb a.breadcrumb-element:hover,
.checkout-progress-indicator a:focus,
.footer-container .footer-item a:focus,
nav#navigation .footer-block-in-header a:focus,
.menu-utility-user .user-panel .user-logout:focus,
.breadcrumb a.breadcrumb-element:focus {
  color: #9A6247;
  text-decoration: underline;
}

.upercase-link,
.product-tile .product-hover .view-product-details,
.pagination-page-navigation .next-previous {
  color: #000000;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}
.upercase-link:hover, .upercase-link:focus,
.product-tile .product-hover .view-product-details:hover,
.pagination-page-navigation .next-previous:hover,
.product-tile .product-hover .view-product-details:focus,
.pagination-page-navigation .next-previous:focus {
  color: #9A6247;
  text-decoration: none;
}

.product-title-link,
.product-tile .name-link,
.confirmation .product-list-item .name a,
.summary .order-tc-policy a,
.item-list .name a,
.mini-cart-name a,
.create-account-form .order-tc-policy a,
.search-suggestion-wrapper .product-name {
  color: #505050;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.product-title-link:hover, .product-title-link:focus-within,
.product-tile .name-link:hover,
.confirmation .product-list-item .name a:hover,
.summary .order-tc-policy a:hover,
.item-list .name a:hover,
.mini-cart-name a:hover,
.create-account-form .order-tc-policy a:hover,
.search-suggestion-wrapper .product-name:hover,
.product-tile .name-link:focus-within,
.confirmation .product-list-item .name a:focus-within,
.summary .order-tc-policy a:focus-within,
.item-list .name a:focus-within,
.mini-cart-name a:focus-within,
.create-account-form .order-tc-policy a:focus-within,
.search-suggestion-wrapper .product-name:focus-within {
  color: #505050;
  opacity: 0.7;
  text-decoration: none;
}

[class^=i-],
[class*=" i-"],
.icon {
  cursor: pointer;
  font-size: 1.75rem;
  outline: 0;
}
@media only screen and (max-width : 767px) {
  [class^=i-] span + span,
  [class*=" i-"] span + span,
  .icon span + span {
    margin: 0;
    position: absolute;
  }
}

.icon-social {
  color: #9A6247;
  display: inline-block;
  font-size: 1.75rem;
}
.icon-social:hover {
  color: #9A6247;
  text-decoration: none;
}

.i-allergan-logo {
  font-size: 1.4375rem;
}

.i-account {
  font-size: 2.8125rem;
}

.i-bell {
  font-size: 2.25rem;
}

.i-cart {
  font-size: 2.8125rem;
}

.i-filter {
  font-size: 1rem;
  padding-right: 5px;
}

b,
strong {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}

.out-of-stock,
.product-detail .not-available-msg,
.product-detail .availability-msg {
  color: #bd0218;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}

.in-stock,
.product-detail .in-stock-msg,
.product-detail .notify-me-success-msg {
  text-transform: capitalize;
  color: #028845;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}

/* SG
# Form elements/ Buttons
```
<div>
    <button>Primary CTA</button> <button class="disabled">Primary CTA Disabled</button>
</div>
<div>
    <a class="btn">Primary CTA - link</a> <a class="btn disabled">Primary CTA - link Disabled</a>
</div>
<div>
    <button class="btn-secondary" title="">Secondary CTA</button> <button class="btn-secondary disabled" title="">Secondary CTA Disabled</button>
</div>
```
*/
button,
input[type=submit],
input[type=button],
input[type=image],
[class^=btn-],
[class*=" btn-"],
[class^=btn],
.footer-social .global-bd a,
.onetrust-banner__btn-settings,
.onetrust-banner__btn-action,
[class*=" btn"] {
  transition: all 200ms ease-in;
  border-width: 2px;
  border-style: solid;
  border-radius: 40px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 19px;
  text-align: center;
  text-decoration: none;
  min-width: 190px;
  min-height: 42px;
  line-height: 38px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  background: #9A6247;
  border-color: #9A6247;
  color: #ffffff;
  box-shadow: none;
}
button.disabled, button[disabled], button.disabled:hover, button[disabled]:hover, button.disabled:focus, button[disabled]:focus,
input[type=submit].disabled,
input[type=submit][disabled],
input[type=submit].disabled:hover,
input[type=submit][disabled]:hover,
input[type=submit].disabled:focus,
input[type=submit][disabled]:focus,
input[type=button].disabled,
input[type=button][disabled],
input[type=button].disabled:hover,
input[type=button][disabled]:hover,
input[type=button].disabled:focus,
input[type=button][disabled]:focus,
input[type=image].disabled,
input[type=image][disabled],
input[type=image].disabled:hover,
input[type=image][disabled]:hover,
input[type=image].disabled:focus,
input[type=image][disabled]:focus,
[class^=btn-].disabled,
[class^=btn-][disabled],
[class^=btn-].disabled:hover,
[class^=btn-][disabled]:hover,
[class^=btn-].disabled:focus,
[class^=btn-][disabled]:focus,
[class*=" btn-"].disabled,
[class*=" btn-"][disabled],
[class*=" btn-"].disabled:hover,
[class*=" btn-"][disabled]:hover,
[class*=" btn-"].disabled:focus,
[class*=" btn-"][disabled]:focus,
[class^=btn].disabled,
.footer-social .global-bd a.disabled,
.disabled.onetrust-banner__btn-settings,
.disabled.onetrust-banner__btn-action,
[class^=btn][disabled],
.footer-social .global-bd a[disabled],
[disabled].onetrust-banner__btn-settings,
[disabled].onetrust-banner__btn-action,
[class^=btn].disabled:hover,
[class^=btn][disabled]:hover,
[class^=btn].disabled:focus,
[class^=btn][disabled]:focus,
[class*=" btn"].disabled,
[class*=" btn"][disabled],
[class*=" btn"].disabled:hover,
[class*=" btn"][disabled]:hover,
[class*=" btn"].disabled:focus,
[class*=" btn"][disabled]:focus {
  background: #ffffff;
  border-color: #6F6D6D;
  color: #6F6D6D;
}
button:hover, button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=image]:hover,
input[type=image]:focus,
[class^=btn-]:hover,
[class^=btn-]:focus,
[class*=" btn-"]:hover,
[class*=" btn-"]:focus,
[class^=btn]:hover,
.footer-social .global-bd a:hover,
.onetrust-banner__btn-settings:hover,
.onetrust-banner__btn-action:hover,
[class^=btn]:focus,
.footer-social .global-bd a:focus,
.onetrust-banner__btn-settings:focus,
.onetrust-banner__btn-action:focus,
[class*=" btn"]:hover,
[class*=" btn"]:focus {
  outline: none;
  background: #ffffff;
  border-color: #9A6247;
  color: #9A6247;
}
button:focus-visible,
input[type=submit]:focus-visible,
input[type=button]:focus-visible,
input[type=image]:focus-visible,
[class^=btn-]:focus-visible,
[class*=" btn-"]:focus-visible,
[class^=btn]:focus-visible,
.footer-social .global-bd a:focus-visible,
.onetrust-banner__btn-settings:focus-visible,
.onetrust-banner__btn-action:focus-visible,
[class*=" btn"]:focus-visible {
  transition: 0.5s box-shadow;
  box-shadow: 0 0 0 1px black;
}

[class^=btn-secondary], .footer-social .global-bd a, .onetrust-banner__btn-settings, .onetrust-banner__btn-action,
[class*=" btn-secondary"] {
  background: #ffffff;
  color: #9A6247;
  border-color: #000000;
}
[class^=btn-secondary]:hover, .footer-social .global-bd a:hover, .onetrust-banner__btn-settings:hover, .onetrust-banner__btn-action:hover, [class^=btn-secondary]:focus, .footer-social .global-bd a:focus, .onetrust-banner__btn-settings:focus, .onetrust-banner__btn-action:focus,
[class*=" btn-secondary"]:hover,
[class*=" btn-secondary"]:focus {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
.touch [class^=btn-secondary]:hover, .touch .footer-social .global-bd a:hover, .footer-social .global-bd .touch a:hover, .touch .onetrust-banner__btn-settings:hover, .touch .onetrust-banner__btn-action:hover, .touch [class^=btn-secondary]:focus-within, .touch .footer-social .global-bd a:focus-within, .footer-social .global-bd .touch a:focus-within, .touch .onetrust-banner__btn-settings:focus-within, .touch .onetrust-banner__btn-action:focus-within,
.touch [class*=" btn-secondary"]:hover,
.touch [class*=" btn-secondary"]:focus-within {
  background: #ffffff;
  border-color: #000000;
  color: #9A6247;
}
.touch [class^=btn-secondary]:active, .touch .footer-social .global-bd a:active, .footer-social .global-bd .touch a:active, .touch .onetrust-banner__btn-settings:active, .touch .onetrust-banner__btn-action:active,
.touch [class*=" btn-secondary"]:active {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}

/* SG
# Form elements/ Checkbox-Radio Button
```
<div class="f-field-checkbox">
    <input id="example-checkbox" class="input-checkbox" type="checkbox">

    <label for="example-checkbox">
        <span class="fake-checkbox"></span>
        <span>Our checkbox</span>
    </label>
</div>
<div class="f-field-checkbox">
    <input id="example-checkbox2" class="input-checkbox "  type="checkbox" checked>

    <label for="example-checkbox2">
        <span class="fake-checkbox"></span>
        <span>Our checkbox checked</span>
    </label>
</div>
<div class="f-field-checkbox">
    <input id="example-checkbox3" class="input-checkbox" type="checkbox" disabled>

    <label class="control-disabled" for="example-checkbox3">
        <span class="fake-checkbox"></span>
        <span>Our disabled checkbox</span>
    </label>
</div>
<div class="f-field-checkbox">
    <input id="example-checkbox4" class="input-checkbox " type="checkbox" checked disabled>

    <label class="control-disabled" for="example-checkbox4">
        <span class="fake-checkbox"></span>
        <span>Our disabled checkbox checked</span>
    </label>
</div>
<div>
    <div class="refinement">
        <ul>
            <li>
                <a class="refinement-link" href="">
                    <span class="fake-checkbox"></span>
                    Our fake checkbox
                </a>
            </li>
        </ul>
    </div>
</div>
<div>
    <div class="refinement">
        <ul>
            <li class="selected">
                <a class="refinement-link" href="">
                    <span class="fake-checkbox"></span>
                    Our fake checkbox checked
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="f-field-radio">
    <input id="example-radio" class="input-radio" name="example-radio" type="radio">

    <label for="example-radio">
        <span class="fake-radio"></span>
        <span>Our radioburron checked and hover</span>
    </label>
</div>
<div class="f-field-radio">
    <input id="example-radio1" class="input-radio" name="example-radio" type="radio" checked>

    <label for="example-radio1">
        <span class="fake-radio"></span>
        <span>Our radioburron2 checked and hover</span>
    </label>
</div>
<div class="f-field-radio">
    <input id="example-radio2" class="input-radio" name="example-radio" type="radio" disabled>

    <label class="control-disabled" for="example-radio2">
        <span class="fake-radio"></span>
        <span>Our radioburron disabled</span>
    </label>
</div>
<div class="f-field-radio">
    <input id="example-radio3" class="input-radio" name="example-radio" type="radio"checked disabled>

    <label class="control-disabled" for="example-radio3">
        <span class="fake-radio"></span>
        <span>Our radioburron2 disabled checked</span>
    </label>
</div>
```
*/
/* SG
# Form elements/ Drop Down
```
<div>
    <label><span class="required-indicator">*</span><span>Example label for drop down</span></label>
    <div class="select-field-wrapper">
        <select>
            <option value="" selected="">Value 1</option>
            <option value="">Value 2</option>
            <option value="">Value 3</option>
            <option value="">Value 4</option>
            <option value="">Value 6</option>
        </select>
        <i class="icon i-form-arrow"></i>
    </div>
</div>
<div>
    <div class="select-field-wrapper">
        <select disabled>
            <option value="" selected="">Value 1</option>
            <option value="">Value 2</option>
            <option value="">Value 3</option>
            <option value="">Value 4</option>
            <option value="">Value 6</option>
        </select>
        <i class="icon i-form-arrow"></i>
    </div>
</div>
<div>
    <div class="select-field-wrapper">
        <select class="error">
            <option value="" selected="">Please select</option>
            <option value="">Value 2</option>
            <option value="">Value 3</option>
            <option value="">Value 4</option>
            <option value="">Value 6</option>
        </select>
        <i class="icon i-form-arrow"></i>
    </div>
</div>
```
*/
/* SG
# Form elements/ Text form
```
<h4>With arrow</h4>
<div>
    <fieldset class="button-on-input">
        <input class="search-input valid" type="text">
        <button class="button search-button" type="submit">
            <i class="icon i-form-arrow"></i>
        </button>
    </fieldset>
</div>
<div>
    <fieldset class="button-on-input">
        <input class="search-input valid" placeholder="Text form" type="text">
        <button class="button search-button" type="submit">
            <i class="icon i-form-arrow"></i>
        </button>
    </fieldset>
</div>
<h4>With No Arrow</h4>
<div>
    <legend>
        Returning Customers
        <div class="dialog-required"> <span class="required-indicator">*<em>Required fields</em></span></div>
    </legend>
    <div>
        <label for="123"><span class="required-indicator">*</span><span>Email</span></label>
        <div class="field-wrapper">
            <input class="input-text required" id="123" type="text">
        </div>
        <div class="form-caption">At least 8 characters please</div>
    </div>
</div>
<div>
    <input class="error" type="text" value="Text Form">
    <span class="error">Error message</span>
</div>
```
*/
/* SG
# Form elements/ Messages
```
<div class="error-form">
Example message: Your shopping cart can currently not be ordered since one or more of the products in your cart have an invalid price or are not available in the requested quantity. If you have any questions, please contact <a href="/customer%20service-2/cs-landing.html?lang=en_US" title="Customer Service">Customer Service</a>.
</div>
```
*/
/* SG
# Form elements/ Datepicker
```
<div class="datepicker-wrapper">
    <span class="i-calendar"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span>
    <input
        class="js-datepicker datepicker"
        type="text"
        value="Oct 20, 2017"
        data-datepicker-alt-format="@"
        data-datepicker-date-format="M dd, yy"
    />
</div>
```
*/
.form-row {
  clear: both;
  line-height: 1rem;
  padding-bottom: 20px;
}
.form-row-button button:focus {
  border: 1px dotted black;
}
.form-row input[type=checkbox]:focus-visible ~ .label-wrapper label .fake-checkbox {
  outline: 1px dotted #000;
  outline-offset: 2px;
}
.form-row.error label {
  color: #bd0218;
}
.form-row.error input {
  border-color: #bd0218;
  color: #bd0218;
}

.form-caption {
  color: #505050;
  line-height: 1rem;
  padding: 10px 0 0 0;
}
.form-caption:empty {
  padding: 0;
}
.form-row.error .form-caption {
  color: #bd0218;
}

fieldset {
  margin-bottom: 20px;
}

legend,
.legend {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid #e2e0de;
  color: #505050;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
}

.dialog-required {
  display: block;
  color: #6F6D6D;
  float: right;
}
@media only screen and (max-width : 1024px) {
  .dialog-required {
    display: block;
    float: none;
  }
}
.dialog-required em {
  font-style: normal;
}

.form-field-tooltip {
  float: right;
}
.form-field-tooltip a {
  font-size: 1rem;
}

.error-message {
  font-size: 12px;
  color: #bd0218;
}

.top-error {
  text-align: left;
}
.top-error .error-message {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 16px;
  color: #bd0218;
  display: inline-block;
  margin: 0 0 10px 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .top-error .error-message {
    margin-left: 0;
  }
}
@media only screen and (max-width : 767px) {
  .top-error .error-message {
    display: block;
  }
}

.error-form,
.form-error {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border: 2px solid #bd0218;
  display: block;
  line-height: 1.25rem;
  margin-bottom: 29px;
  margin-top: -1px;
  padding: 20px 30px;
  outline: none;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .error-form,
  .form-error {
    margin: -1px 0 30px;
    padding: 15px 30px 10px;
  }
}
@media only screen and (max-width : 767px) {
  .error-form,
  .form-error {
    margin: 0 10px 20px;
    text-align: center;
  }
}
.error-form:focus-visible,
.form-error:focus-visible {
  box-shadow: 0 0 3px 0 #bd0218;
}

@media only screen and (max-width : 767px) {
  .error-form-alle {
    margin: 0 0 20px;
    padding: 30px 20px;
  }
}

.successful-form {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  margin-bottom: 20px;
  padding: 20px 30px;
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .successful-form {
    line-height: 1.3;
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 16px;
    text-align: center;
  }
}

.select-field-wrapper,
.select-field-wrapper-inline {
  position: relative;
}
.select-field-wrapper .icon,
.select-field-wrapper-inline .icon {
  transform: rotate(90deg);
  background-color: #9A6247;
  border-radius: 20px 20px 0 0;
  border: 2px solid #9A6247;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
}
.select-field-wrapper select:hover ~ .select-arrow,
.select-field-wrapper-inline select:hover ~ .select-arrow {
  border-color: #ffffff;
}
.select-field-wrapper select:focus-within,
.select-field-wrapper-inline select:focus-within {
  background: #f1f1f1;
}
.select-field-wrapper select:disabled ~ .select-arrow,
.select-field-wrapper-inline select:disabled ~ .select-arrow {
  border-color: #ffffff;
}
.select-field-wrapper select:disabled ~ .icon,
.select-field-wrapper-inline select:disabled ~ .icon {
  background: #6f6f6f;
  border-color: #6f6f6f;
}

.eq-ie10 .select-field-wrapper select {
  background: transparent;
  position: relative;
  z-index: 2;
}
.eq-ie10 .select-field-wrapper .icon.i-form-arrow {
  z-index: 1;
}

.select-field-wrapper-inline {
  width: auto;
}

.input-select,
select {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff;
  border-radius: 20px;
  border: 2px solid #6f6f6f;
  box-shadow: none;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 43px 0 7px;
  vertical-align: middle;
  width: 100%;
  transition: 1s box-shadow;
  box-shadow: none;
}
@media only screen and (max-width : 767px) {
  .input-select,
  select {
    font-size: 1rem !important;
    outline: none;
  }
}
.input-select option,
select option {
  background: #ffffff;
  color: #000000;
}
.input-select option:hover, .input-select option:focus,
select option:hover,
select option:focus {
  color: #505050;
  background: #9A6247;
}
.input-select:hover, .input-select:focus,
select:hover,
select:focus {
  border-color: #6f6f6f;
  background: #f1f1f1;
  outline: none;
}
.input-select:focus-visible,
select:focus-visible {
  transition: 0.5s box-shadow;
  box-shadow: 0 0 0 1px black;
}
@media only screen and (max-width : 767px) {
  .input-select:focus, .input-select:focus-visible,
  select:focus,
  select:focus-visible {
    box-shadow: none;
    border-color: blue;
  }
}
.input-select[disabled], .input-select[disabled]:hover,
select[disabled],
select[disabled]:hover {
  background: #ffffff;
  border-color: #6f6f6f;
  color: #6f6f6f;
  cursor: default;
}
.input-select.error, .error-serverside .input-select,
select.error,
.error-serverside select {
  border-color: rgba(189, 2, 24, 0.5);
  color: #bd0218;
}
.input-select + .error,
select + .error {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
  display: inline-block;
  margin: 10px 0 0 0;
}
.input-select + .error + .icon,
select + .error + .icon {
  border-color: rgba(189, 2, 24, 0.5);
}

.input-textarea {
  height: 100px;
  resize: none;
}

input,
textarea {
  transition: all 200ms ease-in;
  background-color: #ffffff;
  border-radius: 20px;
  border: 2px solid #6f6f6f;
  box-shadow: none;
  box-sizing: border-box;
  color: #505050;
  font-size: 0.875rem;
  height: 40px;
  line-height: normal;
  padding: 0 10px;
  width: 100%;
  box-shadow: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #6F6D6D;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #6F6D6D;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #6F6D6D;
}
@media only screen and (max-width : 767px) {
  input,
  textarea {
    outline: none;
    font-size: 1rem !important;
  }
}
input:hover,
textarea:hover {
  border-color: #6f6f6f;
}
input:focus,
textarea:focus {
  border-color: #6f6f6f;
  outline: none;
}
input:focus-visible,
textarea:focus-visible {
  transition: 0.5s box-shadow;
  box-shadow: 0 0 0 1px black;
}
@media only screen and (max-width : 767px) {
  input:focus, input:focus-visible,
  textarea:focus,
  textarea:focus-visible {
    box-shadow: none;
    border-color: #6f6f6f;
  }
}
input.error, .error-serverside input,
textarea.error,
.error-serverside textarea {
  border-color: #bd0218;
  color: #bd0218;
}
input.error::-webkit-input-placeholder, .error-serverside input::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
.error-serverside textarea::-webkit-input-placeholder {
  color: #bd0218;
}
input.error::-moz-placeholder, .error-serverside input::-moz-placeholder,
textarea.error::-moz-placeholder,
.error-serverside textarea::-moz-placeholder {
  color: #bd0218;
}
input.error:-ms-input-placeholder, .error-serverside input:-ms-input-placeholder,
textarea.error:-ms-input-placeholder,
.error-serverside textarea:-ms-input-placeholder {
  color: #bd0218;
}
input.error + .error, .error-serverside input + .error,
textarea.error + .error,
.error-serverside textarea + .error {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
  display: inline-block;
  margin: 10px 0 0 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  input.error + .error, .error-serverside input + .error,
  textarea.error + .error,
  .error-serverside textarea + .error {
    margin-left: 0;
  }
}
@media only screen and (max-width : 767px) {
  input.error + .error, .error-serverside input + .error,
  textarea.error + .error,
  .error-serverside textarea + .error {
    display: block;
  }
}
input[disabled], input[disabled]:hover,
textarea[disabled],
textarea[disabled]:hover {
  background-color: #ffffff;
  border-color: #6f6f6f;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea {
  padding: 10px;
}

.button-on-input {
  position: relative;
}
.button-on-input .input-text {
  padding-right: 40px;
}
.button-on-input .button {
  bottom: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.touch .button-on-input .button {
  background: none;
  border: 0;
  color: #9A6247;
}

.input-text::-ms-clear, .input-text::-ms-reveal {
  display: none;
}

.input-select::-ms-expand,
select::-ms-expand {
  display: none;
}

.input-number {
  -moz-appearance: textfield;
}

input[type=radio],
input[type=checkbox],
input[type=image],
input[type=hidden] {
  border: none;
  color: inherit;
  height: auto;
  min-width: 0;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: none;
}

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

.f-field-checkbox input[type=checkbox],
.f-field-checkbox input[type=radio],
.f-field-radio input[type=checkbox],
.f-field-radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.f-field-checkbox input[type=checkbox][disabled] + label .fake-checkbox, .f-field-checkbox input[type=checkbox].disabled + label .fake-checkbox, .f-field-checkbox input[type=checkbox][disabled] + label .fake-radio, .f-field-checkbox input[type=checkbox][disabled] + .label-wrapper label .fake-checkbox, .f-field-checkbox input[type=checkbox].disabled + .label-wrapper label .fake-checkbox, .f-field-checkbox input[type=checkbox][disabled] + .label-wrapper label .fake-radio,
.f-field-checkbox input[type=radio][disabled] + label .fake-checkbox,
.f-field-checkbox input[type=radio].disabled + label .fake-checkbox,
.f-field-checkbox input[type=radio][disabled] + label .fake-radio,
.f-field-checkbox input[type=radio][disabled] + .label-wrapper label .fake-checkbox,
.f-field-checkbox input[type=radio].disabled + .label-wrapper label .fake-checkbox,
.f-field-checkbox input[type=radio][disabled] + .label-wrapper label .fake-radio,
.f-field-radio input[type=checkbox][disabled] + label .fake-checkbox,
.f-field-radio input[type=checkbox].disabled + label .fake-checkbox,
.f-field-radio input[type=checkbox][disabled] + label .fake-radio,
.f-field-radio input[type=checkbox][disabled] + .label-wrapper label .fake-checkbox,
.f-field-radio input[type=checkbox].disabled + .label-wrapper label .fake-checkbox,
.f-field-radio input[type=checkbox][disabled] + .label-wrapper label .fake-radio,
.f-field-radio input[type=radio][disabled] + label .fake-checkbox,
.f-field-radio input[type=radio].disabled + label .fake-checkbox,
.f-field-radio input[type=radio][disabled] + label .fake-radio,
.f-field-radio input[type=radio][disabled] + .label-wrapper label .fake-checkbox,
.f-field-radio input[type=radio].disabled + .label-wrapper label .fake-checkbox,
.f-field-radio input[type=radio][disabled] + .label-wrapper label .fake-radio {
  background-color: #ffffff;
  border-color: #6F6D6D;
  cursor: auto;
  opacity: 0.6;
}
.f-field-checkbox input[type=radio][disabled] + label .fake-radio:before, .f-field-checkbox input[type=radio][disabled] + .label-wrapper label .fake-radio:before,
.f-field-radio input[type=radio][disabled] + label .fake-radio:before,
.f-field-radio input[type=radio][disabled] + .label-wrapper label .fake-radio:before {
  background: #ffffff;
}
.f-field-checkbox input[type=radio][disabled][checked] + label .fake-radio:before, .f-field-checkbox input[type=radio][disabled][checked] + .label-wrapper label .fake-radio:before,
.f-field-radio input[type=radio][disabled][checked] + label .fake-radio:before,
.f-field-radio input[type=radio][disabled][checked] + .label-wrapper label .fake-radio:before {
  background: #f1f1f1;
}
.f-field-checkbox input[type=checkbox]:disabled + label .fake-checkbox:before, .f-field-checkbox input[type=checkbox].disabled + label .fake-checkbox:before, .f-field-checkbox input[type=checkbox]:disabled + .label-wrapper label .fake-checkbox:before, .f-field-checkbox input[type=checkbox].disabled + .label-wrapper label .fake-checkbox:before,
.f-field-radio input[type=checkbox]:disabled + label .fake-checkbox:before,
.f-field-radio input[type=checkbox].disabled + label .fake-checkbox:before,
.f-field-radio input[type=checkbox]:disabled + .label-wrapper label .fake-checkbox:before,
.f-field-radio input[type=checkbox].disabled + .label-wrapper label .fake-checkbox:before {
  content: "";
}
.f-field-checkbox input[type=checkbox]:disabled:checked + label .fake-checkbox:before, .f-field-checkbox input[type=checkbox].disabled:checked + label .fake-checkbox:before, .f-field-checkbox input[type=checkbox]:disabled:checked + .label-wrapper label .fake-checkbox:before, .f-field-checkbox input[type=checkbox].disabled:checked + .label-wrapper label .fake-checkbox:before,
.f-field-radio input[type=checkbox]:disabled:checked + label .fake-checkbox:before,
.f-field-radio input[type=checkbox].disabled:checked + label .fake-checkbox:before,
.f-field-radio input[type=checkbox]:disabled:checked + .label-wrapper label .fake-checkbox:before,
.f-field-radio input[type=checkbox].disabled:checked + .label-wrapper label .fake-checkbox:before {
  content: "\e927";
  color: #6F6D6D;
}
.f-field-checkbox:hover input[type=radio]:disabled + label .fake-radio:before, .f-field-checkbox:hover input[type=radio]:disabled + .label-wrapper label .fake-radio:before,
.f-field-radio:hover input[type=radio]:disabled + label .fake-radio:before,
.f-field-radio:hover input[type=radio]:disabled + .label-wrapper label .fake-radio:before {
  background: #ffffff;
}
.f-field-checkbox:hover input[type=radio]:disabled:checked + label .fake-radio:before, .f-field-checkbox:hover input[type=radio]:disabled:checked + .label-wrapper label .fake-radio:before,
.f-field-radio:hover input[type=radio]:disabled:checked + label .fake-radio:before,
.f-field-radio:hover input[type=radio]:disabled:checked + .label-wrapper label .fake-radio:before {
  background: #f1f1f1;
}
.f-field-checkbox:hover input[type=checkbox]:disabled + label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox].disabled + label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox]:disabled + .label-wrapper label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox].disabled + .label-wrapper label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox]:disabled + label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox].disabled + label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox]:disabled + .label-wrapper label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox].disabled + .label-wrapper label .fake-checkbox:before {
  content: "";
}
.f-field-checkbox:hover input[type=checkbox]:disabled:checked + label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox].disabled:checked + label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox]:disabled:checked + .label-wrapper label .fake-checkbox:before, .f-field-checkbox:hover input[type=checkbox].disabled:checked + .label-wrapper label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox]:disabled:checked + label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox].disabled:checked + label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox]:disabled:checked + .label-wrapper label .fake-checkbox:before,
.f-field-radio:hover input[type=checkbox].disabled:checked + .label-wrapper label .fake-checkbox:before {
  content: "\e927";
}
.f-field-checkbox label,
.f-field-radio label {
  display: block;
  cursor: pointer;
}
.f-field-checkbox .form-caption,
.f-field-radio .form-caption {
  line-height: 1.25rem;
  margin-left: 28px;
}
.f-field-checkbox .two-row,
.f-field-radio .two-row {
  display: inline-flex;
}

.no-touch .refinement-link:hover {
  color: #505050;
}

.fake-control-disabled,
.control-disabled {
  cursor: auto;
}

.fake-checkbox,
.fake-radio {
  background: #ffffff;
  border: 2px solid #000000;
  box-sizing: content-box;
  display: inline-block;
  height: 10px;
  margin: 0 10px 0 0;
  position: relative;
  vertical-align: top;
  width: 10px;
  min-width: 10px;
}
.fake-checkbox + span,
.fake-radio + span {
  display: inline-block;
  vertical-align: top;
}

.f-field-checkbox,
.refinement,
.f-field-radio {
  line-height: 0.6;
}

.f-field-checkbox {
  display: inline-block;
}

.fake-radio {
  border-radius: 50%;
}

.no-touch .f-field-checkbox:hover .fake-checkbox,
.refinement li.selected .fake-checkbox,
.no-touch .refinement-link:hover .fake-checkbox,
input[type=checkbox]:checked ~ label .fake-checkbox,
input[type=checkbox]:checked ~ .label-wrapper label .fake-checkbox {
  color: #505050;
  cursor: pointer;
  font-family: "icomoon";
  position: relative;
}
.no-touch .f-field-checkbox:hover .fake-checkbox:before,
.refinement li.selected .fake-checkbox:before,
.no-touch .refinement-link:hover .fake-checkbox:before,
input[type=checkbox]:checked ~ label .fake-checkbox:before,
input[type=checkbox]:checked ~ .label-wrapper label .fake-checkbox:before {
  color: #9A6247;
  content: "\e927";
  font-size: 0.4875rem;
  left: 0;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: 2px;
}

.form-row input[type=checkbox]:focus ~ label .fake-checkbox,
.form-row input[type=checkbox]:focus ~ .label-wrapper label .fake-checkbox {
  outline: 1px solid;
}

_:-ms-lang(x):before,
.f-field-checkbox:hover .fake-checkbox:before,
.refinement li.selected .fake-checkbox:before,
.refinement-link:hover .fake-checkbox:before,
input[type=checkbox]:checked ~ label .fake-checkbox:before,
input[type=checkbox]:checked ~ .label-wrapper label .fake-checkbox:before {
  line-height: 0.8;
}

.no-touch .f-field-radio:hover .fake-radio,
input[type=radio]:checked ~ label .fake-radio,
input[type=radio]:focus ~ label .fake-radio,
input[type=radio]:checked ~ .label-wrapper label .fake-radio,
input[type=radio]:focus ~ .label-wrapper label .fake-radio {
  color: #505050;
  position: relative;
}
.no-touch .f-field-radio:hover .fake-radio:before,
input[type=radio]:checked ~ label .fake-radio:before,
input[type=radio]:focus ~ label .fake-radio:before,
input[type=radio]:checked ~ .label-wrapper label .fake-radio:before,
input[type=radio]:focus ~ .label-wrapper label .fake-radio:before {
  background: #9A6247;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 10px;
}

input[type=radio]:focus ~ label .fake-radio:before,
input[type=radio]:focus ~ .label-wrapper label .fake-radio:before {
  outline: 1px solid #000000;
}

.refinement li.selected .fake-radio {
  background-color: #9A6247;
}

label:not(.inner-label) {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: inline-block;
  line-height: 1;
  padding: 0 0 10px 0;
}
label:not(.inner-label) .fake-checkbox + span,
label:not(.inner-label) .fake-radio ~ span {
  font-size: 1rem;
}

label.inner-label {
  padding: 0 !important;
}

.datepicker-wrapper {
  position: relative;
}
.datepicker-wrapper .datepicker {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background-color: transparent;
  color: #000000;
  padding-left: 60px;
  position: relative;
  z-index: 3;
}
.datepicker-wrapper .i-calendar {
  font-size: 1.75rem;
  left: 20px;
  margin: -0.875rem 0 0;
  position: absolute;
  top: 50%;
  z-index: 2;
}

.ui-datepicker {
  background: #ffffff;
  border: 2px solid #6f6f6f;
  margin-top: -2px;
}
@media only screen and (max-width : 480px) {
  .ui-datepicker {
    left: calc((100% - 300px) / 2) !important;
    width: 300px;
  }
}
.ui-datepicker.ui-widget-content .ui-state-hover, .tooltip:focus .ui-datepicker.tooltip-content .ui-state-hover, .tooltip:hover .ui-datepicker.tooltip-content .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-active,
.tooltip:focus .ui-datepicker.tooltip-content .ui-state-active,
.tooltip:hover .ui-datepicker.tooltip-content .ui-state-active {
  color: #9A6247;
}
.ui-datepicker.ui-widget-content .ui-datepicker-prev:after, .tooltip:focus .ui-datepicker.tooltip-content .ui-datepicker-prev:after, .tooltip:hover .ui-datepicker.tooltip-content .ui-datepicker-prev:after {
  content: "◄";
  display: inline-block;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  width: 1.8em;
}
.ui-datepicker.ui-widget-content .ui-datepicker-prev-hover, .tooltip:focus .ui-datepicker.tooltip-content .ui-datepicker-prev-hover, .tooltip:hover .ui-datepicker.tooltip-content .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker.ui-widget-content .ui-datepicker-next:after, .tooltip:focus .ui-datepicker.tooltip-content .ui-datepicker-next:after, .tooltip:hover .ui-datepicker.tooltip-content .ui-datepicker-next:after {
  content: "►";
  display: inline-block;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  width: 1.8em;
}
.ui-datepicker.ui-widget-content .ui-datepicker-next-hover, .tooltip:focus .ui-datepicker.tooltip-content .ui-datepicker-next-hover, .tooltip:hover .ui-datepicker.tooltip-content .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}
.ui-datepicker .ui-state-default.ui-state-hover {
  color: #fff;
  background-color: #9A6247;
}

.iframe_test {
  border: none !important;
  width: 1px;
  height: 1px;
}
.iframe_test iframe {
  border: 0;
}

/*styles for BD 3.0 OKTA*/
.account-form-rules {
  margin-bottom: 25px;
}
@media only screen and (max-width : 767px) {
  .account-form-rules {
    margin-bottom: 20px;
  }
}
.account-form-rules__list {
  margin-left: 14px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.account-form-rules__item {
  position: relative;
  padding-left: 14px;
  margin-bottom: 7px;
  width: 50%;
  font-size: 15px;
}
@media only screen and (max-width : 767px) {
  .account-form-rules__item {
    width: 100%;
    font-size: 17px;
  }
}
.account-form-rules__item-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #55aa55;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  color: #55aa55;
  font-size: 14px;
  margin-left: 8px;
  visibility: hidden;
}
.account-form-rules__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 50%;
}
.account-form-rules__item.error {
  color: #bd0218;
}
.account-form-rules__item.valid {
  color: #6a6b6a;
}
.account-form-rules__item.valid .account-form-rules__item-icon {
  visibility: visible;
}

.account-form-agree {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
}
.account-form-agree .fake-checkbox {
  margin-right: 0;
}
.account-form-agree__checkbox {
  left: -1000em;
  position: absolute;
}
.account-form-agree__checkbox-wrapp {
  display: flex;
  flex-shrink: 0;
}
.account-form-agree__checkbox-wrapp > p.error, .account-form-agree__checkbox-wrapp > div.error {
  display: none;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 30px;
}
.account-form-agree__fake-label {
  padding-left: 5px;
  padding-top: 1px;
}
.account-form-agree__label {
  padding-left: 6px;
}
.account-form-agree__label p {
  margin: 0;
}

.password-mask-label {
  position: absolute;
  right: 14px;
  top: 50%;
  font-size: 20px;
  line-height: 20px;
  margin-top: -10px;
  padding: 0;
}

.account-form-row {
  padding-bottom: 30px;
}
.account-form-row__inner {
  position: relative;
}
.account-form-row__inner > p.error, .account-form-row__inner > div.error {
  display: none;
  margin: 0;
  position: absolute;
  top: 120%;
  left: 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .account-form-row__inner > p.error, .account-form-row__inner > div.error {
    left: 0;
  }
}

.set-new-password__title {
  max-width: 470px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
  .set-new-password__title {
    padding: 0 10px;
    text-align: left;
  }
}

.js-bd-username {
  font-size: 0.75rem;
  font-family: "Brandon Grotesque", "Arial", sans-serif;
}

.btn-customize:focus {
  border: 1px dotted black;
}

p.error,
p.error-serverside {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #bd0218;
  display: table;
  width: 100%;
  font-weight: 400;
  padding-top: 3px;
  line-height: 1rem;
  margin: 0;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

html {
  background: #ffffff;
}

.content-width,
.content-full-width {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width : 1025px) {
  .content-width {
    max-width: calc(1200px - 100px);
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .content-width {
    max-width: 1024px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width : 767px) {
  .content-width {
    max-width: 767px;
    width: 100%;
  }
}

@media only screen and (min-width : 1025px) {
  .content-full-width {
    max-width: 1800px;
  }
}

.wrapper-two-columns {
  display: flex;
  justify-content: space-between;
  padding: 0 0 60px;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .wrapper-two-columns, .pt_product-search-result .wrapper-two-columns, .pt_product-search-noresult .wrapper-two-columns {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width : 767px) {
  .wrapper-two-columns {
    padding: 0 10px 30px;
  }
}
.wrapper-two-columns.row-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width : 767px) {
  .wrapper-two-columns.row-reverse.wrapper-two-columns__column {
    flex-direction: column;
  }
}
.wrapper-two-columns .primary-content {
  position: relative;
}
@media only screen and (min-width : 1025px) {
  .wrapper-two-columns .primary-content {
    width: calc(100% - 270px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .wrapper-two-columns .primary-content {
    width: calc(100% - 245px);
  }
}
.wrapper-two-columns .refinement .refinement-collapsed ul {
  display: none;
}
.wrapper-two-columns .refinement .refinement-collapsed .icon {
  transition: all 0.2s ease-out;
  transform: rotate(0deg);
}
.wrapper-two-columns .refinement .refinement-expanded ul {
  display: block;
}
.wrapper-two-columns .refinement .refinement-expanded .icon {
  transition: all 0.2s ease-out;
  transform: rotate(90deg);
}
@media only screen and (max-width : 767px) {
  .wrapper-two-columns .equal-width-column {
    margin-bottom: 40px;
  }
}
.wrapper-two-columns .equal-width-column.col-1 {
  width: 52%;
}
@media only screen and (max-width : 767px) {
  .wrapper-two-columns .equal-width-column.col-1 {
    width: 100%;
  }
}
.wrapper-two-columns .equal-width-column.col-2 {
  width: 46%;
}
@media only screen and (max-width : 767px) {
  .wrapper-two-columns .equal-width-column.col-2 {
    width: 100%;
  }
}

/* SG
# Global/ Accordion
```
<div class="js-accordion resp-easy-accordion js-accordion-element" style="display: block; width: 100%; margin: 0px;">
    <ul class="resp-tabs-list js-accordion-element" style="display: none;">
        <li class="resp-tab-item js-accordion-element resp-tab-active" aria-controls="js-accordion-element_tab_item-0" role="tab">Accordion Header Text</li>
        <li class="resp-tab-item js-accordion-element" aria-controls="js-accordion-element_tab_item-1" role="tab">Accordion Header Text</li>
        <li class="resp-tab-item js-accordion-element" aria-controls="js-accordion-element_tab_item-2" role="tab">Accordion Header Text</li>
    </ul>
    <div class="resp-tabs-container js-accordion-element">
        <h2 class="resp-accordion js-accordion-element" role="tab" aria-controls="js-accordion-element_tab_item-0">Accordion Header Text</h2>
        <div class="resp-tab-content js-accordion-element resp-tab-content-active resp-accordion-closed" aria-labelledby="js-accordion-element_tab_item-0">
            ...
            Accordion Content Text
            ...
            Example:
                <a href="null" title="" class="footer-link">Accordion Content Text</a>
                <div class="content-asset">
                    <a href="" title="">Accordion Content Text</a>
                    <a href="" title="">Accordion Content Text</a>
                    <a href="" title="">Accordion Content Text</a>
                </div>
            ...
        </div>
        <h2 class="resp-accordion js-accordion-element" role="tab" aria-controls="js-accordion-element_tab_item-1">Accordion Header Text</h2>
        <div class="resp-tab-content js-accordion-element" aria-labelledby="js-accordion-element_tab_item-1">
            ...
            Accordion Content Text
            ...
            Example:
                <div class="content-asset">
                    <a href="" title="">Accordion Content Text</a>
                    <a href="" title="">Accordion Content Text</a>
                    <a href="" title="">Accordion Content Text</a>
                    <a href="" title="">Accordion Content Text</a>
                </div>
            ...
        </div>
        <h2 class="resp-accordion js-accordion-element" role="tab" aria-controls="js-accordion-element_tab_item-2">Accordion Header Text</h2>
        <div class="resp-tab-content js-accordion-element" aria-labelledby="js-accordion-element_tab_item-2">
            ...
            Accordion Content Text
            ...
            Example:
                <div class="contact-address">
                    <h4 class="contact-address-title">Accordion Content Text</h4>
                    <p class="contact-address-text">Accordion Content Text</p>
                    <p class="contact-address-text">Accordion Content Text</p>
                    <p class="contact-address-text">Accordion Content Text</p>
                    <p class="contact-address-text">Accordion Content Text</p>
                </div>
            ...
        </div>
    </div>
</div>
```
*/
.resp-accordion {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  margin: 0;
  padding: 15px 70px 15px 30px;
  position: relative;
  text-transform: none;
}
.resp-accordion:focus-visible {
  box-shadow: none;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -3px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .resp-accordion {
    padding-right: 50px;
  }
  .resp-accordion:after {
    right: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .resp-accordion {
    outline: none;
    padding-left: 10px;
  }
}
.resp-accordion:after {
  content: "+";
  margin-top: -10px;
  position: absolute;
  right: 60px;
  top: 50%;
}
@media only screen and (max-width : 767px) {
  .resp-accordion:after {
    right: 20px;
  }
}
.resp-accordion.resp-tab-active {
  border-bottom-color: transparent;
}
.resp-accordion.resp-tab-active:after {
  content: "-";
  margin-top: -12px;
  right: 21px;
}
.resp-accordion:first-of-type {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
}

.resp-accordion-active,
.resp-tab-content-active {
  display: block;
}

.resp-tab-content {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  display: none;
  padding: 0 0 24px;
}
@media only screen and (max-width : 767px) {
  .resp-tab-content {
    padding: 0 10px 0;
  }
}

.resp-jfit {
  margin: 0;
  width: 100%;
}

/* SG
# Global/ Breadcrumbs
```
<div class="breadcrumb">
    <a class="breadcrumb-element" href="/" title="Home">Home</a>

    <a class="breadcrumb-element" href="/" title="Go to Skin Concern">Skin Concern</a>

    <a class="breadcrumb-element" href="/" title="Go to Hyperpigmentation">Hyperpigmentation</a>

    <span class="breadcrumb-element">Lytera&reg; Skin Brightening Complex</span>
</div>
```
*/
.breadcrumb {
  padding: 0 0 30px 0;
}
@media only screen and (max-width : 767px) {
  .breadcrumb {
    padding: 0 10px 30px;
  }
}
.breadcrumb .breadcrumb-element {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #6F6D6D;
  line-height: 1;
}
.breadcrumb .breadcrumb-element:not(:last-child):after, .breadcrumb .breadcrumb-element:first-child:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 5px;
}
.breadcrumb .breadcrumb-element:first-child:last-child:after {
  content: "";
}
/* SG
# Global / Product slider
```
<!-- Code below is generated by js-->
<div class="product-slider home-recommendation" style=" width: 1100px; margin: 0 auto;">
    <h2>Featured Products</h2>
    <h3>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</h3>
    <div class="b-product-carousel">
        <div class="b-carousel_wrapper ">
            <div class="js-carousel slick-initialized slick-slider" data-dots="false" data-slides-to-show="4" data-slides-to-scroll="4" data-responsive="[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:3}},{&quot;breakpoint&quot;:768,&quot;settings&quot;:{&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1}}]" style="position: relative;">
            <button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" role="button" style="display: block;position: absolute;">Previous</button>
            <div aria-live="polite" class="slick-list draggable" style="overflow: hidden;">
                <div class="slick-track" style="opacity: 1;width: 1290px;transform: translate3d(0, 0px, 0px);" role="listbox">
                    <div class="product-tile slick-slide slick-current slick-active" id="ea9a5d78244b397646ca7cc760" data-itemid="94908" data-slick-index="0" aria-hidden="false" style="width: 217px;" tabindex="-1" role="option" aria-describedby="slick-slide10">
                        <div class="product-image">
                            <a href="/products/correct/94908.html?lang=en_US" title="TNS Recovery Complex®" class="thumb-link" tabindex="0">
                            <img class="js-responsive-image " src="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" alt="TNS Recovery Complex®" title="TNS Recovery Complex®" data-desktop="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" data-tablet="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=434" data-mobile="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=651">
                            </a>
                            <div class="product-label">
                                <div class="product-badge">
                                    <img alt="badge" src="https://hcp0000.skinmedica.local/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw0236f214/test-badges/badge-label-original.png">
                                </div>
                            </div>
                        </div>
                        <div class="product-points">
                            <span class="icon i-bd">
                                <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span>
                            </span>Earn Points
                        </div>
                        <div class="product-name">
                            <a class="name-link" href="/products/correct/94908.html?lang=en_US" title="Go to Product: TNS Recovery Complex®" tabindex="0">TNS Recovery Complex®</a>
                        </div>
                        <div class="product-pricing">
                            <span class="product-sales-price" title="Sale Price">$179.00</span>
                            <span class="null" title="null"></span>
                        </div>
                        <div class="product-weight">
                            <span>18 g / 0.63 Oz.</span>
                        </div>
                        <div class="product-hover is-desktop">
                            <form action="/on/demandware.store/Sites-alg-us-Site/en_US/Cart-AddProduct" method="post" novalidate="novalidate" style="margin: 0;">
                                <input type="hidden" name="pid" value="94908" tabindex="0">
                                <button type="submit" title="Add to Cart" class="add-to-cart" tabindex="0">Add to Cart</button>
                            </form>
                            <a href="/products/correct/94908.html?lang=en_US" class="view-product-details" title="View product details" tabindex="0">View product details</a>
                        </div>
                    </div>
                    <div class="product-tile slick-slide slick-current slick-active" id="ea9a5d78244b397646ca7cc760" data-itemid="94908" data-slick-index="0" aria-hidden="false" style="width: 217px;" tabindex="-1" role="option" aria-describedby="slick-slide10">
                        <div class="product-image">
                            <a href="/products/correct/94908.html?lang=en_US" title="TNS Recovery Complex®" class="thumb-link" tabindex="0">
                            <img class="js-responsive-image " src="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" alt="TNS Recovery Complex®" title="TNS Recovery Complex®" data-desktop="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" data-tablet="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=434" data-mobile="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=651">
                            </a>
                            <div class="product-label">
                                <div class="product-badge">
                                    <img alt="badge" src="https://hcp0000.skinmedica.local/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw0236f214/test-badges/badge-label-original.png">
                                </div>
                            </div>
                        </div>
                        <div class="product-points">
                            <span class="icon i-bd">
                                <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span>
                            </span>Earn Points
                        </div>
                        <div class="product-name">
                            <a class="name-link" href="/products/correct/94908.html?lang=en_US" title="Go to Product: TNS Recovery Complex®" tabindex="0">TNS Recovery Complex®</a>
                        </div>
                        <div class="product-pricing">
                            <span class="product-sales-price" title="Sale Price">$179.00</span>
                            <span class="null" title="null"></span>
                        </div>
                        <div class="product-weight">
                            <span>18 g / 0.63 Oz.</span>
                        </div>
                        <div class="product-hover is-desktop">
                            <form action="/on/demandware.store/Sites-alg-us-Site/en_US/Cart-AddProduct" method="post" novalidate="novalidate" style="margin: 0;">
                                <input type="hidden" name="pid" value="94908" tabindex="0">
                                <button type="submit" title="Add to Cart" class="add-to-cart" tabindex="0">Add to Cart</button>
                            </form>
                            <a href="/products/correct/94908.html?lang=en_US" class="view-product-details" title="View product details" tabindex="0">View product details</a>
                        </div>
                    </div>

                    <div class="product-tile slick-slide slick-current slick-active" id="ea9a5d78244b397646ca7cc760" data-itemid="94908" data-slick-index="0" aria-hidden="false" style="width: 217px;" tabindex="-1" role="option" aria-describedby="slick-slide10">
                        <div class="product-image">
                            <a href="/products/correct/94908.html?lang=en_US" title="TNS Recovery Complex®" class="thumb-link" tabindex="0">
                            <img class="js-responsive-image " src="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" alt="TNS Recovery Complex®" title="TNS Recovery Complex®" data-desktop="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" data-tablet="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=434" data-mobile="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=651">
                            </a>
                            <div class="product-label">
                                <div class="product-badge">
                                    <img alt="badge" src="https://hcp0000.skinmedica.local/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw0236f214/test-badges/badge-label-original.png">
                                </div>
                            </div>
                        </div>
                        <div class="product-points">
                            <span class="icon i-bd">
                                <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span>
                            </span>Earn Points
                        </div>
                        <div class="product-name">
                            <a class="name-link" href="/products/correct/94908.html?lang=en_US" title="Go to Product: TNS Recovery Complex®" tabindex="0">TNS Recovery Complex®</a>
                        </div>
                        <div class="product-pricing">
                            <span class="product-sales-price" title="Sale Price">$179.00</span>
                            <span class="null" title="null"></span>
                        </div>
                        <div class="product-weight">
                            <span>18 g / 0.63 Oz.</span>
                        </div>
                        <div class="product-hover is-desktop">
                            <form action="/on/demandware.store/Sites-alg-us-Site/en_US/Cart-AddProduct" method="post" novalidate="novalidate" style="margin: 0;">
                                <input type="hidden" name="pid" value="94908" tabindex="0">
                                <button type="submit" title="Add to Cart" class="add-to-cart" tabindex="0">Add to Cart</button>
                            </form>
                            <a href="/products/correct/94908.html?lang=en_US" class="view-product-details" title="View product details" tabindex="0">View product details</a>
                        </div>
                    </div>

                    <div class="product-tile slick-slide slick-current slick-active" id="ea9a5d78244b397646ca7cc760" data-itemid="94908" data-slick-index="0" aria-hidden="false" style="width: 217px;" tabindex="-1" role="option" aria-describedby="slick-slide10">
                        <div class="product-image">
                            <a href="/products/correct/94908.html?lang=en_US" title="TNS Recovery Complex®" class="thumb-link" tabindex="0">
                            <img class="js-responsive-image " src="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" alt="TNS Recovery Complex®" title="TNS Recovery Complex®" data-desktop="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=217" data-tablet="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=434" data-mobile="https://sits-pod46.demandware.net/dw/image/v2/BBTL_S05/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw8f96dedb/high-res/TNS_Recovery_Complex_RGB_High_Res.jpg?sw=651">
                            </a>
                            <div class="product-label">
                                <div class="product-badge">
                                    <img alt="badge" src="https://hcp0000.skinmedica.local/on/demandware.static/-/Sites-alg-us-master-catalog/default/dw0236f214/test-badges/badge-label-original.png">
                                </div>
                            </div>
                        </div>
                        <div class="product-points">
                            <span class="icon i-bd">
                                <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span>
                            </span>Earn Points
                        </div>
                        <div class="product-name">
                            <a class="name-link" href="/products/correct/94908.html?lang=en_US" title="Go to Product: TNS Recovery Complex®" tabindex="0">TNS Recovery Complex®</a>
                        </div>
                        <div class="product-pricing">
                            <span class="product-sales-price" title="Sale Price">$179.00</span>
                            <span class="null" title="null"></span>
                        </div>
                        <div class="product-weight">
                            <span>18 g / 0.63 Oz.</span>
                        </div>
                        <div class="product-hover is-desktop">
                            <form action="/on/demandware.store/Sites-alg-us-Site/en_US/Cart-AddProduct" method="post" novalidate="novalidate" style="margin: 0;">
                                <input type="hidden" name="pid" value="94908" tabindex="0">
                                <button type="submit" title="Add to Cart" class="add-to-cart" tabindex="0">Add to Cart</button>
                            </form>
                            <a href="/products/correct/94908.html?lang=en_US" class="view-product-details" title="View product details" tabindex="0">View product details</a>
                        </div>
                    </div>
                </div>
            </div>
            <button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button" style="display: block;position: absolute;">Next</button>
            </div>
        </div>
    </div>
</div>
```
*/
.slick-arrow {
  border: none;
  font-size: 0;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  z-index: 993;
  background: #ffffff;
  color: #6F6D6D;
}
.slick-arrow.slick-disabled {
  cursor: not-allowed;
  filter: grayscale(100%);
}
.slick-arrow.slick-disabled:focus, .slick-arrow.slick-disabled:hover {
  background: #ffffff;
}
.slick-arrow.slick-prev::before {
  content: "";
  background: url(../images/left-arrow.svg);
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.slick-arrow.slick-prev:not(.slick-disabled):hover::before, .slick-arrow.slick-prev:not(.slick-disabled):focus::before {
  background: url(../images/left-arrow-hover.svg);
}
.slick-arrow.slick-prev:focus-visible {
  outline: thin dotted;
}
.slick-arrow.slick-next::before {
  content: "";
  background: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.slick-arrow.slick-next:not(.slick-disabled):hover::before, .slick-arrow.slick-next:not(.slick-disabled):focus::before {
  background: url(../images/right-arrow-hover.svg);
}
.slick-arrow.slick-next:focus-visible {
  outline: thin dotted;
}

.slick-dots li {
  margin: 0 15px;
}
.slick-dots li button {
  background: #ffffff;
  color: #505050;
  border: none;
  font-size: 0;
  height: 9px;
  min-height: 9px;
  width: 10px;
  min-width: 7px;
  padding: 0;
}
.slick-dots li button:hover {
  background: transparent;
}
.slick-dots li button:focus-visible {
  outline: thin dotted;
}
.slick-dots li button:before {
  font-size: 0.625rem;
  opacity: 0.75;
  height: 7px;
  width: 7px;
  line-height: 1;
  color: #505050;
}
.slick-dots li button:before:hover {
  background: transparent;
  color: rgba(80, 80, 80, 0.5);
  opacity: 1;
}

.b-carousel_wrapper .slick-slider {
  margin-top: 40px;
}
.b-carousel_wrapper .slick-dots {
  width: calc(100% + 76px);
  left: -36px;
  bottom: -35px;
}
.b-carousel_wrapper .slick-dots li button::before {
  opacity: 0.5;
  color: #9A6247;
}
.b-carousel_wrapper .slick-dots li.slick-active button::before {
  opacity: 1;
}

.rect-auto.p51 .slice, .rect-auto.p52 .slice, .rect-auto.p53 .slice, .rect-auto.p54 .slice, .rect-auto.p55 .slice, .rect-auto.p56 .slice, .rect-auto.p57 .slice, .rect-auto.p58 .slice, .rect-auto.p59 .slice, .rect-auto.p60 .slice, .rect-auto.p61 .slice, .rect-auto.p62 .slice, .rect-auto.p63 .slice, .rect-auto.p64 .slice, .rect-auto.p65 .slice, .rect-auto.p66 .slice, .rect-auto.p67 .slice, .rect-auto.p68 .slice, .rect-auto.p69 .slice, .rect-auto.p70 .slice, .rect-auto.p71 .slice, .rect-auto.p72 .slice, .rect-auto.p73 .slice, .rect-auto.p74 .slice, .rect-auto.p75 .slice, .rect-auto.p76 .slice, .rect-auto.p77 .slice, .rect-auto.p78 .slice, .rect-auto.p79 .slice, .rect-auto.p80 .slice, .rect-auto.p81 .slice, .rect-auto.p82 .slice, .rect-auto.p83 .slice, .rect-auto.p84 .slice, .rect-auto.p85 .slice, .rect-auto.p86 .slice, .rect-auto.p87 .slice, .rect-auto.p88 .slice, .rect-auto.p89 .slice, .rect-auto.p90 .slice, .rect-auto.p91 .slice, .rect-auto.p92 .slice, .rect-auto.p93 .slice, .rect-auto.p94 .slice, .rect-auto.p95 .slice, .rect-auto.p96 .slice, .rect-auto.p97 .slice, .rect-auto.p98 .slice, .rect-auto.p99 .slice, .rect-auto.p100 .slice,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie .bar, .pie.p51 .fill, .pie.p52 .fill, .pie.p53 .fill, .pie.p54 .fill, .pie.p55 .fill, .pie.p56 .fill, .pie.p57 .fill, .pie.p58 .fill, .pie.p59 .fill, .pie.p60 .fill, .pie.p61 .fill, .pie.p62 .fill, .pie.p63 .fill, .pie.p64 .fill, .pie.p65 .fill, .pie.p66 .fill, .pie.p67 .fill, .pie.p68 .fill, .pie.p69 .fill, .pie.p70 .fill, .pie.p71 .fill, .pie.p72 .fill, .pie.p73 .fill, .pie.p74 .fill, .pie.p75 .fill, .pie.p76 .fill, .pie.p77 .fill, .pie.p78 .fill, .pie.p79 .fill, .pie.p80 .fill, .pie.p81 .fill, .pie.p82 .fill, .pie.p83 .fill, .pie.p84 .fill, .pie.p85 .fill, .pie.p86 .fill, .pie.p87 .fill, .pie.p88 .fill, .pie.p89 .fill, .pie.p90 .fill, .pie.p91 .fill, .pie.p92 .fill, .pie.p93 .fill, .pie.p94 .fill, .pie.p95 .fill, .pie.p96 .fill, .pie.p97 .fill, .pie.p98 .fill, .pie.p99 .fill, .pie.p100 .fill,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  border: 0.1375em solid #6F6D6D;
  border-radius: 50%;
  clip: rect(0em, 0.5em, 1em, 0em);
  height: 0.725em;
  position: absolute;
  transform: rotate(0deg);
  width: 0.725em;
}

.pie-fill.p51 .bar::after, .pie-fill.p51 .fill, .pie-fill.p52 .bar::after, .pie-fill.p52 .fill, .pie-fill.p53 .bar::after, .pie-fill.p53 .fill, .pie-fill.p54 .bar::after, .pie-fill.p54 .fill, .pie-fill.p55 .bar::after, .pie-fill.p55 .fill, .pie-fill.p56 .bar::after, .pie-fill.p56 .fill, .pie-fill.p57 .bar::after, .pie-fill.p57 .fill, .pie-fill.p58 .bar::after, .pie-fill.p58 .fill, .pie-fill.p59 .bar::after, .pie-fill.p59 .fill, .pie-fill.p60 .bar::after, .pie-fill.p60 .fill, .pie-fill.p61 .bar::after, .pie-fill.p61 .fill, .pie-fill.p62 .bar::after, .pie-fill.p62 .fill, .pie-fill.p63 .bar::after, .pie-fill.p63 .fill, .pie-fill.p64 .bar::after, .pie-fill.p64 .fill, .pie-fill.p65 .bar::after, .pie-fill.p65 .fill, .pie-fill.p66 .bar::after, .pie-fill.p66 .fill, .pie-fill.p67 .bar::after, .pie-fill.p67 .fill, .pie-fill.p68 .bar::after, .pie-fill.p68 .fill, .pie-fill.p69 .bar::after, .pie-fill.p69 .fill, .pie-fill.p70 .bar::after, .pie-fill.p70 .fill, .pie-fill.p71 .bar::after, .pie-fill.p71 .fill, .pie-fill.p72 .bar::after, .pie-fill.p72 .fill, .pie-fill.p73 .bar::after, .pie-fill.p73 .fill, .pie-fill.p74 .bar::after, .pie-fill.p74 .fill, .pie-fill.p75 .bar::after, .pie-fill.p75 .fill, .pie-fill.p76 .bar::after, .pie-fill.p76 .fill, .pie-fill.p77 .bar::after, .pie-fill.p77 .fill, .pie-fill.p78 .bar::after, .pie-fill.p78 .fill, .pie-fill.p79 .bar::after, .pie-fill.p79 .fill, .pie-fill.p80 .bar::after, .pie-fill.p80 .fill, .pie-fill.p81 .bar::after, .pie-fill.p81 .fill, .pie-fill.p82 .bar::after, .pie-fill.p82 .fill, .pie-fill.p83 .bar::after, .pie-fill.p83 .fill, .pie-fill.p84 .bar::after, .pie-fill.p84 .fill, .pie-fill.p85 .bar::after, .pie-fill.p85 .fill, .pie-fill.p86 .bar::after, .pie-fill.p86 .fill, .pie-fill.p87 .bar::after, .pie-fill.p87 .fill, .pie-fill.p88 .bar::after, .pie-fill.p88 .fill, .pie-fill.p89 .bar::after, .pie-fill.p89 .fill, .pie-fill.p90 .bar::after, .pie-fill.p90 .fill, .pie-fill.p91 .bar::after, .pie-fill.p91 .fill, .pie-fill.p92 .bar::after, .pie-fill.p92 .fill, .pie-fill.p93 .bar::after, .pie-fill.p93 .fill, .pie-fill.p94 .bar::after, .pie-fill.p94 .fill, .pie-fill.p95 .bar::after, .pie-fill.p95 .fill, .pie-fill.p96 .bar::after, .pie-fill.p96 .fill, .pie-fill.p97 .bar::after, .pie-fill.p97 .fill, .pie-fill.p98 .bar::after, .pie-fill.p98 .fill, .pie-fill.p99 .bar::after, .pie-fill.p99 .fill, .pie-fill.p100 .bar::after, .pie-fill.p100 .fill,
.c100.p51 .bar::after,
.c100.p51 .fill,
.c100.p52 .bar::after,
.c100.p52 .fill,
.c100.p53 .bar::after,
.c100.p53 .fill,
.c100.p54 .bar::after,
.c100.p54 .fill,
.c100.p55 .bar::after,
.c100.p55 .fill,
.c100.p56 .bar::after,
.c100.p56 .fill,
.c100.p57 .bar::after,
.c100.p57 .fill,
.c100.p58 .bar::after,
.c100.p58 .fill,
.c100.p59 .bar::after,
.c100.p59 .fill,
.c100.p60 .bar::after,
.c100.p60 .fill,
.c100.p61 .bar::after,
.c100.p61 .fill,
.c100.p62 .bar::after,
.c100.p62 .fill,
.c100.p63 .bar::after,
.c100.p63 .fill,
.c100.p64 .bar::after,
.c100.p64 .fill,
.c100.p65 .bar::after,
.c100.p65 .fill,
.c100.p66 .bar::after,
.c100.p66 .fill,
.c100.p67 .bar::after,
.c100.p67 .fill,
.c100.p68 .bar::after,
.c100.p68 .fill,
.c100.p69 .bar::after,
.c100.p69 .fill,
.c100.p70 .bar::after,
.c100.p70 .fill,
.c100.p71 .bar::after,
.c100.p71 .fill,
.c100.p72 .bar::after,
.c100.p72 .fill,
.c100.p73 .bar::after,
.c100.p73 .fill,
.c100.p74 .bar::after,
.c100.p74 .fill,
.c100.p75 .bar::after,
.c100.p75 .fill,
.c100.p76 .bar::after,
.c100.p76 .fill,
.c100.p77 .bar::after,
.c100.p77 .fill,
.c100.p78 .bar::after,
.c100.p78 .fill,
.c100.p79 .bar::after,
.c100.p79 .fill,
.c100.p80 .bar::after,
.c100.p80 .fill,
.c100.p81 .bar::after,
.c100.p81 .fill,
.c100.p82 .bar::after,
.c100.p82 .fill,
.c100.p83 .bar::after,
.c100.p83 .fill,
.c100.p84 .bar::after,
.c100.p84 .fill,
.c100.p85 .bar::after,
.c100.p85 .fill,
.c100.p86 .bar::after,
.c100.p86 .fill,
.c100.p87 .bar::after,
.c100.p87 .fill,
.c100.p88 .bar::after,
.c100.p88 .fill,
.c100.p89 .bar::after,
.c100.p89 .fill,
.c100.p90 .bar::after,
.c100.p90 .fill,
.c100.p91 .bar::after,
.c100.p91 .fill,
.c100.p92 .bar::after,
.c100.p92 .fill,
.c100.p93 .bar::after,
.c100.p93 .fill,
.c100.p94 .bar::after,
.c100.p94 .fill,
.c100.p95 .bar::after,
.c100.p95 .fill,
.c100.p96 .bar::after,
.c100.p96 .fill,
.c100.p97 .bar::after,
.c100.p97 .fill,
.c100.p98 .bar::after,
.c100.p98 .fill,
.c100.p99 .bar::after,
.c100.p99 .fill,
.c100.p100 .bar::after,
.c100.p100 .fill {
  transform: rotate(180deg);
}

.c100 {
  background-color: #505050;
  border-radius: 50%;
  float: left;
  font-size: 70px;
  height: 1em;
  margin: 0 5px 0 0;
  position: relative;
  width: 1em;
}
.c100 * {
  box-sizing: content-box;
}
.c100 *:before, .c100 *:after {
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  color: #ffffff;
  display: block;
  font-size: 0.2em;
  left: 0;
  line-height: 5em;
  position: absolute;
  text-align: center;
  top: 0;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: ease-out;
  white-space: nowrap;
  width: 5em;
  z-index: 1;
}
.c100::after {
  border-radius: 50%;
  background-color: #ffffff;
  content: " ";
  display: block;
  height: 0.725em;
  left: 0.135em;
  position: absolute;
  top: 0.135em;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: ease-in;
  width: 0.725em;
}
.c100 .slice {
  clip: rect(0em, 1em, 1em, 0.5em);
  height: 1em;
  position: absolute;
  width: 1em;
}
.c100.p1 .bar {
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  transform: rotate(18deg);
}
.c100.p6 .bar {
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  transform: rotate(36deg);
}
.c100.p11 .bar {
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  transform: rotate(54deg);
}
.c100.p16 .bar {
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  transform: rotate(72deg);
}
.c100.p21 .bar {
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  transform: rotate(90deg);
}
.c100.p26 .bar {
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  transform: rotate(108deg);
}
.c100.p31 .bar {
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  transform: rotate(126deg);
}
.c100.p36 .bar {
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  transform: rotate(144deg);
}
.c100.p41 .bar {
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  transform: rotate(162deg);
}
.c100.p46 .bar {
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  transform: rotate(180deg);
}
.c100.p51 .bar {
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  transform: rotate(198deg);
}
.c100.p56 .bar {
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  transform: rotate(216deg);
}
.c100.p61 .bar {
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  transform: rotate(234deg);
}
.c100.p66 .bar {
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  transform: rotate(252deg);
}
.c100.p71 .bar {
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  transform: rotate(270deg);
}
.c100.p76 .bar {
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  transform: rotate(288deg);
}
.c100.p81 .bar {
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  transform: rotate(306deg);
}
.c100.p86 .bar {
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  transform: rotate(324deg);
}
.c100.p91 .bar {
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  transform: rotate(342deg);
}
.c100.p96 .bar {
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  transform: rotate(360deg);
}

/* SG
# Global / Popup
```
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons" style="height: auto; width: 508px; top: 29px; left: 289px; display: block;" tabindex="-1" role="dialog" aria-describedby="dialog-container" aria-labelledby="ui-id-1">
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
        <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close">
        </button>
    </div>

    <div id="dialog-container" class="dialog-content ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; max-height: none; height: auto;">
        <h1>You are being sent to our shopping site.</h1>

        <p>Our shopping site is operated by a third party. If you wish to continue please follow the link below.</p>
    </div>

    <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
        <div class="ui-dialog-buttonset">
            <button type="button" class="btn-secondary ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button">
                <span class="ui-button-text">Cancel</span>
            </button>

            <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button">
                <span class="ui-button-text">Continue</span>
            </button>
        </div>
    </div>
</div>
```
*/
.ui-dialog {
  background-color: #ffffff;
  border: 4px solid #000000;
  min-width: 534px;
  padding: 0 0 60px;
  text-align: center;
  z-index: 998;
}
@media only screen and (max-width : 767px) {
  .ui-dialog {
    min-width: calc(100% - 20px) !important;
    padding: 0 0 40px;
    width: calc(100% - 20px) !important;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .ui-dialog[aria-describedby=videplayerdialog] {
    min-width: calc(100% - 20px) !important;
    padding: 0 0 60px;
    width: calc(100% - 20px) !important;
  }
}
.ui-dialog .ui-dialog-titlebar {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  background-color: #ffffff;
  background-image: url(../images/close-btn.svg);
  border: none;
  float: right;
  height: 22px;
  min-height: 22px;
  color: #6F6D6D;
  margin: 5px 5px 1px 0;
  min-width: 22px;
  width: 22px;
  padding: 0;
  position: static;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:focus-visible {
  background-color: transparent;
  background-image: url(../images/close-btn.svg);
  border: none;
}
.ui-dialog.shipping-method-msg {
  width: 540px !important;
  padding-bottom: 40px;
}
@media only screen and (max-width : 767px) {
  .ui-dialog.shipping-method-msg {
    width: calc(100% - 20px) !important;
  }
}
.ui-dialog.shipping-method-msg a.js-method-msg-confirm {
  outline: none;
}
.ui-dialog.shipping-method-msg a.js-method-msg-confirm:focus {
  outline: none;
}
.ui-dialog .ui-dialog-content {
  overflow: visible;
  padding: 30px 60px 0;
}
@media only screen and (max-width : 767px) {
  .ui-dialog .ui-dialog-content {
    padding: 20px 20px 0;
  }
}
@media (max-width: 400px) {
  .ui-dialog .ui-dialog-content {
    padding: 20px 10px 0;
  }
}
.ui-dialog .ui-dialog-content p {
  margin: 0 0 20px;
}
.ui-dialog .ui-dialog-content p:last-child {
  margin-bottom: 0;
}
.ui-dialog .ui-dialog-content p.error {
  margin: 10px 0 0 20px;
}
.ui-dialog .ui-dialog-content.js-shipping-method-msg-poBoxShipping .form-row-button {
  margin-top: 35px;
}
.ui-dialog form {
  text-align: left;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 20px;
  padding: 0 60px;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
@media only screen and (max-width : 767px) {
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  margin: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
  margin: 0 0 0 20px;
}
@media only screen and (max-width : 767px) {
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
    margin: 20px 0 0;
  }
}

.checkout-disabled-dialog .ui-dialog-buttonset button {
  min-width: 200px;
}
.checkout-disabled-dialog .ui-dialog-buttonset button.cancel {
  padding: 0;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
}

.ui-dialog-sm {
  width: 95% !important;
}
@media (min-width: 768px) {
  .ui-dialog-sm {
    width: 430px !important;
  }
}

.hcp-redirect-notification {
  max-width: 650px;
}
.hcp-redirect-notification .ui-dialog-titlebar-close {
  display: none;
}
.hcp-redirect-notification h1 {
  text-transform: none;
}
.hcp-redirect-notification .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
.hcp-redirect-notification .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
  margin: 0 0 0 40px;
}
@media only screen and (max-width : 767px) {
  .hcp-redirect-notification .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
    margin: 20px 0 0;
  }
}

.reset-pass-dialog {
  max-width: 507px;
  padding: 0 0 40px;
  text-align: left;
}
.reset-pass-dialog .dialog-content {
  padding-top: 10px;
}
.reset-pass-dialog .dialog-content .password-reset-form {
  margin: 0;
  width: auto;
}
.reset-pass-dialog h1.title {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  padding: 5px 0;
}
.reset-pass-dialog fieldset {
  margin-bottom: 0;
}

.bd-lodo-dialog {
  max-width: 508px;
}

.verify-address-dialog {
  width: 536px !important;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog {
    width: 100% !important;
  }
}

.verify-address-dialog,
.order-review {
  padding-bottom: 40px;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog,
  .order-review {
    text-align: left;
    padding-bottom: 20px;
  }
}
.verify-address-dialog .ui-dialog-content,
.order-review .ui-dialog-content {
  padding: 20px 40px 0;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .ui-dialog-content,
  .order-review .ui-dialog-content {
    padding: 20px 20px 0;
  }
}
.verify-address-dialog h1,
.order-review h1 {
  margin-bottom: 30px;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog h1,
  .order-review h1 {
    font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
    font-size: 1.625rem;
    color: #000000;
  }
}
@media (max-width: 575px) {
  .verify-address-dialog h2,
  .order-review h2 {
    font-size: 21px !important;
    margin-top: 0;
    font-weight: bold;
  }
  .verify-address-dialog .ui-dialog-titlebar,
  .order-review .ui-dialog-titlebar {
    overflow: visible;
  }
  .verify-address-dialog .ui-dialog-titlebar-close,
  .order-review .ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
}
@media (max-width: 350px) {
  .verify-address-dialog h2,
  .order-review h2 {
    font-size: 18px !important;
  }
}
.verify-address-dialog .js-revieworder-container,
.order-review .js-revieworder-container {
  display: flex !important;
  flex-direction: column;
}
@media (max-width: 575px) {
  .verify-address-dialog .js-revieworder-container,
  .order-review .js-revieworder-container {
    padding: 0 20px !important;
  }
  .verify-address-dialog .js-revieworder-container .row,
  .order-review .js-revieworder-container .row {
    overflow-y: auto;
    max-height: 60vh;
  }
  .verify-address-dialog .js-revieworder-container .row .order-component-block:last-child,
  .order-review .js-revieworder-container .row .order-component-block:last-child {
    margin-bottom: 0;
  }
  .verify-address-dialog .js-revieworder-container .order-component-block__buttons.form-row-button,
  .order-review .js-revieworder-container .order-component-block__buttons.form-row-button {
    padding: 20px 0 0 !important;
  }
}
.verify-address-dialog .js-revieworder-container .mini-payment-instrument-afterpay_logo,
.order-review .js-revieworder-container .mini-payment-instrument-afterpay_logo {
  position: relative;
  top: -3px;
}
.verify-address-dialog .js-addresssuggestions .form-row-button,
.order-review .js-addresssuggestions .form-row-button {
  padding: 20px 0 0;
}
.verify-address-dialog .js-addresssuggestions .form-row-button .btn:focus,
.order-review .js-addresssuggestions .form-row-button .btn:focus {
  border-style: solid;
  border-color: #9A6247;
  border-width: 2px;
}
.verify-address-dialog .suggestion-block__wrap,
.order-review .suggestion-block__wrap {
  display: flex;
}
@media (max-width: 575px) {
  .verify-address-dialog .suggestion-block__wrap,
  .order-review .suggestion-block__wrap {
    flex-direction: column;
  }
}
.verify-address-dialog .suggestion-block,
.order-review .suggestion-block {
  margin-bottom: 30px;
  padding: 0 20px 0 0;
  text-align: left;
  vertical-align: top;
  width: calc(50% - 3px);
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .suggestion-block,
  .order-review .suggestion-block {
    display: block;
    width: 100%;
  }
}
.verify-address-dialog .suggestion-block label,
.order-review .suggestion-block label {
  padding: 0;
}
.verify-address-dialog .suggestion-block label .fake-radio,
.order-review .suggestion-block label .fake-radio {
  margin-top: 4px;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .suggestion-block label .suggestion-label,
  .order-review .suggestion-block label .suggestion-label {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
  }
}
.verify-address-dialog .suggestion-block + .suggestion-block,
.order-review .suggestion-block + .suggestion-block {
  padding: 0 0 0 20px;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .suggestion-block + .suggestion-block,
  .order-review .suggestion-block + .suggestion-block {
    padding: 0;
  }
}
.verify-address-dialog .suggestion-block.address-not-found,
.order-review .suggestion-block.address-not-found {
  padding: 0 20px;
  width: 100%;
}
.verify-address-dialog .suggestion-block.address-not-found .suggestion-address,
.order-review .suggestion-block.address-not-found .suggestion-address {
  padding-left: 0;
}
.verify-address-dialog .suggestion-address,
.order-review .suggestion-address {
  padding-left: 30px;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .suggestion-address,
  .order-review .suggestion-address {
    font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }
}
.verify-address-dialog .form-row-button a + a,
.order-review .form-row-button a + a {
  margin-left: 20px;
}
@media only screen and (max-width : 767px) {
  .verify-address-dialog .form-row-button a + a,
  .order-review .form-row-button a + a {
    margin: 0 0 20px;
  }
}
@media (max-width: 575px) {
  .verify-address-dialog .form-row-button,
  .order-review .form-row-button {
    align-items: stretch;
    display: flex;
    flex-direction: column-reverse;
    padding: 0 0 30px;
  }
  .verify-address-dialog .form-row-button .btn,
  .verify-address-dialog .form-row-button .btn-secondary,
  .order-review .form-row-button .btn,
  .order-review .form-row-button .btn-secondary {
    width: 100%;
  }
  .verify-address-dialog .form-row-button .btn,
  .order-review .form-row-button .btn {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .order-review {
    position: fixed;
    top: 50% !important;
    transform: translateY(-50%);
  }
}

.ui-dialog.shipping-method-msg,
.verify-address-dialog,
.ui-dialog.css-position {
  position: fixed;
  top: 50% !important;
  transform: translateY(-55%);
}

.service-error-notification {
  max-width: 508px;
}

.must-accept-bd-terms {
  max-width: 530px;
}
.must-accept-bd-terms p {
  font-size: 1rem;
}

.hcp-maximum-recommendation-products .dialog-content {
  padding: 30px 50px 0;
}

.search-suggestion-wrapper {
  background-color: #ffffff;
  border: 2px solid #6f6f6f;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: -1;
}
.search-suggestion-wrapper .phrase-suggestions {
  display: none;
}
.search-suggestion-wrapper .search-phrase {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  margin: 0 20px 0;
}
.search-suggestion-wrapper .search-phrase + .product-suggestion,
.search-suggestion-wrapper .product-suggestion:first-child {
  border-top: 0;
}
.search-suggestion-wrapper .product-suggestions {
  width: 100%;
  margin-top: 30px;
}
.search-suggestion-wrapper .product-suggestion {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  margin: 0 10px;
  padding: 15px 0;
}
.search-suggestion-wrapper .product-image {
  float: left;
  height: 64px;
  text-align: center;
  width: 25%;
}
.search-suggestion-wrapper .product-image img {
  max-height: 64px;
}
.search-suggestion-wrapper .product-details {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  float: right;
  width: 70%;
}
.search-suggestion-wrapper .product-price {
  color: #9A6247;
}
.search-suggestion-wrapper .product-price .price-standard {
  color: #505050;
  text-decoration: line-through;
  padding-right: 5px;
}
.search-suggestion-wrapper .product-price .price-sales {
  color: #9A6247;
}
/* SG
# Global/ Pagination
```

<div class="pagination-page-navigation">
    <a class="next-previous text-prev" title="previous" href="/">
        <i class="icon i-form-arrow"></i>

        <span>Previous</span>
    </a>

    <input type="text" name="page-number" class="page-number positivenumber" value="3">

    <span>of</span>

    <a class="page-last" href="/">57</a>

    <a class="next-previous text-next" title="next" href="/">
        <span>Next</span>

        <i class="icon i-form-arrow"></i>
    </a>
</div>

<h4>Disabled state</h4>
<div class="pagination-page-navigation">
    <a class="next-previous text-prev disabled" title="previous" href="/">
        <i class="icon i-form-arrow"></i>

        <span>Previous</span>
    </a>
</div>
```
*/
.pagination-page-navigation {
  font-size: 1rem;
}
@media only screen and (max-width : 767px) {
  .pagination-page-navigation {
    text-align: center;
  }
}
.pagination-page-navigation .next-previous,
.pagination-page-navigation .page-number,
.pagination-page-navigation span,
.pagination-page-navigation .page-last {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}
.pagination-page-navigation .next-previous {
  font-size: 0.875rem;
}
.pagination-page-navigation .next-previous .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
.pagination-page-navigation .next-previous.text-prev .icon {
  transform: rotate(180deg);
}
.pagination-page-navigation .next-previous.disabled {
  color: #6F6D6D;
  pointer-events: none;
  cursor: default;
}
.pagination-page-navigation .page-number {
  margin: 0 5px;
  padding: 0;
  text-align: center;
  width: 55px;
}
.pagination-page-navigation span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.pagination-page-navigation .page-last {
  margin-right: 10px;
}

.js .loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
}
.js .loader-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
}
.js .loader-indicator {
  z-index: 998;
  position: absolute;
  left: calc(50% - 32px);
  top: calc(50% - 32px);
  width: 64px;
  height: 64px;
  background: url("data:image/gif;base64,R0lGODlh2gCVAPcAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAA2gCVAAAI/wABCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6bNmzhz6tzJs6fPn0CDCh1KtKjRo0iTKl3KtKnTp1CjSp1KtarVq1izat3KtavXr2DDih1LtqzZs2jTql3Ltq3bt3Djyp1Lt67du3jz6t3Lt6/fv4ADCx5MuLDhw4gTK17MuLHjx5AjS55MubLly5gza97MubPnzx8ZJGAA+qaCBAoKDiBQGmWAAwUTyCa4IECA1iYJKFDggKDsBAMJ2DaA2+RuBbcF/h5owPaA4iUP7EYwcDmAAcOhm0SwGzYA67YDsP/WTjLAcdbLsQdYQFD9ePIUAyBAQHqgg+4GhQdv7hx+RQbzIeBAcgsoUF9CtYXHnn8VORCggM8xFF4ABrzHYHwOBtiQehFeiBGACCTHUIceZkSAdyXuNOFwFqaI0AIMHCDjjBCtmJ2LCs2oI4oN2VghjgrBuCOPQNZEYpETHZkQh0hKxCRD/FHYYpMIERAlcQ0laNuCVL44IZZLimhleEp2eV14PwoknkHqcXldc1OaKVwAJCb4XHhq2hanmQ3NmRyeZ1LI50T8RQgoAIUOCpF6YB7qp6IP8ffeoQAkCKlDWxJE6XV7XloQAUc2B6anF1nZKamopqrqqqy26uqrsMY/KuustNZq66245qrrrrz26uuvwAYr7LDEFmvsscgmq+yyzDbr7LPQRivttNRWa+212Gar7bbcduvtt+CGe1JAACH5BAUFAAAALF0AOgAYABcAAAiZAAEIHEiwoIIABRMqHIhAAYKCBxgslEhQgUWCCBIkUIjgYcWLAhloVMCxo4GBFkkKVKDxgEIGHR2gBHlg5EIADjpSTAlggMYEFBd29MjTgUaPPQ8cOIkRKUGRCwYaUKp0gMABCBDeJBiAakQCWxcO8Ooy7MKpB6Kaval1rduwBAwEmEv3LQC5dOu+jZt3rt2/gAMLHnxT7dqAACH5BAUFAAAALF4AOgAdAA4AAAiZAAEIHEhwYAAEBRMqXAjAAQIHCQMwHDjAQEEEGAk6UKBgosADByQOxIhQYACOJSeCPDBgZEaBCDh6FGhgpcuUKGcKZADSIgCSAAhwVCByIIGFA2z+zHiAI8SBBxIkYEAggIGWA3mGVNhxpwKpCVgGGGvgaNADCyYuQAA2QckFY8em1dmWKEECBuL69Bg1LNKxWGc6CIxUJ8OAACH5BAUFAAAALGQAOgAZABEAAAiPAAEIHAhgwYEFBBMqXMjgAIOEDxcCIDAg4YGLCREgkBggAMKBFw8Q1CgRQMcABEBiFOhAY0SFAzoaUCkSAAONDkoCMNCxIoCQAjVu1EngpECgAEgmVKAgAMEFPRUGQOBzKlMFUn2WdHBVQU6dC7sOJegUrE2mZsEeSJm2rVuFCeLKVfCyrdy7Cd4CwJuAbkAAIfkEBQUAAAAsawA6ABIAGAAACIsABzAYAKCgwYMIAzBACMAAQYYAGEg8yODAAYgRJxYcYPEiRIkLC3Y0gBFkQQMdMWYM2fHhx4kBLIYsyAABAowLDhAw6MAmgpkQCfq8qbLgUAckixr9qbSp06cFFUidSlTl1KsKimJVgCAAVKcHXDY9kCCBx6ZlyyoAihNB2gRVizJQkPasUrIJvAYEACH5BAUFAAAALGsAOgASAB4AAAipAAkYIACgoMGDCA0EMIBwAcKDASJCZMDgYcGIAQ5SzGgRo8EAFB12lAhgAcWKFgF4BHAy5UWJJhlwLGjgwIEBFgfMHGDTJkOXBBj0PIDS5dCbLg0u8JkU4cymUJMimErVwdOHVLMikKrVQdSvBgl+ZaBAAdiyZRFczekArQKvFg8kEBkAAVqLDhIk2HrQrkUCehMUbSo3gdmvCvQe+BogMFgEesVGJWoxIAAh+QQFBQAAACxsADsAEQAfAAAIpAABCBwIYAABgggRLggQIKFDAgwNOExogOGAiQQHRMRIkGGAgxwLMlyQkSFIgicBEKhokeNCjyQxegxgIKVDjQEuhhSoc6dPhweCCmUQE6jQoxiPBiX6s6nPAAgQMPAZNaqDn1URTGSggKCDqlMJHlCg4OrAqVoBJFgrkKyChg7XJhhINm1CuQMRkJ2Il+7eu2wHOviLsG9HhwoSdPXJIEHYnQEBACH5BAUFAAAALGUASAAYABIAAAiTAAEIHEiwIIAACBMaIGCw4cCEEA04dAgR4cKJGDNiDKAR44IDByR2NAiy5ICRBAkwKHmAwcgACE4CGMBSJIAFCQ40RICgoAGQMgEgSJDAAQAFSAXy7DmRAdEEDJEqEMiAp1GHCojqPJpUoAOeLkkSnSpQKsGlDbMmCMuV7ECeDYkyLdt1INuCKwsiUDAX5UO3GgMCACH5BAUFAAAALF8ATAAdAA4AAAigAAEIHEiwoEEAAw4SHOBAocEBAQIkPHggQYIDDgkaiBjAAAGCARRYtJiR4AKOARYIRDAyAQKVDhcc+AiAwMaIAypaVMBA4ACeBgMcONBz4ICNBBhYxDjQgQIFGBFIFTj0wESDNAeGfLpyKgADVUsORMC1K4KBDIYaEAvg6VmzRsOWJKsgwFivAtMyzfi04d23Aw1cdWi3oAMEftmKBVwyIAAh+QQFBQAAACxdAEkAGQARAAAIjQAZKEhAsCCAgwgTKjxYsGGChRATCnT4MKLFixgvEjiQEaMCBQw6QkTw8aPIhA5KKnCAcUCAhSURvDwoc6HLAAsSBjCpEAGCgweCHgxAlABGnz8BBOUI4KaBiw58hlQq9KABogMiMvDJEmhVAASIzhyZ1CvTgwuIRvSpcKnCAUa1KmRwYOpJhQsO5FwYEAAh+QQFBQAAACxeAEIAEQAYAAAIgQADJEhwAIDBgwgPHhiYQAGDhBABIGCYAMGCiAgZKKCIMeFCgh0TDigYsqTJkyhTqlyJkQECBCYNOHj5siRNmAM6unzp4CCBAxchvnx4kMGBAwEABFiKceRRg0uTRjx6wABUphANUD0YderRnFelekSKsCvEAWINGghg9SQBAwQCAgAh+QQFBQAAACxdADwADgAdAAAImQABCBwIgMEBgggHJkiAICHChQkCOBx4YKGCiQMVLDyIkQHEARkbEkSw0EFGBQoQSASwIAFHgQ5QonQA0mEABDIvYgSAksFOAAR+7gzgAIHRowmPKhVJkOhSpkKjrsRo4MCBBRMHWN3q0OBWBkERVrXKAKvAAGEBaD1ggOCCAAFqOiQAd6pDA3DlJhwAty1VuGltBjCLkYDegAA7") no-repeat center center;
}
.js .loader-title {
  position: absolute;
  top: calc(50% + 32px);
  left: 50%;
  transform: translate(-50%, -50%);
}

/* SG
# Global/Tabs
```
<div class="js-tabs">
    <ul class="resp-tabs-list js-tab-element">
        <li> ....1 </li>
        <li> ....2 </li>
        <li> ....3 </li>
    </ul>
    <div class="resp-tabs-container js-tab-element">
        <div> .......1 </div>
        <div> .......2 </div>
        <div> .......3 </div>
    </div>
</div>
<div class="js-tabs">
    <ul class="resp-tabs-list js-tab-element">
        <li> ....1 </li>
        <li> ....2 </li>
        <li> ....3 </li>
    </ul>
    <div class="resp-tabs-container js-tab-element">
        <div> .......1 </div>
        <div> .......2 </div>
        <div> .......3 </div>
    </div>
</div>
```
*/
.js-tabs .resp-tabs-list li {
  background-color: #BD896F;
  border: 2px solid #000000;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  height: 42px;
  line-height: 2;
  list-style: none;
  padding: 5px 30px;
  text-align: center;
  text-transform: uppercase;
}
.js-tabs .resp-tabs-list li:first-child {
  border-radius: 21px 0 0 21px;
  border-right: 1px solid #000000;
}
.js-tabs .resp-tabs-list li:last-child {
  border-left: none;
  border-radius: 0 21px 21px 0;
}
.js-tabs .resp-tabs-list li:first-child:last-child {
  border-radius: 21px;
  border: 2px solid #6f6f6f;
}
.js-tabs .resp-tabs-list li:not(:first-child):not(:last-child) {
  border-left: none;
  border-right: 1px solid #000000;
}
.js-tabs .resp-tabs-list li:focus {
  border-color: #6f6f6f;
}
.js-tabs .resp-tabs-list li.resp-tab-active {
  background-color: #ffffff;
  border-color: #6f6f6f;
  color: #505050;
  position: relative;
}
.js-tabs .resp-tabs-list li.resp-tab-active:before, .js-tabs .resp-tabs-list li.resp-tab-active:after {
  border: 15px solid transparent;
  content: "";
  left: 50%;
  margin-left: -15px;
  position: absolute;
}
.js-tabs .resp-tabs-list li.resp-tab-active:before {
  border-top: 15px solid #6f6f6f;
  bottom: -30px;
}
.js-tabs .resp-tabs-list li.resp-tab-active:after {
  border-top: 15px solid #ffffff;
  bottom: -27px;
}
@media only screen and (max-width : 767px) {
  .js-tabs .resp-tabs-list {
    display: none;
  }
}
.js-tabs .resp-tabs-container {
  clear: left;
  padding: 30px 0 0;
}
@media only screen and (max-width : 767px) {
  .js-tabs .resp-tabs-container {
    padding: 0 0 30px 0;
  }
}
.js-tabs .resp-tab-content {
  display: none;
}
@media only screen and (min-width : 768px) {
  .js-tabs h2.resp-accordion {
    display: none;
  }
}
.js-tabs .resp-content-active {
  display: block;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs .resp-tabs-list {
  float: left;
  width: 30%;
}
.resp-vtabs .resp-tabs-list li {
  cursor: pointer;
  display: block;
  float: none;
}
.resp-vtabs .resp-tabs-list li.resp-tab-active {
  z-index: 1;
}
.resp-vtabs .resp-tabs-container {
  clear: none;
  float: left;
  min-height: 250px;
  width: 68%;
}
.resp-vtabs .resp-tab-content {
  word-wrap: break-word;
}

.visually-hidden,
.out-of-scope,
.print-visibility {
  display: none !important;
}

.js-hidden {
  display: none;
}

.tiny-btn {
  background-color: #ffffff;
  border: none;
  display: inline-block;
  height: 1px;
  min-width: 0;
  padding: 0;
  position: absolute;
  width: 1px;
  font-size: 0;
  color: #6F6D6D;
}

.subscript {
  transform: scale(0.75);
  display: inline-block;
  line-height: 1px;
  font-size: 0.3125rem;
}

@media only screen and (min-width : 1025px) {
  .is-tablet,
  .is-mobile,
  .is-tablet-mobile {
    display: none !important;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .is-desktop,
  .is-mobile,
  .is-desktop-mobile {
    display: none !important;
  }
}
@media only screen and (max-width : 767px) {
  .is-desktop,
  .is-desktop-tablet,
  .is-tablet {
    display: none !important;
  }
}
.product-slider {
  word-break: break-word;
}
.product-slider h2 {
  font-size: 1.5rem;
  margin: 40px 0 20px;
  text-align: center;
}
.product-slider h3, .product-slider .confirmation .label.headline, .confirmation .product-slider .label.headline, .product-slider .footer-social span, .footer-social .product-slider span {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin: 0 auto 25px;
  text-align: center;
  text-transform: none;
  width: 40%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-slider h3, .product-slider .confirmation .label.headline, .confirmation .product-slider .label.headline, .product-slider .footer-social span, .footer-social .product-slider span {
    width: 64%;
  }
}
@media only screen and (max-width : 767px) {
  .product-slider h3, .product-slider .confirmation .label.headline, .confirmation .product-slider .label.headline, .product-slider .footer-social span, .footer-social .product-slider span {
    width: 90%;
    margin-bottom: 25px;
  }
}
.product-slider .product-tile {
  height: auto;
}
@media only screen and (min-width : 1025px) {
  .product-slider .product-tile {
    margin: 0;
    outline: none;
    overflow: hidden;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-slider .product-tile {
    margin: 0 5px;
  }
}
.product-slider .slick-slider {
  margin-bottom: 50px;
}
@media only screen and (min-width : 1025px) {
  .product-slider .slick-slider {
    padding: 0 46px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-slider .slick-slider {
    padding: 0 14px;
  }
}
@media only screen and (max-width : 767px) {
  .product-slider .slick-slider {
    padding: 0 51.5px;
  }
}
.product-slider .slick-track {
  display: flex;
  margin: 0 auto;
}
.product-slider .slick-arrow.slick-prev {
  left: 0;
  top: 140px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-slider .slick-arrow.slick-prev {
    left: -10px;
  }
}
@media only screen and (max-width : 767px) {
  .product-slider .slick-arrow.slick-prev {
    left: 10px;
  }
}
.product-slider .slick-arrow.slick-next {
  right: 0;
  top: 140px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-slider .slick-arrow.slick-next {
    right: -10px;
  }
}
@media only screen and (max-width : 767px) {
  .product-slider .slick-arrow.slick-next {
    right: 10px;
  }
}

/* SG
# Global/Tooltip
```
<div class="i-help-icon tooltip">icon
    <div class="tooltip-content visually-hidden" data-layout="small">
       <div class="tooltip-title">Some title</div>
       <div class="tooltip-text">Some legal text</div>
    </div>
</div>
<!--Tooltip code below is generated by js-->
<div role="tooltip" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" id="ui-id-2" style="display: inline-block;">
    <div class="ui-tooltip-content">
       <div class="tooltip-title">Some title</div>
       <div class="tooltip-text">Some legal text</div>
    </div>
</div>
```
*/
.tooltip-content {
  display: none;
}

.tooltip {
  position: relative;
  cursor: help;
}

body > .ui-tooltip, .tooltip:focus body > .tooltip-content, .tooltip:hover body > .tooltip-content {
  display: none !important;
}

.ui-tooltip.ui-widget, .tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
  background: #ffffff;
  min-width: 176px;
  min-height: 107px;
  border: 1px solid #f1f1f1;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  padding: 25px;
}
@media only screen and (max-width : 767px) {
  .ui-tooltip.ui-widget, .tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
    padding: 15px;
    margin-right: 10px;
  }
}

@media only screen and (max-width : 1024px) {
  .tooltip,
  .ui-tooltip.ui-widget,
  .tooltip:focus .tooltip-content,
  .tooltip:hover .tooltip-content {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

.tooltip {
  display: inline-block;
}
.tooltip:focus {
  box-shadow: 0 0 1px 1px #000;
}
.tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
  display: block !important;
  min-width: 300px;
  z-index: 1000;
  transform: translateX(-50%);
  position: absolute;
}
.tooltip:focus .tooltip-content:hover, .tooltip:hover .tooltip-content:hover {
  cursor: default;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
    transform: translateX(-30%);
    min-width: 240px;
  }
}
@media only screen and (max-width : 767px) {
  .tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
    transform: translateX(0);
    left: 10px;
  }
}
.tooltip:focus .tooltip-content p, .tooltip:focus .tooltip-content h3, .tooltip:focus .tooltip-content .confirmation .label.headline, .confirmation .tooltip:focus .tooltip-content .label.headline, .tooltip:focus .tooltip-content .footer-social span, .footer-social .tooltip:focus .tooltip-content span, .tooltip:hover .tooltip-content p, .tooltip:hover .tooltip-content h3, .tooltip:hover .tooltip-content .confirmation .label.headline, .confirmation .tooltip:hover .tooltip-content .label.headline, .tooltip:hover .tooltip-content .footer-social span, .footer-social .tooltip:hover .tooltip-content span {
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .tooltip {
    position: static;
  }
}

.js-updateUserForm .role .tooltip .tooltip-content {
  transform: translateX(0);
}

.js-update-user-form .tooltip .tooltip-content {
  transform: translateX(0);
}
@media (min-width: 768px) {
  .js-update-user-form .tooltip .tooltip-content {
    left: 20px;
    top: -80px;
  }
}

.ui-tooltip-content, .tooltip:focus .tooltip-content, .tooltip:hover .tooltip-content {
  line-height: 1.2;
}
.ui-tooltip-content .tooltip-title, .tooltip:focus .tooltip-content .tooltip-title, .tooltip:hover .tooltip-content .tooltip-title,
.ui-tooltip-content h3,
.ui-tooltip-content .confirmation .label.headline,
.confirmation .ui-tooltip-content .label.headline,
.ui-tooltip-content .footer-social span,
.footer-social .ui-tooltip-content span,
.tooltip:focus .tooltip-content h3,
.tooltip:focus .tooltip-content .confirmation .label.headline,
.confirmation .tooltip:focus .tooltip-content .label.headline,
.tooltip:focus .tooltip-content .footer-social span,
.footer-social .tooltip:focus .tooltip-content span,
.tooltip:hover .tooltip-content h3,
.tooltip:hover .tooltip-content .confirmation .label.headline,
.confirmation .tooltip:hover .tooltip-content .label.headline,
.tooltip:hover .tooltip-content .footer-social span,
.footer-social .tooltip:hover .tooltip-content span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  padding-bottom: 5px;
  margin: 0;
}
.ui-tooltip-content .tooltip-text, .tooltip:focus .tooltip-content .tooltip-text, .tooltip:hover .tooltip-content .tooltip-text,
.ui-tooltip-content p,
.tooltip:focus .tooltip-content p,
.tooltip:hover .tooltip-content p {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding-bottom: 15px;
  margin: 0;
}
.ui-tooltip-content .tooltip-text:last-child, .tooltip:focus .tooltip-content .tooltip-text:last-child, .tooltip:hover .tooltip-content .tooltip-text:last-child,
.ui-tooltip-content p:last-child,
.tooltip:focus .tooltip-content p:last-child,
.tooltip:hover .tooltip-content p:last-child {
  padding-bottom: 0;
}

.coupons-list-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding-top: 20px;
}
.coupons-list-row:first-child {
  padding-top: 10px;
}
.coupons-list-item {
  background: #f1f1f1 url("../images/coupon-bg.jpg") 50% 50% no-repeat;
  border: 1px solid #000000;
  color: #000000;
  height: 137px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  width: 274px;
}
.data-table .coupons-list-item {
  margin: 0 auto;
}
.coupons-list-amount {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 4.125rem;
  left: 50%;
  letter-spacing: -0.1875rem;
  line-height: 3.125rem;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%);
}
.coupons-list-amount sup {
  font-size: 1.25rem;
  line-height: 1.1875rem;
  margin-right: 5px;
  top: 0;
  vertical-align: top;
}
.coupons-list-expdate {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 90px;
  text-align: center;
  text-transform: none;
}

@media only screen and (min-width : 1025px) {
  .nav {
    padding-right: 25px;
    width: 262px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .nav {
    padding-right: 20px;
    width: 230px;
  }
}
@media only screen and (max-width : 767px) {
  .nav {
    padding: 0 10px;
  }
}
.nav .toggle {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  display: block;
  line-height: 1;
  padding: 10px 0;
}
.nav p {
  margin: 0;
}
.nav ul {
  padding-bottom: 20px;
}
.nav ul li {
  padding: 6px 0;
}
.nav ul li a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding-right: 15px;
}

/* SG
# Global/ Error Notifications
```
<div id="browser-check">
    <div class="browser-compatibility-alert">
        <p class="browser-error">Your browser's Javascript functionality is turned off. Please turn it on so that you experience this site's full capabilities.</p>
    </div>
</div>


<div class="error-notification-block">
    <h1>Site is disabled</h1>

    <p class="system_info">Sorry, this site has been disabled. Please try again soon or contact a Customer Service Representative at: 1-888-123-12-21</p>
</div>
```
*/
.browser-compatibility-alert {
  background-color: rgba(189, 2, 24, 0.8);
  padding: 0 20px;
  text-align: center;
}

.browser-error {
  color: #ffffff;
  line-height: 1.2;
  margin: 0;
  padding: 6px 0 8px;
}
@media only screen and (max-width : 767px) {
  .browser-error {
    padding: 5px 0 10px;
  }
}
.browser-error:before {
  background: #E9E5DE url(../images/error.svg) no-repeat scroll 50% center/16px auto;
  border-radius: 50%;
  border: 1px solid #000000;
  content: "";
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  vertical-align: text-top;
  width: 26px;
}
@media only screen and (max-width : 767px) {
  .browser-error:before {
    background-size: 11px;
    height: 20px;
    margin-right: 5px;
    width: 20px;
  }
}

.error-notification-block {
  background-color: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  margin: 150px auto 0;
  max-width: 800px;
  padding: 80px 90px;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  .error-notification-block {
    margin: 0;
    padding: 60px 18px;
  }
}
.error-notification-block:before {
  background: #E9E5DE url(../images/error.svg) no-repeat 50% center/60px auto;
  border-radius: 50%;
  border: 3px solid #000000;
  content: "";
  display: block;
  height: 124px;
  margin: 0 auto;
  width: 124px;
}
.error-notification-block h1 {
  font: bold 26px/1 Arial, Helvetica, sans-serif;
  margin: 30px 0 10px;
}
.error-notification-block .system-info {
  font: normal 20px/1.2 Arial, Helvetica, sans-serif;
}
.error-notification-block b, .error-notification-block strong {
  font: bold 20px/1.2 Arial, Helvetica, sans-serif;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media only screen and (max-width : 767px) {
  .cookie-banner {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
}
.cookie-banner__wrapper {
  border-top: 2px solid rgba(169, 167, 167, 0.5);
  padding: 10px 0;
}
@media only screen and (max-width : 767px) {
  .cookie-banner__wrapper {
    padding-top: 8px;
  }
}
.cookie-banner__wrapper .js-show-more-body .cookie-banner__content-hide {
  display: inline;
}
.cookie-banner__inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width : 767px) {
  .cookie-banner__inner {
    padding: 0 20px;
  }
}
.cookie-banner__button-wrapper {
  min-width: 210px;
  padding-right: 40px;
  margin-left: 20px;
}
@media only screen and (max-width : 767px) {
  .cookie-banner__button-wrapper {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    max-width: 400px;
    margin: 5px auto 0;
    text-align: center;
  }
}
@media only screen and (max-width : 767px) {
  .cookie-banner__button-wrapper .btn {
    width: auto;
    margin: 0 auto;
  }
}
.cookie-banner__link-wrapeper {
  margin-top: 10px;
}
.cookie-banner__content {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 21px;
}
@media only screen and (max-width : 1024px) {
  .cookie-banner__content {
    max-height: 45px;
    overflow: hidden;
  }
  .cookie-banner__content.js-show-more-body {
    max-height: 500px;
    overflow-y: auto;
    padding-bottom: 5px;
  }
}
.cookie-banner__button-icon {
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 0;
  position: absolute;
  left: auto;
  right: 8px;
  top: -20px;
  bottom: auto;
  min-width: 22px;
  background-color: transparent;
  background-image: url(../images/close-btn.svg);
}
.cookie-banner__button-icon:hover {
  opacity: 0.7;
}
@media only screen and (max-width : 767px) {
  .cookie-banner__button-icon {
    top: -25px;
    right: 10px;
  }
}
.cookie-banner__content-hide {
  display: none;
}
.cookie-banner__inner-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 767px) {
  .cookie-banner__inner-content {
    flex-wrap: wrap;
  }
}
.cookie-banner__button-show {
  font-size: 15px;
  cursor: pointer;
  position: absolute;
  left: 100%;
  text-transform: uppercase;
  top: 0;
  min-width: 110px;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cookie-banner__button-show {
    margin-top: 5px;
  }
}
@media (max-width: 1360px) {
  .cookie-banner__button-show {
    position: static;
    padding: 0;
    font-size: 14px;
  }
}

.onetrust-banner__wrapper {
  background: #ffffff;
  padding: 24px 30px;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 20px 4px;
  transition: transform 0.5s ease;
  transform: translateY(100%);
}
.onetrust-banner__wrapper.show {
  transform: translateY(0);
}
@media only screen and (max-width : 767px) {
  .onetrust-banner__wrapper {
    overflow: scroll;
    padding: 24px 20px;
  }
}
.onetrust-banner__inner {
  display: none;
  font-size: 1rem;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__inner {
    flex-wrap: wrap;
  }
}
.onetrust-banner__inner.m-visible {
  display: flex;
}
.onetrust-banner__link {
  text-decoration: underline;
  font-weight: bold;
}
.onetrust-banner__content {
  max-width: 560px;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__content {
    max-width: calc(100% - 45px);
  }
}
.onetrust-banner__text {
  display: inline;
}
.onetrust-banner__btn-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__btn-group {
    order: 3;
    margin: auto;
    margin-top: 12px;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 767px) {
  .onetrust-banner__btn-group {
    width: 100%;
  }
}
.onetrust-banner__btn-action {
  font-weight: 300;
  min-width: auto;
  white-space: nowrap;
  margin-left: 8px;
  font-size: 12px;
  padding: 0 12px;
  flex: 1 1 auto;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__btn-action {
    margin-left: 0;
    margin-top: 8px;
    margin-right: 8px;
  }
  .onetrust-banner__btn-action:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width : 767px) {
  .onetrust-banner__btn-action {
    padding: 0 10px;
  }
}
.onetrust-banner__btn-settings {
  font-weight: 300;
  max-width: 150px;
  width: 100%;
  margin: auto 0 auto auto;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__btn-settings {
    order: 3;
    margin: auto;
    margin-top: 20px;
    max-width: unset;
  }
}
.onetrust-banner__close-container {
  margin-left: 35px;
}
@media only screen and (max-width : 1024px) {
  .onetrust-banner__close-container {
    margin-left: auto;
  }
}
.onetrust-banner__btn-close {
  color: rgba(0, 0, 0, 0.54);
  min-width: unset;
  min-height: auto;
  padding: 0;
  line-height: 1;
  height: auto;
  border: none;
  background: transparent;
}
.onetrust-banner__btn-close:hover, .onetrust-banner__btn-close:focus, .onetrust-banner__btn-close:active {
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
}
.onetrust-banner__btn-more {
  text-decoration: underline;
}

#animated-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  transition-property: left, top, width, height, opacity;
  transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  #animated-focus {
    display: none;
  }
}

#animated-focus.animated-focus_visible {
  visibility: visible;
  z-index: 9999;
}

.animated-focus_target {
  outline: none !important;
}

.animated-focus_target::-moz-focus-inner {
  border: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #animated-focus {
    box-shadow: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #animated-focus {
    transition-duration: 0.001ms !important;
  }
}
.skip-nav {
  left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform 0.3s;
  padding: 0.5rem 2rem;
  height: calc(23px + 1rem);
  text-align: center;
  line-height: 23px;
  background: #fff;
  z-index: 1070;
  color: #9A6247;
  outline: 0;
  white-space: nowrap;
  border: 2px solid rgba(111, 109, 109, 0.5);
}
.skip-nav:focus {
  transform: translate(-50%, 0%);
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #wrapper {
    overflow-x: hidden;
  }
  #wrapper:after {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 995;
  }
  #wrapper.menu-active {
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    width: 100%;
  }
  #wrapper.menu-active:after {
    display: block;
  }
}
@media only screen and (max-width : 767px) {
  #wrapper {
    overflow-x: hidden;
  }
  #wrapper.menu-active {
    max-height: 100%;
    overflow-y: hidden;
    position: fixed;
  }
}

.header-notification-review {
  min-height: 0;
}
@media only screen and (max-width : 767px) {
  .header-notification-review {
    padding: 0;
  }
}
.header-notification-review a:hover {
  color: #ffffff;
  opacity: 0.7;
}
.header-notification-review.inner {
  padding: 8px 0;
}
@media only screen and (max-width : 767px) {
  .header-notification-review.inner {
    padding: 12px 10px;
  }
}

.header-notification-panel {
  text-align: center;
}
.header-notification-published {
  background: #505050;
  color: #ffffff;
  min-height: 39px;
  padding: 6px 0;
}
.header-notification-review {
  background: #EC0006;
  color: #ffffff;
  line-height: 1.6875rem;
  min-height: 39px;
  font-size: 1.46875rem;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .header-notification-review {
    min-height: 59px;
    padding: 8px 50px;
  }
}
@media only screen and (max-width : 767px) {
  .header-notification-review {
    padding: 12px 10px;
  }
}
.header-notification-review a {
  color: #ffffff;
  text-decoration: underline;
}
.header-notification-review a:hover {
  text-decoration: none;
}

.header-back {
  background: #9A6247;
  background-position-y: 5%;
  padding: 15px 0;
  word-break: break-word;
  position: relative;
}
@media only screen and (max-width : 767px) {
  .header-back {
    padding: 10px;
  }
}

.header-back-link {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #ffffff;
  display: inline-block;
  line-height: 1;
  margin-right: 20px;
  padding-left: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  .header-back-link {
    display: block;
    margin: 0;
  }
  .header-back-link + .header-back-link {
    padding-top: 10px;
  }
}
.header-back-link .icon {
  font-size: 0.75rem;
  margin-left: -12px;
}

.header-banner {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #E9E5DE;
  text-align: center;
  word-break: break-word;
}
.header-banner .header-banner-outer {
  padding: 10px 0;
}

.site-header-holder {
  background-color: #fff;
}
:not(.pt_storefront) > .site-header-holder {
  margin-bottom: 30px;
}
.site-header-holder .content-width {
  position: relative;
}
@media only screen and (min-width : 1025px) {
  .site-header-holder .content-width {
    margin: 0 auto;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .site-header-holder .content-width {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .site-header-holder .content-width {
    margin: 0;
    padding: 3px 10px 0;
  }
}
.site-header-holder.b-header--onstep {
  padding-bottom: 0 !important;
}
.site-header-holder.b-header--onstep .grid-wide {
  display: flex;
  justify-content: space-between;
}
.site-header-holder.b-header--onstep .b-header__left-wrapper {
  flex-grow: 1;
  align-items: center;
  display: flex;
}
.site-header-holder.b-header--onstep .b-header__left-wrapper .b-checkout-title--onestep {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .site-header-holder.b-header--onstep .b-header__left-wrapper .b-checkout-title--onestep {
    display: none;
  }
}
.site-header-holder.b-header--onstep .b-header__left-wrapper .b-checkout-title--onestep .ico {
  display: block;
  width: 70px;
  margin-right: 10px;
}
.site-header-holder.b-header--onstep .b-header__left-wrapper .b-checkout-title--onestep .ico svg {
  width: 100%;
  float: left;
  fill: #9A6247;
}
.site-header-holder.b-header--onstep .b-header__left-wrapper .b-checkout-title--onestep .text {
  color: #9A6247;
  font-size: 2.2rem;
}
.site-header-holder.b-header--onstep .b-header__right-wrapper {
  display: flex;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .site-header-holder.b-header--onstep .b-header__right-wrapper {
    margin-right: 28px;
  }
}
.site-header-holder.b-header--onstep .b-header__right-wrapper .menu-utility-user,
.site-header-holder.b-header--onstep .b-header__right-wrapper .mini-cart-total {
  position: static;
}
.site-header-holder .mini-cart-set {
  display: flex;
  justify-content: space-between;
}
.site-header-holder .mini-cart-set .mini-cart-priceperitem .label {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .header-promotion .content-asset:hover .level-2 {
    justify-content: space-around;
  }
  .main-menu-left-block {
    padding: 0 0 10px;
  }
  .main-menu-left-block a {
    margin: 5px auto 0;
  }
  .main-menu-left-block .promotion-img {
    padding: 0 0 94%;
    background-size: cover;
    height: 0;
  }
}
.header-notification-review {
  min-height: 0;
}
.header-notification-review.inner {
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .header-notification-review {
    padding: 0;
  }
  .header-notification-review.inner {
    padding: 12px 10px;
  }
}

.account-delayed-subscriptions .page-title a {
  background: #fff;
  color: #9A6247;
  border-color: #6f6f6f;
}
.account-delayed-subscriptions .page-title a:hover {
  background: #6f6f6f;
  border-color: #6f6f6f;
  color: #fff;
}

.b-header-content__sub-header {
  display: flex;
  color: #fff;
  height: 50px;
  background: rgb(93, 93, 93);
}
.b-header-content__sub-header-left {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding-left: 20px;
}
.b-header-content__sub-header-left div {
  width: 32px;
  height: 32px;
  margin-right: 5px;
}
.b-header-content__sub-header-left div svg {
  fill: #fff;
}
.b-header-content__sub-header-right {
  width: 130px;
  background: rgb(113, 113, 113);
}
.b-header-content__sub-header-right .section-header-note {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "BrandonGrotesque", arial, sans-serif;
}
.b-header-content__sub-header-right .section-header-note div {
  width: 26px;
  height: 26px;
  margin-right: 5px;
}
.b-header-content__sub-header-right .section-header-note div svg {
  fill: #fff;
}

.logos {
  display: flex;
  flex-direction: column;
  float: left;
  justify-content: center;
  min-height: 120px;
  text-align: center;
  width: 230px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .logos {
    margin-left: 28px;
    width: 206px;
  }
}
@media only screen and (max-width : 767px) {
  .logos {
    max-width: 230px;
    width: 48%;
  }
}

.primary-logo {
  margin: 0;
}
.primary-logo img {
  height: auto;
  max-height: 120px;
  max-width: 100%;
}
@media only screen and (max-width : 767px) {
  .pt_checkout .primary-logo img {
    max-width: 230px;
  }
}
.primary-logo a {
  display: block;
}
.primary-logo a:focus {
  opacity: 0.7;
}

.secondary-logo {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  color: #6F6D6D;
  padding-top: 5px;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .secondary-logo {
    font-size: 0.5rem;
    margin: 1px 0 0;
    padding: 0;
  }
}
:not(.pt_storefront) > .secondary-logo {
  margin-bottom: 5px;
}
.secondary-logo div {
  align-items: center;
  color: #6F6D6D;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1rem;
  justify-content: center;
  line-height: 1.4375rem;
  text-decoration: none;
  width: 100%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .secondary-logo div {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width : 767px) {
  .secondary-logo div {
    font-size: 0.625rem;
  }
}
.secondary-logo img {
  width: 100%;
}
@media only screen and (min-width : 1025px) {
  .secondary-logo img {
    max-height: 24px;
    max-width: 90px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .secondary-logo img {
    max-height: 23px;
    max-width: 85px;
  }
}
@media only screen and (max-width : 767px) {
  .secondary-logo img {
    max-height: 13px;
    max-width: 50px;
  }
}

.header-search {
  float: left;
  position: relative;
  z-index: 1000;
}
@media only screen and (min-width : 1025px) {
  .header-search {
    margin: 23px 0 0 80px;
    width: 34.4%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .header-search {
    margin: 24px 0 0 40px;
    width: 39%;
  }
}
@media only screen and (max-width : 767px) {
  .header-search {
    float: none;
    clear: both;
    margin: 10px 5px 10px 10px;
    width: auto;
  }
}

.menu-active .header-search {
  z-index: 995;
}

.button-on-input .icon-magnifying-glass.search-button {
  padding: 3px 0;
  right: 2px;
  top: 1px;
}
.icon-magnifying-glass.search-button .i-search {
  font-size: 1rem;
}
.icon-magnifying-glass.search-button .search-button-title {
  padding: 10px 10px 5px;
  border-radius: 50%;
}

.search-input {
  background-color: #ffffff;
  border-color: #6f6f6f;
  color: #6F6D6D;
  font-size: 0.875rem;
  height: 40px;
  width: 100%;
  transition: 1s box-shadow;
  box-shadow: none;
}
.search-input::-webkit-input-placeholder {
  color: #6F6D6D;
}
.search-input::-moz-placeholder {
  color: #6F6D6D;
}
.search-input:-ms-input-placeholder {
  color: #6F6D6D;
}
@media only screen and (max-width : 767px) {
  .search-input {
    font-size: 1rem;
  }
}
.search-input:hover {
  border-color: #6f6f6f;
}
.search-input:focus {
  transition: 0.5s box-shadow;
  box-shadow: 0 0 0 1px black;
}

.search-button {
  background: none;
  border: none;
  color: #000000;
  min-width: 0;
  padding: 5px 0;
  height: 37px;
  top: 1px;
}
.search-button:hover, .search-button:focus {
  background-color: transparent;
  color: #9A6247;
}

.mini-cart-total {
  position: absolute;
  right: -4px;
  top: 19px;
  transform: translate(0, 0);
  z-index: 1000;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .mini-cart-total {
    right: 76px;
    top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .mini-cart-total {
    right: 51px;
    z-index: 1;
    top: 15px;
  }
}
.mini-cart-total .mini-cart-delivery {
  display: none;
}
.menu-active .mini-cart-total {
  z-index: 999;
}

.mini-cart-link {
  display: block;
  position: relative;
  width: 46px;
}
.mini-cart-link:hover {
  text-decoration: none;
}
.mini-cart-link:focus {
  outline: none;
  color: #9A6247;
}
.mini-cart-link:focus .path2::before,
.mini-cart-link:focus .path4::before,
.mini-cart-link:focus .path5::before,
.mini-cart-link:focus .path6::before {
  color: inherit;
}
.mini-cart-link:focus-visible .path1 {
  box-shadow: 0 0 0 1px black;
}

.minicart-quantity {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  background-color: #000000;
  border-radius: 50%;
  color: #ffffff;
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -5px;
  white-space: nowrap;
  width: 25px;
}

@media only screen and (min-width : 1025px) {
  .menu-utility-user {
    position: absolute;
    right: 52px;
    top: 19px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-utility-user {
    position: absolute;
    right: 132px;
    top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .menu-utility-user {
    border-bottom: 4px solid rgba(111, 109, 109, 0.5);
  }
  .menu-utility-user .user-info-inline {
    padding-bottom: 5px;
  }
}
.menu-active .menu-utility-user {
  z-index: 999;
}
@media only screen and (min-width : 1025px) {
  .menu-utility-user .user-panel {
    margin-top: 10px;
    display: none;
    position: fixed;
    right: -63px;
    text-align: center;
    top: 50px;
    width: 172px;
    z-index: 998;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-utility-user .user-panel {
    margin-top: 10px;
    opacity: 0;
    position: fixed;
    right: -63px;
    text-align: center;
    top: 50px;
    visibility: hidden;
    width: 172px;
    z-index: 998;
  }
}
@media only screen and (max-width : 767px) {
  .menu-utility-user .user-panel {
    opacity: 1;
    visibility: visible;
  }
}
.menu-utility-user .user-panel a {
  display: block;
  font-size: 1rem;
  line-height: 2;
}
.menu-utility-user .user-panel a.user-checkorderstatus {
  display: none;
}
.menu-utility-user .user-panel .user-logout {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  margin-top: 5px;
  padding-top: 5px;
}
@media only screen and (max-width : 767px) {
  .menu-utility-user .user-panel .user-logout {
    margin-top: 0;
    padding-top: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .menu-utility-user .user-links {
    background-color: #ffffff;
    border: 2px solid rgba(111, 109, 109, 0.5);
    padding: 10px;
    position: relative;
    width: 172px;
  }
  .menu-utility-user .user-links:before, .menu-utility-user .user-links:after {
    border: 10px solid transparent;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
  }
  .menu-utility-user .user-links:before {
    border-bottom: 15px solid rgba(111, 109, 109, 0.5);
    top: -27px;
  }
  .menu-utility-user .user-links:after {
    border-bottom: 15px solid #ffffff;
    top: -23px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-utility-user .user-links {
    background-color: #ffffff;
    border: 2px solid rgba(111, 109, 109, 0.5);
    padding: 10px;
    position: relative;
    width: 172px;
  }
  .menu-utility-user .user-links:before, .menu-utility-user .user-links:after {
    border: 10px solid transparent;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
  }
  .menu-utility-user .user-links:before {
    border-bottom: 15px solid rgba(111, 109, 109, 0.5);
    top: -27px;
  }
  .menu-utility-user .user-links:after {
    border-bottom: 15px solid #ffffff;
    top: -23px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #wrapper:not(.pt-onestep) .menu-utility-user .user-greeting {
    bottom: -30px;
    font-size: 1rem;
    line-height: 30px;
    margin-right: -102px;
    max-width: 145px;
    min-width: 145px;
    position: absolute;
    right: 0;
    text-align: right;
  }
}
.menu-utility-user .user-available-points {
  color: #505050;
  font-size: 1rem;
}
.menu-utility-user .user-available-points span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.menu-utility-user .user-available-points-label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.menu-utility-user .user-available-points-value {
  display: block;
  margin-top: 9px;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .menu-utility-user .user-available-points-value {
    display: inline;
    margin-top: 0;
  }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .b-header--onstep .menu-utility-user .user-panel {
    right: calc(-50% - 5px);
    transform: translateX(-50%);
  }
}

.user-tier-status-in {
  position: relative;
}
.user-tier-status-silver .i-rank {
  color: #6f6f6f;
}
.user-tier-status-silver .i-rank:nth-child(1) {
  display: block;
  left: 0;
}
.user-tier-status-gold .i-rank {
  color: #e1ad34;
}
.user-tier-status-gold .i-rank:nth-child(1) {
  display: block;
  left: -0.28em;
}
.user-tier-status-gold .i-rank:nth-child(2) {
  display: block;
  left: 0.28em;
}
.user-tier-status-diamond .i-rank {
  color: #9A6247;
}
.user-tier-status-diamond .i-rank:nth-child(1) {
  display: block;
  left: 0;
}
.user-tier-status-diamond .i-rank:nth-child(2) {
  display: block;
  left: -0.56em;
}
.user-tier-status-diamond .i-rank:nth-child(3) {
  display: block;
  left: 0.56em;
}
.user-tier-status-icon {
  display: block;
  height: 1.25rem;
  margin: 0 auto;
  position: relative;
  width: 1.25rem;
}
.user-tier-status-icon .i-rank {
  cursor: inherit;
  display: none;
  font-size: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
}
.user-tier-status-copy {
  display: block;
  font-size: 1rem;
}

.user-greeting {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  display: inline-block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.user-greeting span {
  transform: translate(0, 0);
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}

.user-account {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  width: 46px;
}
.user-account:hover {
  text-decoration: none;
}
.user-account:focus {
  outline: none;
  color: #9A6247;
}
.user-account:focus .path4::before,
.user-account:focus .path5::before {
  color: inherit;
}
.user-account:focus-visible .path1 {
  box-shadow: 0 0 0 1px black;
}
@media only screen and (max-width : 767px) {
  .user-account {
    margin-left: 15px;
  }
}

.menu-utility-user .user-info {
  list-style: none;
  position: relative;
  z-index: 1000;
  transform: translate(0, 0);
}
.menu-utility-user .menu-utility-user .user-info {
  padding-bottom: 10px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-utility-user .menu-utility-user .user-info {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .b-header--onstep .menu-utility-user .user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }
}

.header-nav {
  clear: right;
  float: right;
}

@media only screen and (min-width : 1025px) {
  .menu-category {
    float: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-category {
    border-bottom: 3px solid rgba(111, 109, 109, 0.5);
    clear: both;
  }
}
@media only screen and (max-width : 767px) {
  .menu-category {
    border-bottom: 4px solid rgba(111, 109, 109, 0.5);
  }
}
.menu-category > li {
  position: relative;
  transform: translate(0, 0);
  z-index: 999;
}
@media only screen and (min-width : 1025px) {
  .menu-category > li {
    float: left;
    margin-right: 30px;
  }
  .menu-category > li:last-child {
    margin: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-category > li {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    padding: 15px 0;
  }
  .menu-category > li:first-child {
    border: 0;
  }
  .menu-category > li .has-sub-menu:after {
    content: "+";
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
  }
  .menu-category > li.expanded {
    padding-bottom: 10px;
  }
  .menu-category > li.expanded .has-sub-menu {
    color: #9A6247;
  }
  .menu-category > li.expanded .has-sub-menu:after {
    content: "-";
  }
  .menu-category > li.expanded .level-2 {
    display: block;
  }
}
@media only screen and (max-width : 767px) {
  .menu-category > li {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    padding: 15px 0;
  }
  .menu-category > li:first-child {
    border: 0;
  }
  .menu-category > li .has-sub-menu:after {
    content: "+";
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
  }
  .menu-category > li.expanded {
    padding-bottom: 10px;
  }
  .menu-category > li.expanded .has-sub-menu {
    color: #9A6247;
  }
  .menu-category > li.expanded .has-sub-menu:after {
    content: "-";
  }
  .menu-category > li.expanded .level-2 {
    display: block;
  }
}
.menu-category a,
.menu-category .main-menu-left-link {
  color: #000000;
}
@media only screen and (min-width : 1025px) {
  .menu-category a,
  .menu-category .main-menu-left-link {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    cursor: pointer;
    display: block;
    line-height: 30px;
    margin-bottom: 5px;
    vertical-align: text-bottom;
  }
  .menu-category a:hover, .menu-category a.active, .menu-category a:focus,
  .menu-category .main-menu-left-link:hover,
  .menu-category .main-menu-left-link.active,
  .menu-category .main-menu-left-link:focus {
    color: #9A6247;
    text-decoration: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-category a,
  .menu-category .main-menu-left-link {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    display: block;
    line-height: 1;
    padding: 0 20px;
    position: relative;
  }
}
@media only screen and (max-width : 767px) {
  .menu-category a,
  .menu-category .main-menu-left-link {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    display: block;
    line-height: 1;
    padding: 0 20px;
    position: relative;
  }
}
.menu-active .menu-category > li {
  z-index: 0;
}

@media only screen and (min-width : 1025px) {
  .level-2 {
    background-color: #ffffff;
    border: 1px solid rgba(111, 109, 109, 0.5);
    border-top: 0;
    color: #000000;
    display: none;
    min-width: 200px;
    padding: 10px 0;
    position: fixed;
    z-index: 994;
  }
  .level-1 li:hover .level-2, .level-1 li:focus-within .level-2, .level-1 .active .level-2 {
    display: block;
  }
  .level-2 > ul > li {
    float: none;
    line-height: 2;
    margin: 0 15px;
  }
  .header-promotion .level-2 {
    left: -65px;
    padding: 30px 90px;
    right: -65px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .level-2 {
    display: none;
    padding: 10px 40px;
  }
  .level-2 li {
    padding: 10px 0;
  }
  .level-2 p {
    margin: 0;
  }
  .level-2 .promotion-img {
    display: none;
  }
}
@media only screen and (max-width : 767px) {
  .level-2 {
    display: none;
    padding: 10px 40px;
  }
  .level-2 li {
    padding: 10px 0;
  }
  .level-2 p {
    margin: 0;
  }
  .level-2 .promotion-img {
    display: none;
  }
}

.header-promotion {
  transition: all 200ms ease-in;
}
@media only screen and (min-width : 1025px) {
  .header-promotion .content-asset:hover .level-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    max-width: 1200px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .header-promotion {
    padding: 15px 0;
  }
}
@media only screen and (max-width : 767px) {
  .header-promotion {
    padding: 15px 0;
  }
}

@media only screen and (min-width : 1025px) {
  .main-menu-left-block {
    background-color: #F7F5F1;
    max-width: 220px;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    width: 25%;
  }
  .main-menu-left-block .promotion-img {
    background-size: cover;
    height: 0;
    min-height: 180px;
    padding: 0 0 94%;
  }
  .main-menu-left-block:after {
    content: "";
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    width: 0;
  }
  .main-menu-left-block a {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25;
    margin: 5px auto 0;
    vertical-align: middle;
    width: calc(100% - 10px);
  }
}
@media only screen and (max-width : 1024px) {
  .main-menu-left-block {
    padding: 10px 0;
  }
}

.menu-toggle {
  background: none;
  border: none;
  color: #000000;
  font-size: 2.25rem;
  line-height: 1.2;
  min-width: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .menu-toggle {
    right: 17px;
    top: 23px;
  }
  .menu-toggle .icon {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width : 767px) {
  .menu-toggle {
    right: -4px;
    top: 16px;
  }
  .menu-toggle .icon {
    display: block;
    font-size: 2.9rem;
  }
}

@media only screen and (min-width : 1025px) {
  nav#navigation {
    float: left;
    margin-left: 80px;
  }
}
@media only screen and (max-width : 1024px) {
  nav#navigation {
    background-color: #ffffff;
    color: #505050;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 999;
  }
  .menu-active nav#navigation {
    right: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  nav#navigation {
    transition: right 0.1s;
    margin-top: 0;
    right: -50%;
    width: 50%;
  }
}
@media only screen and (max-width : 767px) {
  nav#navigation {
    transition: right 0.5s, left 0.5s;
    left: 100%;
    right: -100%;
    width: 100%;
  }
  nav#navigation:active a {
    -webkit-tap-highlight-color: transparent;
  }
  .menu-active nav#navigation {
    left: 0;
  }
  nav#navigation .user-panel a {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    display: block;
    line-height: 2.5;
    padding: 0 20px;
  }
}
nav#navigation .footer-block-in-header {
  padding: 0;
  width: 100%;
}
nav#navigation .footer-block-in-header .footer-item {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  width: 100%;
}
nav#navigation .footer-block-in-header .footer-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  border-bottom: 0;
  border-top: 0;
  color: #505050;
  line-height: 1.5;
  margin: 0;
  padding: 10px 20px;
  position: relative;
}
nav#navigation .footer-block-in-header .footer-title:after {
  content: "+";
  margin-top: -15px;
  position: absolute;
  right: 10px;
  top: 50%;
}
nav#navigation .footer-block-in-header .footer-title.expanded:after {
  content: "-";
}
nav#navigation .footer-block-in-header a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0;
  padding: 10px 0;
}
nav#navigation .footer-block-in-header .user-account {
  display: inline-block;
  margin-left: -10px;
  padding: 0;
  vertical-align: middle;
}
@media only screen and (max-width : 767px) {
  nav#navigation .footer-block-in-header .user-info-inline {
    border-bottom: 3px solid rgba(111, 109, 109, 0.5);
    margin-bottom: 50px;
    position: relative;
  }
  nav#navigation .footer-block-in-header .user-info-inline .user-account {
    margin-left: 15px;
  }
  nav#navigation .footer-block-in-header .user-info-inline .user-panel {
    display: inline-block;
    vertical-align: middle;
  }
  nav#navigation .footer-block-in-header .user-info-inline .user-panel a {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #000000;
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
  }
  nav#navigation .footer-block-in-header .user-info-inline .user-panel a.user-checkorderstatus {
    color: #6F6D6D;
    left: 0;
    line-height: 50px;
    position: absolute;
    top: calc(100% + 3px);
  }
}
nav#navigation .footer-block-in-header .user-available-points {
  clear: both;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 10px 0;
}
nav#navigation .footer-block-in-header .user-available-points span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  nav#navigation .footer-block-in-header .user-available-points span.user-available-points-label {
    font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  }
}
nav#navigation .footer-block-in-header .user-tier-status {
  padding-bottom: 10px;
}
nav#navigation .footer-block-in-header .user-tier-status-in {
  display: inline-block;
}
nav#navigation .footer-block-in-header .user-tier-status-silver {
  padding-right: 1.68rem;
}
nav#navigation .footer-block-in-header .user-tier-status-gold {
  padding-right: 2.4rem;
}
nav#navigation .footer-block-in-header .user-tier-status-gold .user-tier-status-icon {
  right: 0.32rem;
}
nav#navigation .footer-block-in-header .user-tier-status-diamond {
  padding-right: 3.1rem;
}
nav#navigation .footer-block-in-header .user-tier-status-diamond .user-tier-status-icon {
  right: 0.74rem;
}
nav#navigation .footer-block-in-header .user-tier-status-icon {
  margin: -0.625rem 0 0;
  position: absolute;
  right: 0;
  top: 50%;
}
nav#navigation .footer-block-in-header .footer-accordion-content {
  display: none;
  padding: 0 40px;
}
@media only screen and (max-width : 767px) {
  nav#navigation .footer-block-in-header .footer-accordion-content.mobile-unregistered {
    display: block;
    padding: 0;
  }
  nav#navigation .footer-block-in-header .footer-accordion-content.mobile-unregistered .user-links ul {
    display: flex;
  }
}
nav#navigation .footer-block-in-header .expanded + .footer-accordion-content {
  display: block;
}
nav#navigation .footer-block-in-header .shown-in-footer.footer-account {
  display: none;
}
@media only screen and (max-width : 767px) {
  nav#navigation .footer-block-in-header .shown-in-footer.footer-title {
    display: none;
  }
}
nav#navigation .footer-block-in-header .contact-address {
  margin-bottom: 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  nav#navigation .footer-block-in-header .footer-titles,
  nav#navigation .footer-block-in-header .user-account,
  nav#navigation .footer-block-in-header .user-greeting,
  nav#navigation .footer-block-in-header .user-available-points,
  nav#navigation .footer-block-in-header .user-tier-status,
  nav#navigation .footer-block-in-header .user-logout,
  nav#navigation .footer-block-in-header .user-links-title {
    display: none;
  }
}

.menu-toggle-close {
  float: right;
  font-size: 2.5rem;
  margin: 20px 6px 10px 0;
}

.footer {
  background-color: #ffffff;
  clear: both;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer .hidden-in-tablet-footer {
    display: none;
  }
}

.footer-banner div, .checkout-top-banner div {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  margin-bottom: 50px;
  padding: 0 60px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-banner div, .checkout-top-banner div {
    background-position: 10% 65%;
    background-size: 120%;
    padding: 0 40px;
  }
}
@media only screen and (max-width : 767px) {
  .footer-banner div, .checkout-top-banner div {
    margin-bottom: 0;
    padding: 0 20px;
  }
}
.footer-banner h3, .footer-banner .confirmation .label.headline, .confirmation .footer-banner .label.headline, .checkout-top-banner h3, .checkout-top-banner .confirmation .label.headline, .confirmation .checkout-top-banner .label.headline, .footer-banner .footer-social span, .checkout-top-banner .footer-social span, .footer-social .footer-banner span, .footer-social .checkout-top-banner span {
  color: #ffffff;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}
@media only screen and (max-width : 767px) {
  .footer-banner h3, .footer-banner .confirmation .label.headline, .confirmation .footer-banner .label.headline, .checkout-top-banner h3, .checkout-top-banner .confirmation .label.headline, .confirmation .checkout-top-banner .label.headline, .footer-banner .footer-social span, .checkout-top-banner .footer-social span, .footer-social .footer-banner span, .footer-social .checkout-top-banner span {
    font-size: 1.25rem;
    max-height: 55px;
    white-space: normal;
    width: 55%;
  }
}
.footer-banner a, .checkout-top-banner a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: table;
  margin-top: 10px;
}

.footer-social {
  background-color: #9A6247;
  min-height: 80px;
}
.social-block {
  float: left;
  padding: 20px 0 15px;
  width: 42%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .social-block {
    padding: 30px 0;
  }
}
@media only screen and (max-width : 767px) {
  .social-block {
    padding: 25px 30px;
  }
}
@media only screen and (min-width : 1025px) {
  .social-block {
    padding: 30px 0 20px;
  }
}
@media only screen and (max-width : 767px) {
  .social-block {
    float: none;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (min-width : 1025px) {
  .social-block .social-list,
  .social-block .social-label {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width : 768px) {
  .social-block .social-list {
    margin-top: -6px;
  }
}
.social-block .social-item {
  display: inline-block;
}
.social-block .social-label {
  padding-bottom: 10px;
}
.social-block .social-label:after {
  border-right: 1px solid #ffffff;
  content: "";
  display: inline-block;
  height: 23px;
  margin: 0 20px;
  vertical-align: top;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .social-block .social-label:after {
    content: none;
  }
}
@media only screen and (max-width : 767px) {
  .social-block .social-label:after {
    content: none;
  }
}

.social-block .social-label,
.global-bd h3,
.global-bd .confirmation .label.headline,
.confirmation .global-bd .label.headline,
.global-bd .footer-social span,
.footer-social .global-bd span {
  color: #ffffff;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin: 0;
  text-transform: none;
}

.footer-social .global-bd {
  float: right;
  padding: 20px 0;
  text-align: right;
}
@media only screen and (max-width : 767px) {
  .footer-social .global-bd {
    float: none;
    padding-top: 20px;
    text-align: center;
    width: 100%;
  }
}
.footer-social .global-bd h3, .footer-social .global-bd .confirmation .label.headline, .confirmation .footer-social .global-bd .label.headline, .footer-social .global-bd span,
.footer-social .global-bd a {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width : 767px) {
  .footer-social .global-bd h3, .footer-social .global-bd .confirmation .label.headline, .confirmation .footer-social .global-bd .label.headline, .footer-social .global-bd span {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 75%;
  }
}
@media only screen and (min-width : 768px) {
  .footer-social .global-bd a {
    margin-left: 10px;
  }
}

@media only screen and (min-width : 768px) {
  .social-block + .global-bd {
    width: 58%;
  }
}
@media only screen and (max-width : 767px) {
  .social-block + .global-bd {
    padding-top: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .social-block + .global-bd h3, .social-block + .global-bd .confirmation .label.headline, .confirmation .social-block + .global-bd .label.headline, .social-block + .global-bd .footer-social span, .footer-social .social-block + .global-bd span {
    padding-bottom: 10px;
  }
}

.footer-container {
  padding: 30px 0 50px;
}
@media only screen and (min-width : 1025px) {
  .footer-container {
    display: table;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-container {
    display: table;
  }
  .footer-container + .footer-container {
    display: block;
    padding: 0 0 40px;
  }
}
@media only screen and (max-width : 767px) {
  .footer-container {
    padding: 15px 20px 40px;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-titles {
    display: table-row;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-titles .footer-title {
    display: table-cell;
    padding-right: 20px;
    vertical-align: bottom;
  }
  .footer-container .footer-titles .footer-title.footer-contact {
    padding-right: 0;
  }
}
.footer-container .footer-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  line-height: 1;
  margin: 0 0 10px;
  padding: 10px 0;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .footer-container .footer-title {
    border-top: none;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-items {
    display: table-row;
    vertical-align: top;
  }
}
.footer-container .footer-item {
  padding: 10px 0;
  word-break: break-word;
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-item {
    display: table-cell;
    vertical-align: top;
  }
  .footer-container .footer-item:not(.footer-contact) a:focus {
    color: #6F6D6D;
    text-decoration: underline;
  }
  .footer-container .footer-item.footer-contact {
    color: #9A6247;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-container .footer-item {
    float: left;
    width: 50%;
  }
  .footer-container .footer-item.footer-contact .footer-title {
    display: block;
  }
}
@media only screen and (max-width : 767px) {
  .footer-container .footer-item {
    padding-bottom: 3px;
  }
}
.footer-container .footer-item a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: table;
  padding-right: 15px;
  margin-bottom: 5px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-container .footer-item a {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width : 767px) {
  .footer-container .footer-item a {
    margin-bottom: 5px;
  }
}
.footer-container .footer-item a.user-checkorderstatus {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  margin-top: 15px;
  padding-top: 10px;
}
.footer-container .footer-item-privacy {
  display: flex;
  align-items: center;
}
.footer-container .footer-item-privacy a {
  margin-bottom: 0;
  padding-right: 0;
}
.footer-container .footer-item-privacy .footer-navigation-icon {
  top: 0;
}
.footer-container .footer-navigation-icon {
  position: relative;
  top: 2px;
  margin-left: 6px;
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-terms {
    width: 25%;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-account {
    width: 20%;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-help {
    width: 25%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-container .footer-help {
    clear: both;
  }
}
@media only screen and (min-width : 1025px) {
  .footer-container .footer-contact {
    width: 30%;
  }
}
.footer-container .footer-account.is-tablet-mobile {
  display: none;
}
.footer-container .footer-account .user-info {
  list-style-type: none;
}
.footer-container .footer-account .user-info .user-account,
.footer-container .footer-account .user-info .user-greeting,
.footer-container .footer-account .user-info h3,
.footer-container .footer-account .user-info .confirmation .label.headline,
.confirmation .footer-container .footer-account .user-info .label.headline,
.footer-container .footer-account .user-info .footer-social span,
.footer-social .footer-container .footer-account .user-info span,
.footer-container .footer-account .user-info .user-logout,
.footer-container .footer-account .user-info .user-links-title,
.footer-container .footer-account .user-info .user-available-points,
.footer-container .footer-account .user-info .user-tier-status {
  display: none;
}
.footer-container .footer-account .user-links {
  position: relative;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-container .contact-address {
    border-bottom: none;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
  }
}
@media only screen and (max-width : 767px) {
  .footer-container .contact-address {
    border: none;
    margin: 0;
    padding-bottom: 10px;
  }
}

.contact-address {
  word-break: break-word;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .contact-address.contact-address1 {
    width: 32.5%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .contact-address.contact-address2 {
    width: 36.5%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .contact-address.contact-address3 {
    width: 31%;
  }
}
.contact-address .contact-address-title {
  color: #505050;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 0;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .contact-address .contact-address-title {
    padding-top: 5px;
  }
}
.contact-address .contact-address-text {
  color: #505050;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}

.footer-copyright {
  background-color: #E9E5DE;
  text-align: center;
  word-break: break-word;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .footer-copyright {
    width: 100%;
  }
}
.footer-copyright p {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  display: inline-block;
  letter-spacing: 0.0375rem;
  line-height: 20px;
  margin: 0;
  padding: 10px;
}

.footer-disclaimer {
  padding: 50px 0;
}
@media only screen and (max-width : 767px) {
  .footer-disclaimer {
    padding: 40px 20px 25px;
  }
}
.footer-disclaimer p {
  color: #505050;
  display: inline-block;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  margin: 0;
  padding: 0 0 25px;
  word-break: break-word;
  letter-spacing: 0.021875rem;
}

.item-date-added .js-product-quantity {
  position: relative;
  align-items: flex-start;
}
.item-date-added .js-product-quantity input.quantity__input.error {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .item-date-added .js-product-quantity input.quantity__input.error {
    margin-bottom: 30px;
  }
}
.item-date-added .js-product-quantity span.error {
  position: absolute;
  left: 0;
  top: 40px;
}

.storefront-header {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #F7F5F1;
  color: #505050;
  overflow: hidden;
}
@media only screen and (max-width : 767px) {
  .storefront-header {
    font-size: 13px;
  }
}
.storefront-header-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  max-width: calc(1200px - 100px);
  margin: 0 auto;
}
@media only screen and (max-width : 767px) {
  .storefront-header-outer {
    padding: 5px 15px;
    align-items: flex-start;
  }
}
.storefront-header-outer.onetimenotice-hide {
  display: none;
}
.storefront-header .js-onetimenotice-close {
  width: 13px;
  height: 13px;
  display: table;
}
@media only screen and (max-width : 767px) {
  .storefront-header .js-onetimenotice-close {
    width: 10px;
    height: 10px;
  }
}
.storefront-header .js-onetimenotice-close:hover {
  opacity: 0.8;
}
.storefront-header .js-onetimenotice-close svg {
  max-width: 100%;
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

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

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

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

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

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

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.account-welcome {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  padding-bottom: 20px;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .account-welcome {
    padding-bottom: 25px;
    text-align: center;
  }
}
.account-welcome .account-logout {
  float: right;
  font-size: 1rem;
  line-height: 1.8;
}
@media only screen and (max-width : 767px) {
  .account-welcome .account-logout {
    display: block;
    float: none;
    padding-top: 6px;
  }
}

.account-options {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .account-options {
    padding: 20px 0 50px;
  }
}
@media only screen and (max-width : 767px) {
  .account-options {
    padding: 10px 0 50px;
  }
}
.account-options_item {
  margin-top: 28px;
}
@media only screen and (max-width : 767px) {
  .account-options_item {
    margin-top: 20px;
  }
}
.account-options_item-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 70px;
}
@media only screen and (max-width : 767px) {
  .account-options_item-text {
    min-height: 60px;
  }
}
@media only screen and (min-width : 1025px) {
  .account-options li {
    margin-right: 4%;
    width: 45%;
  }
}
.account-options a {
  display: block;
  padding-left: 90px;
  position: relative;
}
@media only screen and (max-width : 767px) {
  .account-options a {
    padding-left: 70px;
  }
}
.account-options a:hover h2 {
  color: #9A6247;
}
.account-options a .icon {
  background-color: #E9E5DE;
  border-radius: 50%;
  border: 2px solid #000000;
  height: 70px;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
@media only screen and (max-width : 767px) {
  .account-options a .icon {
    height: 60px;
    width: 60px;
  }
}
.account-options a .icon:before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  height: 30px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.account-options .i-personal:before {
  background-image: url("../images/personal-details.svg");
}
.account-options .i-bdaccount:before {
  background-image: url("../images/bd-account.svg");
}
.account-options .i-address:before {
  background-image: url("../images/address-book.svg");
}
.account-options .i-orders:before {
  background-image: url("../images/orders-history.svg");
}
.account-options .i-cards:before {
  background-image: url("../images/payment-cards.svg");
}
.account-options .i-products:before {
  background-image: url("../images/purchased-products.svg");
}
.account-options .i-autoship:before {
  background-image: url("../images/autoship-subscription.svg");
}
.account-options .i-wishlist:before {
  background-image: url("../images/wish-list-items.svg");
}
.account-options .i-alleaccount:before {
  background-image: url("../images/alle-letter.svg");
}
.account-options h2 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #000000;
  line-height: 1.25;
  margin: 0;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .account-options h2 {
    font-size: 1rem;
  }
}
.account-options p {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .account-options p {
    font-size: 1rem;
    line-height: 1;
  }
}
.account-options-alle p {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}

.address-dialog {
  top: 5px !important;
  padding-bottom: 0;
  max-width: 500px;
}
@media only screen and (max-width : 767px) {
  .address-dialog {
    padding-bottom: 20px;
  }
}
.address-dialog fieldset {
  width: 100%;
}
.address-dialog legend {
  text-align: left;
}
@media only screen and (min-width : 768px) {
  .address-dialog .cancel-button {
    margin-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .address-dialog button {
    margin: 0 calc((100% - 190px) / 2) 20px;
  }
  .address-dialog button.cancel-button {
    margin-bottom: 0;
  }
}
.address-dialog .form-row-button {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width : 767px) {
  .address-dialog .form-row-button {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
.address-dialog .form-row-button.form-row {
  padding: 0;
}
.address-dialog .ui-dialog-content {
  padding: 0 30px 0;
}
.address-dialog .ui-dialog-content .form-row {
  padding-bottom: 15px;
}
.address-dialog .ui-dialog-content .form-caption {
  line-height: 0.7rem;
  font-size: 14px;
}
.address-dialog .ui-dialog-buttonpane {
  display: none;
}

.delete-address-dialog,
.delete-payment-dialog {
  max-width: 527px;
}
.delete-address-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.delete-payment-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
@media only screen and (max-width : 767px) {
  .delete-address-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
  .delete-payment-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    flex-wrap: wrap;
  }
}
.delete-address-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button,
.delete-payment-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
  margin: 0 20px 0 0;
}
@media only screen and (max-width : 767px) {
  .delete-address-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button,
  .delete-payment-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
    margin: 20px 0 0;
  }
}

.ma-address-list .default-address_title {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  line-height: 1.2rem;
  margin-bottom: 20px;
}
@media only screen and (max-width : 1200px) {
  .ma-address-list .default-address_title {
    max-width: 180px;
  }
}
@media only screen and (max-width : 1024px) {
  .ma-address-list .default-address_title {
    max-width: 280px;
  }
}
@media only screen and (max-width : 480px) {
  .ma-address-list .default-address_title {
    max-width: 180px;
  }
}
@media only screen and (min-width : 1201px) {
  .ma-address-list .default-address_title {
    max-width: 220px;
  }
}
.ma-address-list .address-tile.default {
  background: #f1f1f1;
}
.ma-address-list .address-edit,
.ma-address-list .address-delete {
  position: absolute;
  top: 30px;
}
.ma-address-list .address-edit {
  right: 90px;
}
.ma-address-list .address-delete {
  right: 30px;
}
.ma-address-list .mini-address-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}
.ma-address-list address {
  font-style: inherit;
}
.ma-address-list .mini-address-city {
  float: left;
  padding-right: 5px;
}
.ma-address-list .mini-address-name,
.ma-address-list .mini-address-location {
  font-size: 1.03125rem;
}
.ma-address-list .address-make-default {
  display: block;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  line-height: 1rem;
  margin: 30px 0 0;
}
.ma-address-list .address-make-default + .address-make-default {
  margin: 10px 0 0;
}
.ma-address-list .address-tile {
  margin-bottom: 40px;
}
@media only screen and (max-width : 1024px) {
  .ma-address-list .address-tile {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width : 1025px) {
  .pt_account .secondary-navigation,
  .pt_error .secondary-navigation,
  .pt_gift-registry .secondary-navigation,
  .pt_order .secondary-navigation,
  .pt_wish-list .secondary-navigation {
    padding-bottom: 75px;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_account .primary-content,
  .pt_error .primary-content,
  .pt_gift-registry .primary-content,
  .pt_order .primary-content,
  .pt_wish-list .primary-content {
    float: right;
    width: calc(100% - 262px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_account .primary-content,
  .pt_error .primary-content,
  .pt_gift-registry .primary-content,
  .pt_order .primary-content,
  .pt_wish-list .primary-content {
    float: right;
    width: calc(100% - 230px);
  }
}
@media only screen and (max-width : 767px) {
  .pt_account .primary-content,
  .pt_error .primary-content,
  .pt_gift-registry .primary-content,
  .pt_order .primary-content,
  .pt_wish-list .primary-content {
    padding: 0 10px;
  }
}
.pt_account h1,
.pt_error h1,
.pt_gift-registry h1,
.pt_order h1,
.pt_wish-list h1 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  .pt_account h1,
  .pt_error h1,
  .pt_gift-registry h1,
  .pt_order h1,
  .pt_wish-list h1 {
    font-size: 1.25rem;
    text-align: center;
  }
}

.pt_account a.js-delayedsubscription {
  background: #9A6247;
  border-color: #9A6247;
  color: #ffffff;
}
.pt_account a.js-delayedsubscription:hover {
  background: #ffffff;
  border-color: #9A6247;
  color: #9A6247;
}

@media only screen and (max-width : 767px) {
  #subscriptions-page .primary-content {
    text-align: center;
  }
  #subscriptions-page .primary-content a.js-delayedsubscription.is-mobile {
    display: inline-block !important;
    width: 100%;
  }
}

.mergeorcreate {
  margin: 0 auto;
  width: 430px;
  max-width: 100vw;
}
@media only screen and (max-width : 767px) {
  .mergeorcreate-headline {
    padding-left: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .mergeorcreate-content {
    padding: 0 20px 30px;
  }
}
@media only screen and (max-width : 767px) {
  .mergeorcreate-account_link, .mergeorcreate-skip_link {
    width: 100%;
  }
}
.mergeorcreate-skip_link {
  margin-top: 20px;
}

.ma-list {
  padding-bottom: 20px;
}
.ma-list_header {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 767px) {
  .ma-list_header {
    flex-direction: column;
    align-items: center;
  }
}
.ma-list_header h1 {
  line-height: 1.5;
}
@media only screen and (max-width : 767px) {
  .ma-list_header h1 {
    margin-bottom: 20px;
    width: 100%;
  }
}
.ma-list .content-asset p {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 3px 0 0;
}
.ma-list .content-asset span {
  display: inline-block;
  line-height: 1.25rem;
  margin-left: 8px;
  max-width: calc(100% - 30px);
  padding-top: 6px;
  vertical-align: top;
}
.ma-list .icon {
  cursor: inherit;
}
.ma-list .icon:before {
  font-size: 1.25rem;
}
.ma-list .address-list,
.ma-list .payment-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 14px;
}
@media only screen and (max-width : 767px) {
  .ma-list .address-list,
  .ma-list .payment-list {
    margin: 28px -10px 0;
  }
}
.ma-list__item {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border: 1px solid rgba(111, 109, 109, 0.5);
  line-height: 1.25;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  width: 47.73%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .ma-list__item {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .ma-list__item {
    padding: 30px 10px;
    width: 100%;
  }
}
.ma-list__item.default-card {
  background: #f1f1f1;
}
.ma-list__item.expired-card {
  background: #ffffff;
  border: 2px solid #bd0218;
  color: #6F6D6D;
}
.ma-list .ma-list_empty {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin-top: 20px;
}

.bd-logo-wrapper {
  align-items: flex-start;
  background: #E9E5DE;
  border: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  justify-content: space-between;
  padding: 30px 20px;
  margin: 30px 0;
}
@media only screen and (max-width : 767px) {
  .bd-logo-wrapper {
    padding: 30px 10px;
    margin: 30px 0;
  }
}
.bd-logo-wrapper > *:nth-child(1) {
  margin-right: 20px;
  min-width: 88px;
}
.ie10 .bd-logo-wrapper > *:nth-child(2) {
  flex: 1 1 auto;
  max-width: calc(100% - 88px);
}

.alle-logo {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  padding: 0 12px;
}
@media only screen and (max-width : 767px) {
  .alle-logo {
    margin-bottom: 20px;
  }
}
.alle-logo-wrapper {
  align-items: center;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .alle-logo-wrapper {
    flex-wrap: wrap;
    padding: 30px 20px;
  }
}
@media only screen and (max-width : 1024px) {
  .alle-logo-wrapper {
    align-items: flex-start;
  }
  .alle-logo-wrapper .account-personal_details {
    width: calc(100% - 108px);
  }
}
@media only screen and (max-width : 1024px) {
  .alle-info {
    width: calc(100% - 108px);
  }
}

.purchased-product-list h1 {
  margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
  .purchased-product-list h1 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width : 768px) {
  .purchased-product-list .search-result-content {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 767px) {
  .purchased-product-list .lazy-load-wrapper {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width : 767px) {
  .accountlogin {
    padding: 0 15px;
  }
}
.accountlogin h2 {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  line-height: 1;
  margin: 0;
  padding: 10px 0 30px;
}
@media only screen and (max-width : 767px) {
  .accountlogin h2 {
    border-bottom: none;
    padding: 10px 10px 0;
    text-align: center;
  }
}
.accountlogin .wrapper-two-columns {
  padding-bottom: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .accountlogin .wrapper-two-columns .equal-width-column.col-1, .accountlogin .wrapper-two-columns .equal-width-column.col-2 {
    width: 45%;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width : 1025px) {
  .accountlogin .wrapper-two-columns .equal-width-column.col-1 {
    margin-left: 30px;
    width: 42.5%;
  }
}
.accountlogin .login-box-content h3, .accountlogin .login-box-content .confirmation .label.headline, .confirmation .accountlogin .login-box-content .label.headline, .accountlogin .login-box-content .footer-social span, .footer-social .accountlogin .login-box-content span {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  margin: 20px 0;
  padding-bottom: 5px;
}
.accountlogin .login-box-content .formbuttonrow {
  padding-bottom: 0;
}
.accountlogin .content-asset h3, .accountlogin .content-asset .confirmation .label.headline, .confirmation .accountlogin .content-asset .label.headline, .accountlogin .content-asset .footer-social span, .footer-social .accountlogin .content-asset span,
.accountlogin .content-asset p {
  margin: 0;
}
.accountlogin .content-asset h4 {
  margin: 20px 0 0;
}
.accountlogin .content-asset-list {
  padding: 0 0 20px;
}
.accountlogin-create .content-asset h3, .accountlogin-create .content-asset .confirmation .label.headline, .confirmation .accountlogin-create .content-asset .label.headline, .accountlogin-create .content-asset .footer-social span, .footer-social .accountlogin-create .content-asset span {
  margin: 30px 0 20px;
  padding: 0;
  border: none;
}
.accountlogin-create .content-asset p {
  margin-bottom: 20px;
}
.accountlogin-create-benefits {
  margin-bottom: 35px;
}
.accountlogin-info p {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.accountlogin-info h4 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.accountlogin-headline {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .accountlogin .dialog-required {
    display: block;
  }
}
.accountlogin .login-rememberme {
  float: left;
  line-height: 1;
  white-space: nowrap;
}
.accountlogin .password-reset {
  float: right;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (min-width : 768px) {
  .accountlogin .login-order-track {
    padding-left: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .accountlogin .login-order-track {
    margin: 0 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .accountlogin .login-order-track .form-row {
    display: inline-block;
    vertical-align: top;
    width: 30%;
  }
  .accountlogin .login-order-track .form-row + .form-row {
    margin-left: calc(5% - 6px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .accountlogin .login-order-track .form-row {
    display: inline-block;
    vertical-align: top;
    width: 30%;
  }
  .accountlogin .login-order-track .form-row + .form-row {
    margin-left: calc(5% - 6px);
  }
}
@media only screen and (min-width : 1025px) {
  .accountlogin .login-order-track .form-row-button {
    float: right;
    text-align: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .accountlogin .login-order-track .form-row-button {
    float: right;
    text-align: right;
  }
}
.accountlogin .login-account-username label, .accountlogin .login-account-password label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.accountlogin .accountlogin-submit:focus {
  background: #ffffff;
  border: 2px solid #000000;
  color: #9A6247;
}

.pt_order .orderdetails-wide ~ .order-item-returned {
  margin-top: 60px;
  position: relative;
}
.pt_order .orderdetails-wide ~ .order-item-returned:before {
  background-color: #000000;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: -32px;
  width: 100%;
}
.pt_order .order-item-returned-content .sku .label,
.pt_order .order-item-returned-content .sku .value {
  color: #6F6D6D;
}
.pt_order .value.order_canceled {
  display: inline;
  font-size: 16px;
  color: #505050;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
}
.pt_order .value span {
  color: #505050 !important;
}

@media only screen and (max-width : 767px) {
  .pt_order .primary-content {
    padding: 0;
  }
}
.pt_order .pagination-page-navigation {
  float: right;
}
@media only screen and (max-width : 767px) {
  .pt_order .pagination-page-navigation {
    float: none;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_order .search-result-items {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_order .no_orders {
    padding: 0 10px;
  }
}

.order-history-header {
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  padding: 30px;
}
@media only screen and (min-width : 1025px) {
  .order-history-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media only screen and (max-width : 767px) {
  .order-history-header {
    padding: 20px 10px;
  }
}
.order-history-header .label, .search-result-items .order-history-header .label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
}
.order-history-header .value, .search-result-items .order-history-header .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .order-history-header .order-info {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .order-history-header .order-info {
    margin-bottom: 10px;
  }
}
.order-history-header .order-info .label {
  display: inline-block;
  min-width: 115px;
}

.order-history-items {
  color: #505050;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  justify-content: space-between;
  padding: 20px 30px 30px;
}
@media only screen and (max-width : 1024px) {
  .order-history-items {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    flex-direction: column;
    margin-bottom: 30px;
    padding: 20px 0 30px;
  }
}
@media only screen and (max-width : 767px) {
  .order-history-items {
    padding: 20px 10px 30px;
  }
}
.order-history-items .label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}
.order-history-items .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  word-break: break-word;
}
.order-history-items .order-items {
  display: flex;
}
@media only screen and (min-width : 1025px) {
  .order-history-items .order-items {
    width: 40%;
  }
}
.order-history-items .order-items .label {
  min-width: 80px;
  white-space: nowrap;
}
@media only screen and (max-width : 767px) {
  .order-history-items .order-items .label {
    min-width: 85px;
  }
}
.order-history-items .order-items .value {
  color: #000000;
}
.order-history-items .order-items-list {
  display: inline-block;
  vertical-align: top;
}
.order-history-items .order-shipped-to {
  display: flex;
}
@media only screen and (min-width : 1025px) {
  .order-history-items .order-shipped-to {
    width: 34%;
  }
}
.order-history-items .order-shipped-to .label {
  min-width: 95px;
  white-space: nowrap;
}
.order-history-items .order-total-price {
  display: flex;
}
@media only screen and (min-width : 1025px) {
  .order-history-items .order-total-price {
    justify-content: flex-end;
    width: 22%;
  }
}
.order-history-items .order-total-price .label {
  min-width: 95px;
  white-space: nowrap;
}

.add-card-dialog {
  max-width: 527px;
  padding-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  .add-card-dialog {
    padding-bottom: 20px;
  }
}
.add-card-dialog fieldset {
  width: 100%;
}
.add-card-dialog legend {
  margin-bottom: 10px;
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .add-card-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
    margin: 0 0 20px 0;
    order: -1;
  }
}
@media only screen and (min-width : 1025px) {
  .add-card-dialog .cancel-button {
    margin-right: 20px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .add-card-dialog .cancel-button {
    margin-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .add-card-dialog button {
    margin: 0 calc((100% - 190px) / 2) 20px;
  }
  .add-card-dialog button.cancel-button {
    margin-bottom: 0;
  }
}
.add-card-dialog iframe {
  border: none;
  width: 100%;
  height: 300px;
}
@media (max-width: 448px) {
  .add-card-dialog iframe {
    height: 380px;
  }
}
.add-card-dialog iframe.submitted {
  pointer-events: none;
  opacity: 0.9;
}
.add-card-dialog .form-row-button {
  display: flex;
  justify-content: center;
  margin-top: 37px;
}
@media only screen and (max-width : 767px) {
  .add-card-dialog .form-row-button {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
.add-card-dialog .form-row-button.form-row {
  padding: 0;
}
@media (min-width: 375px) {
  .add-card-dialog .cvn label {
    padding-left: 0;
  }
}
@media (max-width: 374px) {
  .add-card-dialog .cvn {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.add-card-dialog .payment-form .month,
.add-card-dialog .payment-form .year {
  padding-bottom: 25px;
}
@media only screen and (max-width : 767px) {
  .add-card-dialog .payment-form .month,
  .add-card-dialog .payment-form .year {
    padding-bottom: 13px;
  }
}
@media only screen and (max-width : 767px) {
  .add-card-dialog .payment-form .content-asset {
    padding-top: 13px;
  }
}
.add-card-dialog .error-form {
  color: #bd0218;
}

.add-card-dialog .expirationInfo,
.add-card-dialog .expiration,
.delayed-subscriptions-card .expirationInfo,
.delayed-subscriptions-card .expiration {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 15px;
  padding-bottom: 20px;
}
@media (max-width: 374px) {
  .add-card-dialog .expirationInfo,
  .add-card-dialog .expiration,
  .delayed-subscriptions-card .expirationInfo,
  .delayed-subscriptions-card .expiration {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.add-card-dialog .expirationInfo .form-row,
.add-card-dialog .expiration .form-row,
.delayed-subscriptions-card .expirationInfo .form-row,
.delayed-subscriptions-card .expiration .form-row {
  padding-bottom: 0 !important;
}
.add-card-dialog .expirationInfo label,
.add-card-dialog .expiration label,
.delayed-subscriptions-card .expirationInfo label,
.delayed-subscriptions-card .expiration label {
  display: block;
}

.expiration {
  padding-bottom: 20px;
}
.expiration .form-row {
  padding-bottom: 0 !important;
}
.expiration .error-message {
  padding: 10px 0 0 0;
}

.default-card_title {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  line-height: 1rem;
  margin-bottom: 20px;
}

.card-expired_title {
  color: #bd0218;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  line-height: 1rem;
  margin-bottom: 20px;
}

.paymentslist fieldset {
  margin: 0;
}
.paymentslist .cc-owner {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}
.paymentslist button {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: none;
  border: 0 none;
  height: auto;
  line-height: 1;
  margin: 0;
  min-width: 0;
  padding: 0;
  text-transform: none;
}
.paymentslist button.delete {
  position: absolute;
  right: 30px;
  top: 30px;
}
@media only screen and (max-width : 767px) {
  .paymentslist button.delete {
    right: 10px;
  }
}
.paymentslist button.make-default {
  margin-top: 20px;
}

.cvn_description {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding: 0 0 20px 0;
  color: #6F6D6D;
  margin-top: -5px;
  text-align: left;
}

.pt_account .bd-logo {
  display: block;
  margin: 20px 0 0;
}
@media only screen and (max-width : 767px) {
  .pt_account .bd-logo {
    margin: 20px auto 0;
  }
}
.pt_account a.js-delayedsubscription {
  background: #9A6247;
  border-color: #9A6247;
  color: #ffffff;
}
.pt_account a.js-delayedsubscription:hover {
  background: #ffffff;
  border-color: #9A6247;
  color: #9A6247;
}

.personal_details-table {
  color: #505050;
  margin-top: 10px;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .personal_details-table {
    margin: 0 0 50px;
  }
}
.personal_details-table tr {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
}
.personal_details-table td {
  padding: 15px 0;
}
.personal_details-table .label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  width: 145px;
}
@media only screen and (max-width : 767px) {
  .personal_details-table .label {
    width: 118px;
  }
}
.personal_details-table .information {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.personal_details-bd-logo {
  margin-bottom: 15px;
}
@media only screen and (min-width : 1025px) {
  .personal_details-bd-logo {
    margin-top: 50px;
  }
}

.marketing {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  margin-bottom: 20px;
  padding-bottom: 10px;
}
@media only screen and (max-width : 767px) {
  .marketing {
    border-color: transparent;
  }
}
.marketing-headline {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  margin-bottom: 10px;
}
.marketing-description {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 10px 0;
}
.marketing-info {
  margin-right: 50px;
}
.marketing-toggle {
  display: flex;
  background: #969593;
  border-radius: 30px;
  margin-bottom: 15px;
  overflow: hidden;
}
.marketing-toggle:focus:not(:focus-visible) {
  outline: none;
}
.marketing-toggle:focus-visible, .marketing-toggle:focus-within {
  transition: 0.5s box-shadow;
  box-shadow: 0 0 3px 1px black;
}
.marketing .toggler-wrapper {
  background: #6F6D6D;
  border-radius: 21px;
  border: 2px solid #969593;
  display: block;
  height: 42px;
  position: relative;
  overflow: hidden;
  width: 280px;
  min-width: 280px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.marketing .toggler-wrapper > span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
  left: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50%;
}
.marketing .toggler-wrapper > span.toggler-bg-right-title {
  left: 50%;
}
.marketing .toggler-wrapper .marketing-checkbox {
  left: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.marketing .toggler-wrapper .toggler-bg-left-title {
  visibility: hidden;
}
.marketing .toggler-wrapper .toggler-bg-left-title,
.marketing .toggler-wrapper .toggler-bg-right-title {
  color: #ffffff;
}
.marketing .toggler-wrapper .toggler-thumb {
  background: #ffffff;
  border-radius: 21px;
  border: 2px solid #969593;
  color: #9A6247;
  height: 42px;
  left: -2px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  transition: 0.2s;
  width: 150px;
  z-index: 1;
}
.marketing .toggler-wrapper .toggler-thumb span {
  left: 0;
  position: absolute;
  top: 0;
  transition: left 0.2s;
  width: 145px;
}
.marketing .toggler-wrapper .toggler-thumb .toggler-thumb-enabled-title {
  left: -125px;
}
.marketing-checkbox {
  left: -1000px;
  position: absolute;
}
.marketing-checkbox:focus + .toggler-thumb {
  background: #000000;
  color: #ffffff;
}
.marketing-checkbox:checked + .toggler-thumb + .toggler-bg-left-title {
  visibility: visible;
}
.marketing-checkbox:checked + .toggler-thumb {
  left: 133px;
}
.marketing-checkbox:checked + .toggler-thumb .toggler-thumb-enabled-title {
  left: 0;
}
.marketing-checkbox:checked + .toggler-thumb .toggler-thumb-disabled-title {
  left: 125px;
}

.create-account-title, .reset-pwd-page .title {
  margin-bottom: 30px;
}
@media only screen and (min-width : 768px) {
  .create-account-title, .reset-pwd-page .title {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    padding: 10px 40px 10px 0;
  }
}

.account-title {
  margin-top: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
  .account-title {
    white-space: nowrap;
    align-self: self-start;
  }
}

@media only screen and (min-width : 768px) {
  .create-account-form {
    margin: 0 auto 50px;
    width: 410px;
  }
}
@media only screen and (max-width : 767px) {
  .create-account-form {
    padding: 0 10px;
    margin-bottom: 60px;
  }
}
.create-account-form fieldset {
  margin: 0;
}
.create-account-form .bd-logo-wrapper {
  margin-top: 10px;
}
.create-account-form .birthdayform {
  position: relative;
}
@media only screen and (min-width : 768px) {
  .create-account-form .birthdayform {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width : 768px) {
  .create-account-form .birthdayform .form-row {
    width: 130px;
  }
}
@media only screen and (min-width : 768px) {
  .create-account-form .birthdayform .form-row:not(:first-child) label {
    visibility: hidden;
  }
}
@media only screen and (max-width : 767px) {
  .create-account-form .birthdayform .form-row:not(:first-child) label {
    display: none;
  }
}
.create-account-form .birthdayform .error-message {
  display: none;
}
.create-account-form .birthdayform.error-message {
  padding: 0 0 20px 20px;
  margin-top: -10px;
}
.create-account-form .birthdayform .form-field-tooltip {
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
  text-align: right;
}
.create-account-form .form-row-button {
  padding: 15px 0 20px;
}
.create-account-form .order-tc-policy {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.create-account-form .order-tc-policy a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.create-account-form .dialog-required {
  display: block;
  float: none;
}

.reset-pwd-page .title {
  padding: 10px 0;
}
@media only screen and (min-width : 768px) {
  .reset-pwd-page .password-reset-form {
    margin: 0 auto 50px;
    width: 410px;
  }
}
@media only screen and (max-width : 767px) {
  .reset-pwd-page .password-reset-form {
    padding: 0 10px;
    margin-bottom: 60px;
  }
}

.list-share {
  display: table;
  width: 100%;
}

.share-options,
.share-link-content {
  float: left;
  padding-bottom: 20px;
}
.share-options span,
.share-link-content span {
  display: block;
  margin: 10px 0;
}

@media only screen and (min-width : 1025px) {
  .share-options {
    width: 40%;
  }
}
.share-options a {
  font-size: 1rem;
  outline: none;
  display: inline-block;
}
.share-options a:focus-visible {
  outline: 2px #000 solid;
}
.share-options a .icon {
  display: inline-block;
  font-size: 1.4375rem;
  margin-right: 5px;
  vertical-align: bottom;
}
.share-options a span {
  display: inline-block;
  line-height: 1.2;
  vertical-align: bottom;
  margin: 0;
}

@media only screen and (min-width : 1025px) {
  .share-link-content {
    width: 60%;
  }
}
.share-link-content a {
  display: block;
  font-size: 1rem;
}
.share-link-content a span {
  display: inline;
}

.pt_wish-list h1 {
  line-height: 42px;
}
.pt_wish-list .wishlist-empty-msg {
  margin: 20px 0 10px;
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .wish-list-public {
    padding: 0 10px;
  }
}
.pt_wish-list .wishlist-add-items {
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 30px;
}
.pt_wish-list .item-list {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  width: 100%;
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list {
    display: table;
    margin: 20px 0 50px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list {
    margin: 10px 0 50px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list {
    margin: 10px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-public {
    display: table;
    margin-bottom: 50px;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .wishlist-item {
    display: table-row;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .wishlist-item {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    padding: 30px 0 10px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-public .wishlist-item {
    display: table-row;
  }
  .pt_wish-list .item-list.item-list-holders .wishlist-item {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    overflow: hidden;
    padding: 30px 0 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .item-image,
  .pt_wish-list .item-list .item-details,
  .pt_wish-list .item-list .item-date-added,
  .pt_wish-list .item-list .item-actions {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    display: table-cell;
    min-height: 215px;
    padding: 30px 0 10px;
    vertical-align: top;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-public .item-image,
  .pt_wish-list .item-list.item-list-public .item-details,
  .pt_wish-list .item-list.item-list-public .item-date-added,
  .pt_wish-list .item-list.item-list-public .item-actions {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    display: table-cell;
    padding: 30px 0;
    vertical-align: middle;
  }
  .pt_wish-list .item-list.item-list-public .item-image fieldset,
  .pt_wish-list .item-list.item-list-public .item-details fieldset,
  .pt_wish-list .item-list.item-list-public .item-date-added fieldset,
  .pt_wish-list .item-list.item-list-public .item-actions fieldset {
    margin: 0;
  }
  .pt_wish-list .item-list.item-list-public .headings div {
    padding: 0;
  }
  .pt_wish-list .item-list.item-list-public .headings .item-actions {
    padding-right: 30px;
  }
  .pt_wish-list .item-list.item-list-public .item-image {
    padding: 30px;
    width: 130px;
  }
  .pt_wish-list .item-list.item-list-public .item-date-added {
    text-align: center;
  }
  .pt_wish-list .item-list.item-list-public .item-date-added label {
    display: none;
  }
  .pt_wish-list .item-list.item-list-public .item-actions {
    padding-right: 30px;
    text-align: center;
  }
  .pt_wish-list .item-list.item-list-public .item-actions .label {
    display: none;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list.item-list-public .option-quantity-desired {
    margin: 65px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-public .option-quantity-desired {
    margin: 65px 0 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list.item-list-public .option-quantity-desired {
    margin: 5px 0;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list.item-list-public .option-quantity-desired > label {
    display: none !important;
  }
}
.pt_wish-list .item-list.item-list-public .option-quantity-desired .value {
  border-radius: 20px;
  border: 2px solid #6f6f6f;
  line-height: 36px;
  margin: 0 auto;
  text-align: center;
  width: 80px;
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list.item-list-public .option-quantity-desired .value {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list.item-list-public .option-add-to-cart {
    margin: 40px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-public .option-add-to-cart {
    margin: 40px 0 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list.item-list-public .option-add-to-cart {
    margin-top: 10px;
  }
}
.pt_wish-list .item-list .headings div {
  line-height: 38px;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-holders .headings {
    display: none;
  }
}
.pt_wish-list .item-list .product-list-item .price {
  display: none;
}
.pt_wish-list .item-list .item-image {
  text-align: center;
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .item-image {
    padding-right: 30px;
    width: 170px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list .item-image {
    padding-right: 30px;
    width: 100px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .item-image {
    float: left;
    padding-right: 10px;
    width: 70px;
  }
}
.pt_wish-list .item-list .item-image .item-image-wrapper {
  width: auto;
}
.pt_wish-list .item-list .option-item-remove {
  margin: 15px 0 0;
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .option-item-remove {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    margin: 5px 0;
    padding: 10px 0;
  }
}
.pt_wish-list .item-list .delete-item {
  background: none;
  border: none;
  font-size: 1rem;
  height: auto;
  line-height: 1;
  min-width: auto;
  padding: 0;
  text-transform: none;
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .item-date-added,
  .pt_wish-list .item-list .item-actions {
    text-align: center;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-holders .item-image,
  .pt_wish-list .item-list.item-list-holders .item-details {
    float: left;
  }
  .pt_wish-list .item-list.item-list-holders .item-details {
    max-width: calc(100% - 300px);
    min-height: 175px;
  }
  .pt_wish-list .item-list.item-list-holders .item-date-added,
  .pt_wish-list .item-list.item-list-holders .item-actions {
    float: right;
    width: 170px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-holders .option-quantity-desired {
    margin: 5px 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list.item-list-holders .option-quantity-desired {
    margin: 5px 0;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list.item-list-holders .option-add-to-cart {
    margin: 50px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list.item-list-holders .option-add-to-cart {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list.item-list-holders .option-add-to-cart {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .item-details,
  .pt_wish-list .item-list .item-date-added,
  .pt_wish-list .item-list .item-actions {
    padding-left: 70px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .item-details {
    padding-bottom: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .item-date-added {
    padding-left: 30px;
    padding-right: 30px;
    width: 175px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list .item-date-added .form-row {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .item-date-added .form-row {
    padding-bottom: 10px;
  }
}
.pt_wish-list .item-list .item-date-added span.error {
  margin-left: 0;
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .option-quantity-desired {
    margin: 25px 0 0;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .option-quantity-desired label:not(.product-quantity-label) {
    display: block;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list .option-quantity-desired label:not(.product-quantity-label) {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .option-quantity-desired label:not(.product-quantity-label) {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list .option-quantity-desired .field-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (max-width : 767px) {
  .pt_wish-list .item-list .option-quantity-desired .field-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
}
.pt_wish-list .item-list .option-quantity-desired input {
  padding: 0;
  text-align: center;
  width: 80px;
}
.pt_wish-list .item-list .option-quantity-desired input.quantity__input {
  width: 50px;
}
@media only screen and (min-width : 1025px) {
  .pt_wish-list .item-list .item-actions {
    padding-left: 30px;
    width: 220px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_wish-list .item-list .item-actions {
    clear: right;
    width: 170px;
  }
  .pt_wish-list .item-list .item-actions .add-to-cart {
    min-width: 170px;
  }
}
.pt_wish-list .item-list .item-actions .price-sales {
  display: inline;
  padding: 0;
}

h1.set-new-password-title {
  margin-bottom: 30px;
}
@media only screen and (min-width : 768px) {
  h1.set-new-password-title {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    padding: 0 0 30px;
  }
}
@media only screen and (max-width : 767px) {
  h1.set-new-password-title {
    padding: 0 10px;
  }
}

.set-new-password-form {
  margin-bottom: 60px;
}
@media only screen and (min-width : 768px) {
  .set-new-password-form {
    width: 470px;
    margin: 0 auto 60px;
  }
}
@media only screen and (max-width : 767px) {
  .set-new-password-form {
    padding: 0 10px;
  }
}
.set-new-password-form .form-row-button {
  padding-top: 10px;
}

.data-table {
  color: #505050;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
.data-table-row {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 15px 0;
}
@media only screen and (max-width : 767px) {
  .data-table-status {
    display: block;
  }
  .data-table-status .data-table-label,
  .data-table-status .data-table-description {
    width: 100%;
  }
}
.data-table-rewards {
  border-bottom: 0;
}
.data-table-coupons {
  padding-top: 0;
}
@media only screen and (max-width : 767px) {
  .data-table-coupons {
    display: block;
  }
  .data-table-coupons .data-table-label {
    display: none;
  }
  .data-table-coupons .data-table-description {
    width: 100%;
  }
}
.data-table-label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  width: 50%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .data-table-label {
    width: 35%;
  }
}
.data-table-description {
  margin: 0;
  width: 50%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .data-table-description {
    width: 65%;
  }
}
.data-table-alle .data-table-row:last-of-type {
  border-bottom: none;
}

.brilliant-account-footer {
  padding: 30px 0;
  text-align: right;
}
@media only screen and (max-width : 767px) {
  .brilliant-account-footer {
    text-align: center;
  }
  .brilliant-account-footer .btn-secondary {
    font-size: 0.75rem;
  }
}

.progress-container {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  overflow: hidden;
  position: relative;
  width: 300px;
}
@media only screen and (max-width : 767px) {
  .progress-container {
    margin: 0 auto;
  }
}

.progress-bar {
  height: 112px;
  margin: 50px auto 0;
  overflow: hidden;
  position: relative;
  width: 230px;
}
.progress-bar .pb1 {
  background: #f1f1f1;
  border-left: 2px solid #6f6f6f;
  border-radius: 115px 115px 0 0;
  border-right: 2px solid #6f6f6f;
  border-top: 2px solid #6f6f6f;
  bottom: -3px;
  height: 115px;
  left: 0;
  position: absolute;
  width: 230px;
}
.progress-bar .pb2 {
  background: #ffffff;
  border-left: 2px solid #6f6f6f;
  border-radius: 95px 95px 0 0;
  border-right: 2px solid #6f6f6f;
  border-top: 2px solid #6f6f6f;
  bottom: -3px;
  height: 95px;
  left: 50%;
  margin: 0 0 0 -95px;
  position: absolute;
  width: 190px;
}
.progress-bar .pb3 {
  border-radius: 0 0 105px 105px;
  border: 2px solid #000000;
  bottom: 0;
  clip: rect(3px, auto, auto, auto);
  height: 105px;
  left: 50%;
  margin-left: -105px;
  position: absolute;
  top: 115px;
  transform-origin: center top;
  transition: all 1.3s ease-in-out;
  width: 210px;
  z-index: 2;
}

.progress-current {
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 115px;
  transform: translateX(-50%);
}
.progress-current-label {
  display: block;
  margin: 0;
}
.progress-current-label-icon {
  font-size: 1.75rem;
  height: 1.75rem;
  margin: 0 auto 10px;
  position: relative;
  width: 1.75rem;
}
.progress-current-label .i-rank {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.progress-current-label-copy {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #000000;
  text-transform: uppercase;
}
.progress-current-description {
  display: block;
  margin: 0;
}
.progress-current-silver .i-rank {
  color: #6f6f6f;
}
.progress-current-silver .i-rank:nth-child(1) {
  display: block;
  left: 0;
}
.progress-current-gold .i-rank {
  color: #e1ad34;
}
.progress-current-gold .i-rank:nth-child(1) {
  display: block;
  left: -0.28em;
}
.progress-current-gold .i-rank:nth-child(2) {
  display: block;
  left: 0.28em;
}
.progress-current-diamond .i-rank {
  color: #9A6247;
}
.progress-current-diamond .i-rank:nth-child(1) {
  display: block;
  left: 0;
}
.progress-current-diamond .i-rank:nth-child(2) {
  display: block;
  left: -0.56em;
}
.progress-current-diamond .i-rank:nth-child(3) {
  display: block;
  left: 0.56em;
}

.progress-label {
  width: 1.125rem;
  height: 1.125rem;
  left: 0;
  position: absolute;
  top: 0;
}
.progress-label-icon {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.progress-label-icon .i-rank {
  font-size: 1.125rem;
  position: absolute;
  display: none;
}
.progress-label-copy {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  top: 1.125rem;
  transform: translateX(-50%);
}

.progress-label-silver {
  left: 37px;
  top: 170px;
}
.progress-label-silver .i-rank {
  color: #6f6f6f;
}
.progress-label-silver .i-rank:nth-child(1) {
  display: block;
  left: 0;
}

.progress-label-gold {
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
}
.progress-label-gold .i-rank {
  color: #e1ad34;
}
.progress-label-gold .i-rank:nth-child(1) {
  display: block;
  left: -0.28em;
}
.progress-label-gold .i-rank:nth-child(2) {
  display: block;
  left: 0.28em;
}

.progress-label-diamond {
  left: auto;
  right: 37px;
  top: 170px;
}
.progress-label-diamond .i-rank {
  color: #9A6247;
}
.progress-label-diamond .i-rank:nth-child(1) {
  display: block;
  left: 0;
}
.progress-label-diamond .i-rank:nth-child(2) {
  display: block;
  left: -0.56em;
}
.progress-label-diamond .i-rank:nth-child(3) {
  display: block;
  left: 0.56em;
}

.progress-points {
  margin: 0;
  text-align: center;
}
.progress-points-label {
  padding: 55px 0 0;
}
.progress-points-description {
  color: #000000;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  margin: 0;
}

.product-subscription-header {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 0 30px;
}
.product-subscription-header h1 {
  margin: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-subscription-header h1 {
    margin: 0 0 20px;
  }
  .product-subscription-header .btn-secondary {
    margin-top: -22px;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-header {
    flex-direction: column;
    margin: 0 0 20px;
    text-align: center;
  }
  .product-subscription-header h1 {
    margin: 0 0 10px;
  }
}
.product-subscription-header-link {
  font-size: 1rem;
  padding-left: 1.25rem;
  position: relative;
}
.product-subscription-header-link .i-form-arrow {
  font-size: 1rem;
  left: 0;
  position: absolute;
  top: 50%;
}
.product-subscription-header-link .i-form-arrow.opened {
  transform: translateY(-50%) rotate(90deg);
}
.product-subscription-header-link .i-form-arrow.closed {
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (max-width : 767px) {
  .product-subscription-header-link {
    display: inline-block;
    vertical-align: top;
  }
}
.product-subscription-items {
  padding: 0 0 30px;
}
@media only screen and (max-width : 767px) {
  .product-subscription-items {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.product-subscription-item {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  font-size: 1rem;
  padding-top: 30px;
}
.product-subscription-item:first-child {
  padding-top: 0;
}
.product-subscription-item-image {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 125px;
  padding: 2px;
}
.product-subscription-item-image a {
  display: block;
}
.product-subscription-item-image img {
  max-height: 156px;
}
@media only screen and (max-width : 767px) {
  .product-subscription-item-image img {
    max-height: 78px;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-item-image {
    height: 78px;
    min-width: 62px;
    width: 62px;
  }
}
.product-subscription-item-row {
  border-left: 1px solid rgba(111, 109, 109, 0.5);
  border-right: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  flex-flow: row nowrap;
  padding: 20px 30px 25px 20px;
}
.product-subscription-item-row-side {
  padding-right: 20px;
  width: 143px;
}
.product-subscription-item-row-main {
  flex: 1;
}
@media only screen and (max-width : 767px) {
  .product-subscription-item-row-main {
    text-align: left;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-item-row {
    padding: 20px 10px;
  }
  .product-subscription-item-row-side {
    padding-right: 10px;
    width: 70px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-subscription-item-status {
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.875rem;
  }
  .product-subscription-item-status .product-subscription-item-row-side,
  .product-subscription-item-status .product-subscription-item-row-main {
    flex: auto;
    padding: 0;
    width: auto;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-item-status {
    display: block;
  }
  .product-subscription-item-status .product-subscription-item-row-side,
  .product-subscription-item-status .product-subscription-item-row-main {
    width: 100%;
  }
  .product-subscription-item-status .product-subscription-item-row-main {
    padding-top: 10px;
  }
}
.product-subscription-name {
  font-size: 1.25rem;
  margin: 0 0 20px;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .product-subscription-name {
    margin: 0 0 10px;
  }
}
.product-subscription-information {
  display: flex;
  flex-flow: row wrap;
  padding: 0 0 20px;
}
.product-subscription-information li {
  flex-basis: 50%;
}
.product-subscription-information li:first-child {
  flex-basis: 100%;
  padding-bottom: 10px;
}
@media only screen and (max-width : 767px) {
  .product-subscription-information {
    display: block;
  }
  .product-subscription-information li,
  .product-subscription-information li:first-child {
    padding-bottom: 0;
    width: 100%;
  }
}
.product-subscription-information .availability-msg {
  max-width: 150px;
  margin: 0 0 0 32px;
  text-align: center;
}
@media only screen and (min-width : 1201px) {
  .product-subscription-information {
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  .product-subscription-information li {
    width: 33.3%;
  }
  .product-subscription-information li:last-child {
    text-align: right;
  }
  .product-subscription-information .product-quantity-label {
    padding: 0 !important;
  }
  .product-subscription-information li,
  .product-subscription-information li:first-child {
    flex: 0 0 auto;
    padding: 0;
  }
}
.product-subscription-information .product-price {
  display: inline;
}
.product-subscription-form {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  position: relative;
}
.product-subscription-form-item {
  padding: 20px 0 0;
}
.product-subscription-form-item .form-row {
  padding: 0;
}
.product-subscription-form-item .form-row > label {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  background: white;
  padding: 0;
  margin: 0;
}
.product-subscription-form-item-line {
  padding-top: 20px;
  width: 70%;
}
.product-subscription-form-item-line:first-child {
  padding-top: 0;
}
.product-subscription-form-item-line button {
  display: block;
  width: 100%;
  line-height: normal;
}
.product-subscription-form-item .is-desktop-large {
  display: none;
}
@media only screen and (max-width : 767px) {
  .product-subscription-form-item-line {
    padding-top: 10px;
    width: 100%;
  }
  .product-subscription-form-item-line button {
    display: inline-block;
    width: auto;
  }
  .product-subscription-form-item-line label {
    padding-left: 0;
  }
}
@media only screen and (max-width : 1024px) {
  .product-subscription-form-item-column3 {
    padding-top: 30px;
  }
  .product-subscription-form-item-column2-3 {
    padding-top: 15px;
  }
}
@media only screen and (min-width : 1201px) {
  .product-subscription-form-item {
    align-items: flex-end;
    display: flex;
    flex-flow: row nowrap;
  }
  .product-subscription-form-item-line {
    padding-top: 0;
    width: auto;
  }
  .product-subscription-form-item-line button {
    display: inline-block;
    width: auto;
  }
  .product-subscription-form-item-column1, .product-subscription-form-item-column2 {
    width: 30%;
  }
  .product-subscription-form-item-column2 {
    padding-left: 20px;
  }
  .product-subscription-form-item-column3 {
    padding-top: 0;
    text-align: right;
    width: 40%;
  }
  .product-subscription-form-item-column2-3 {
    color: #505050;
    font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
    padding-left: 20px;
    width: 70%;
  }
  .product-subscription-form-item .is-desktop-large {
    display: block;
  }
  .product-subscription-form-item .is-desktop-not-large {
    display: none;
  }
}
.product-subscription-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.product-subscription-action-item {
  padding-right: 1.625rem;
  position: relative;
  white-space: nowrap;
}
@media only screen and (max-width : 480px) {
  .product-subscription-action-item {
    letter-spacing: -0.1px;
    padding-right: 1.375rem;
  }
}
.product-subscription-action-item .i-help-icon {
  color: #6F6D6D;
  font-size: 1.25rem;
  margin: -0.625rem 0 0;
  position: absolute;
  right: 0;
  top: 50%;
  white-space: normal;
}
.product-subscription-item-paused .product-subscription-item-status .text-bold-small {
  color: #9A6247;
}
.product-subscription-item-paused .product-subscription-form:after {
  background: rgba(255, 255, 255, 0.65);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.product-subscription-details {
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  font-size: 1rem;
  margin-bottom: 30px;
  padding: 30px;
}
.product-subscription-details-options {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.product-subscription-details-options-item {
  width: 30%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-subscription-details-options-item {
    width: 45%;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-details-options-item {
    width: 100%;
  }
}
.product-subscription-details.hidden {
  display: none;
}
.product-subscription-details-card {
  margin: 0;
  padding: 0 0 22px;
}
@media only screen and (max-width : 767px) {
  .product-subscription-details-card {
    padding: 0 0 20px;
  }
}
.product-subscription-details-card-label {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  display: block;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  padding: 0 0 15px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-subscription-details-card-label {
    padding: 0 0 10px;
  }
}
.product-subscription-details-card-definition {
  display: block;
  margin: 0;
  padding: 15px 15px 0;
}
.product-subscription-details-card-definition .mini-address-name {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.product-subscription-details-card-select {
  display: block;
  margin: 0;
  padding: 20px 0 0;
}
.product-subscription-details-card .address-label-phone {
  display: none;
}
.product-subscription-details-card .address {
  font-style: normal;
}
.product-subscription-details-actions {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 1024px) {
  .product-subscription-details-actions {
    margin-bottom: 20px;
  }
}
.product-subscription-details-actions-item {
  padding: 20px 0 0;
}
.product-subscription-details-actions-item:first-child {
  padding: 0;
}
@keyframes subscription {
  0% {
    height: 0;
  }
  100% {
    height: 105px;
  }
}
.product-subscription-details-actions .details-actions {
  height: 0;
  overflow: hidden;
}
.product-subscription-details-actions .details-actions button {
  display: none;
}
@media only screen and (min-width : 1025px) {
  .product-subscription-details-actions .details-actions {
    width: 30%;
  }
}
.product-subscription-details-actions .details-actions.visible {
  animation: subscription 0.1s alternate;
  height: 105px;
  margin-bottom: 30px;
}
.product-subscription-details-actions .details-actions.visible button {
  display: block;
  margin: 0 auto;
}
.product-subscription-details-actions button {
  min-width: 187px;
}
.product-subscription-details-information {
  padding-left: 1.75rem;
  position: relative;
}
.product-subscription-details-information .i-information {
  cursor: inherit;
  font-size: 1.25rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
}
@media only screen and (max-width : 767px) {
  .product-subscription-details-information {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .product-subscription-details {
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 10px;
    text-align: left;
  }
  .product-subscription-details + .btn-secondary {
    display: block;
    margin-top: -3px;
    margin-bottom: 27px;
  }
}
.product-subscription-cancel .tooltip .tooltip-content {
  transform: translateX(0);
  right: 0;
}
@media only screen and (max-width : 767px) {
  .product-subscription-cancel .tooltip .tooltip-content {
    left: auto;
    right: -10px;
  }
}
.product-subscription-cancel .tooltip .tooltip-text {
  white-space: initial;
}
.product-subscription-pause .tooltip .tooltip-content {
  transform: translateX(0);
  left: -110px;
}

.delete-subscription-dialog {
  max-width: 527px;
}
.delete-subscription-dialog .ui-dialog-content {
  text-transform: capitalize;
}
.delete-subscription-dialog .ui-dialog-buttonset {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width : 767px) {
  .delete-subscription-dialog .ui-dialog-buttonset {
    flex-wrap: wrap;
  }
}
.delete-subscription-dialog .ui-dialog-buttonset:first-child {
  margin: 0 20px 0 0;
}
@media only screen and (max-width : 767px) {
  .delete-subscription-dialog .ui-dialog-buttonset:first-child {
    margin: 20px 0 0;
  }
}
.delete-subscription-dialog .ui-dialog-buttonset .ui-button {
  min-width: 195px;
}

.subscriptions-primary .product-subscription-information__price span {
  text-decoration: line-through;
}
.subscriptions-primary .product-subscription-information__subscription-price span {
  color: #ec0006;
}
.subscriptions-primary .product-subscription-information .quantity {
  display: inline-flex;
  align-items: flex-start;
  margin-left: 10px;
}
.subscriptions-primary .product-subscription-information .product-quantity-label:not(.js-product-quantity-label) {
  padding: 0 0 10px 0;
}

@media only screen and (max-width : 767px) {
  .pt_product-search-result .product-tile {
    padding: 0 0 30px 0;
  }
}

@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions {
    padding: 0 10px;
  }
}
.account-delayed-subscriptions .button-wrapper {
  text-align: right;
}
@media only screen and (max-width : 480px) {
  .account-delayed-subscriptions .button-wrapper a + a {
    font-size: 0.8rem;
    white-space: nowrap;
  }
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .button-wrapper a:first-of-type {
    padding: 0 10px;
  }
}
@media only screen and (max-width : 480px) {
  .account-delayed-subscriptions .button-wrapper a.js-delayed-subscription-confirm-submit {
    font-size: 16px;
  }
}
.account-delayed-subscriptions h1 {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions h1 {
    flex-direction: column;
    justify-content: center;
    padding: 0;
    text-align: center;
  }
  .account-delayed-subscriptions h1 .btn-secondary {
    font-size: 0.75rem;
    letter-spacing: -0.5px;
    margin-top: 28px;
  }
  .account-delayed-subscriptions h1 .btn {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .account-delayed-subscriptions h1 .btn {
    font-size: 12px;
    padding: 0;
  }
}
.account-delayed-subscriptions h1.title-no-result {
  display: block;
}
.account-delayed-subscriptions .subtitle {
  display: block;
  text-align: center;
  text-transform: none;
}
.account-delayed-subscriptions .product-tile {
  padding: 0 0 40px 0;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .product-tile {
    padding: 0 0 30px 0;
  }
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .product-tile label .fake-checkbox {
    margin-right: 5px;
  }
}
.account-delayed-subscriptions .product-tile label .fake-checkbox + span {
  display: inline-block;
}
@media only screen and (max-width : 480px) {
  .account-delayed-subscriptions .product-tile label .fake-checkbox + span {
    width: calc(100% - 25px);
  }
}
.account-delayed-subscriptions .product-tile label .fake-checkbox + span:after {
  background: red;
  height: 25px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
@media only screen and (max-width : 480px) {
  .account-delayed-subscriptions .product-tile .f-field-checkbox label {
    text-align: left;
  }
}
.account-delayed-subscriptions .duplicate-subscription-message {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #028845;
  line-height: 1.2;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 0;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .duplicate-subscription-message {
    margin-top: -5px;
  }
}
.account-delayed-subscriptions .wrapper-two-columns {
  padding: 0;
}
.account-delayed-subscriptions #main + .button-wrapper {
  padding-bottom: 60px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .account-delayed-subscriptions #main + .button-wrapper {
    padding-bottom: 40px;
  }
}
.account-delayed-subscriptions .search-result-banner,
.account-delayed-subscriptions .autoshipDeliveryOptions,
.account-delayed-subscriptions .class-refinement-autoshipdeliveryoptions,
.account-delayed-subscriptions .refinement-header-search,
.account-delayed-subscriptions .cat-banner,
.account-delayed-subscriptions .sort-by {
  display: none;
}
.account-delayed-subscriptions .product-subscription-information {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
}
.account-delayed-subscriptions .product-subscription-information .input-text {
  padding: 0;
  text-align: center;
  width: 50px;
}
.account-delayed-subscriptions .product-subscription-information__price span {
  text-decoration: line-through;
}
.account-delayed-subscriptions .product-subscription-information__subscription-price span {
  color: #ec0006;
}
.account-delayed-subscriptions .product-subscription-information .quantity {
  display: inline-flex;
  align-items: flex-start;
  margin-left: 10px;
}
.account-delayed-subscriptions .product-subscription-information .product-quantity-label {
  padding: 0 0 10px 0;
}
.account-delayed-subscriptions .product-subscription-items {
  padding: 0 0 40px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .account-delayed-subscriptions .product-subscription-items {
    padding: 0 0 20px;
  }
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .product-subscription-items .button-wrapper .btn {
    width: 100%;
    font-size: 16px;
  }
}
.account-delayed-subscriptions .product-subscription-details-options-item {
  position: relative;
}
.account-delayed-subscriptions .product-subscription-details-options-item a {
  position: absolute;
  right: 0;
  top: 0;
}
.account-delayed-subscriptions .product-subscription-form-item {
  align-items: flex-start;
}
.account-delayed-subscriptions .product-subscription-form-item label {
  padding: 0;
}
.account-delayed-subscriptions .product-subscription-form-item .select-field-wrapper {
  display: inline-block;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.account-delayed-subscriptions .product-subscription-form-item-column2 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.account-delayed-subscriptions .product-subscription-form-item-column2 label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 1200px) {
  .account-delayed-subscriptions .product-subscription-form-item-column2 .datepicker-wrapper {
    display: inline-block;
    max-width: 180px;
  }
}
.account-delayed-subscriptions .progress-label {
  background-color: #ffffff;
  border-radius: 20px;
  border: 2px solid #e2e0de;
  display: block;
  height: 24px;
  left: auto;
  line-height: 1.5rem;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 7px;
  width: 24px;
  z-index: 2;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions #secondary {
    margin-bottom: 30px;
  }
}
.account-delayed-subscriptions .showselectproductgrid-sell_product {
  vertical-align: top;
}
.account-delayed-subscriptions .section-header {
  background: #F7F5F1;
  padding: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
  .account-delayed-subscriptions .section-header {
    margin-bottom: 30px;
  }
}
.account-delayed-subscriptions .section-header .section-phrase {
  margin: 0;
}
.account-delayed-subscriptions .delayed-subscriptions-search {
  position: relative;
  z-index: 3;
}
.account-delayed-subscriptions .delayed-subscriptions-search .button-on-input {
  z-index: 994;
}
.account-delayed-subscriptions .delayed-subscriptions-search .search-suggestion-wrapper {
  z-index: 3;
}
.account-delayed-subscriptions .delayed-subscriptions-search .search-suggestion-wrapper .search-phrase {
  margin-bottom: 10px;
}
.account-delayed-subscriptions .delayed-subscriptions-search .search-suggestion-wrapper .product-suggestion {
  display: block;
}
.account-delayed-subscriptions .page-title a {
  background: #ffffff;
  border-color: #9A6247;
  color: #9A6247;
}
.account-delayed-subscriptions .page-title a:hover {
  background: #6f6f6f;
  border-color: #6f6f6f;
  color: #ffffff;
}

.showselectproductgrid-sell_product input[type=checkbox]:checked ~ .progress-label {
  background-color: #000000;
  border: 1px solid #9A6247;
  font-family: "icomoon";
}
.showselectproductgrid-sell_product input[type=checkbox]:checked ~ .progress-label:before {
  color: #ffffff;
  content: "\e92a";
  font-size: 0.5rem;
  left: 6px;
  position: absolute;
  top: 0;
}

.delayed-subscriptions-person-wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-person-wrapper {
    /*align-items: center;
    flex-direction: column;*/
    display: block;
    padding: 50px 10px 0;
  }
}
.delayed-subscriptions-person-wrapper .button-wrapper {
  margin-bottom: 20px;
}
.delayed-subscriptions-person-wrapper .button-wrapper a {
  display: block;
}
.delayed-subscriptions-navigation {
  display: flex;
  padding-bottom: 20px;
  padding-top: 15px;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-navigation {
    justify-content: center;
    text-align: center;
  }
}
.delayed-subscriptions-navigation li {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  margin-right: 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .delayed-subscriptions-navigation li {
    font-size: 1rem;
  }
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-navigation li {
    margin-right: 0;
  }
}
.delayed-subscriptions-navigation li a.not-active {
  color: #6F6D6D;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-navigation li a.not-active {
    display: none;
  }
}
.delayed-subscriptions-navigation li a.not-clickable {
  cursor: text;
  pointer-events: none;
}
.delayed-subscriptions-shipdate .product-subscription-form-item-column2-3 {
  padding-top: 20px;
}
@media only screen and (min-width : 1201px) {
  .delayed-subscriptions-shipdate .product-subscription-form-item-column2-3 {
    padding-top: 40px;
    text-align: right;
    width: 40%;
  }
}
.delayed-subscriptions-shipdate li:first-child, .delayed-subscriptions-shipdate li:last-child {
  padding: 8px 0;
}
@media only screen and (min-width : 768px) {
  .delayed-subscriptions-search {
    width: 45%;
  }
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-search fieldset {
    margin-bottom: 35px;
  }
}
.delayed-subscriptions-choose-description {
  padding-bottom: 35px;
}
.delayed-subscriptions-choose-description ~ #main .product-available {
  display: none;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-mobile-description {
    padding: 0 10px 30px;
    text-align: center;
  }
}
.delayed-subscriptions-tools {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width : 1025px) {
  .delayed-subscriptions-tools {
    margin-left: 260px;
    width: calc(100% - 260px);
  }
}
@media only screen and (min-width : 768px) {
  .delayed-subscriptions-tools .button-wrapper a {
    clear: right;
    float: right;
  }
  .delayed-subscriptions-tools .button-wrapper a + a {
    margin: 10px 0;
  }
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-tools {
    display: block;
    padding-bottom: 35px;
  }
  .delayed-subscriptions-tools:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
  }
  .delayed-subscriptions-tools .button-wrapper {
    float: right;
    text-align: left;
  }
  .delayed-subscriptions-tools .button-wrapper a {
    clear: left;
    float: left;
  }
  .delayed-subscriptions-tools .button-wrapper a + a {
    margin: 5px 0 5px 15px;
  }
}
@media only screen and (min-width : 768px) {
  .delayed-subscriptions-person {
    width: 46%;
  }
}
@media only screen and (min-width : 768px) {
  .delayed-subscriptions-card {
    width: 44%;
  }
}
.delayed-subscriptions-card .form-row-button {
  margin-top: 30px;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-card .form-row-button button {
    display: block;
    width: 100%;
  }
}
.delayed-subscriptions-hpf-container iframe {
  width: 100%;
  height: 310px;
  border: none;
}
@media (min-width: 768px) and (max-width: 955px) {
  .delayed-subscriptions-hpf-container iframe {
    height: 370px;
  }
}
@media (max-width: 415px) {
  .delayed-subscriptions-hpf-container iframe {
    height: 385px;
  }
}
.delayed-subscriptions-hpf-container iframe.submitted {
  pointer-events: none;
  opacity: 0.9;
}
.delayed-subscriptions-shipping, .delayed-subscriptions-billing {
  padding: 0 0 40px;
}
@media only screen and (min-width : 768px) {
  .delayed-subscriptions-shipping, .delayed-subscriptions-billing {
    width: 46%;
  }
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-shipping .button-fancy-large, .delayed-subscriptions-billing .button-fancy-large {
    display: block;
    width: 100%;
  }
}
.delayed-subscriptions-billing .f-field-checkbox {
  display: block;
}
.delayed-subscriptions-confirm {
  padding: 0 0 60px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .delayed-subscriptions-confirm {
    padding: 0 0 40px;
  }
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-confirm .button-wrapper a {
    display: block;
  }
}
.delayed-subscriptions-confirm .product-subscription-details-card-definition {
  padding: 15px 0 0;
}
.delayed-subscriptions-confirm .product-subscription-shipping-method {
  margin-top: 10px;
}
.delayed-subscriptions-confirm .product-subscription-shipping-method-value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.delayed-subscriptions-confirm .order-tc-policy {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-confirm .order-tc-policy {
    text-align: left;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .delayed-subscriptions-confirmed {
    padding: 0 0 10px;
  }
}
.delayed-subscriptions-confirmed .page-title + .btn-secondary {
  margin: 0 auto;
}
.delayed-subscriptions-confirmed .product-subscription-details-card-definition {
  padding: 15px 0 0;
}
.delayed-subscriptions-confirmed .product-subscription-shipping-method {
  margin-top: 10px;
}
.delayed-subscriptions-confirmed .product-subscription-shipping-method-value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.delayed-subscriptions-confirmed-description {
  text-align: center;
}
.delayed-subscriptions-confirmed-button {
  padding: 20px 0 30px;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  .delayed-subscriptions-confirmed-button {
    width: 100%;
  }
}
.delayed-subscriptions-confirmed .product-subscription-details-options-item a {
  display: none;
}
@media only screen and (min-width : 1201px) {
  .delayed-subscriptions-confirm .product-subscription-form-item-column2-3, .delayed-subscriptions-confirmed .product-subscription-form-item-column2-3 {
    text-align: right;
    width: 40%;
  }
}

.pt_cart {
  background-color: #F7F5F1;
  overflow-x: hidden;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_cart .shopping-cart {
    margin: 0 -30px;
  }
}
.pt_cart .primary-content {
  width: 100%;
}
.pt_cart .primary-content h1,
.pt_cart .primary-content .cart-actions h2 {
  display: inline-block;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-top: 4px;
}
@media only screen and (max-width : 767px) {
  .pt_cart .primary-content h1,
  .pt_cart .primary-content .cart-actions h2 {
    display: block;
    font-size: 1.25rem;
    text-align: center;
  }
}
.pt_cart table {
  width: 100%;
}

.clipped, #bonus-product-dialog .bonus-product-item .quantity label:not(.product-quantity-label), .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .checkout-top-banner {
    margin: 0 30px;
  }
}
.checkout-top-banner div {
  margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  .checkout-top-banner div {
    background-position: 10% 50%;
    background-size: 125%;
  }
}

.cart-empty-icon {
  max-width: 170px;
}
.cart-empty-icon-wrapper {
  margin: 50px 0;
}
.cart-empty-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cart-empty_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 25px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cart-empty_header {
    padding: 0 30px 25px;
  }
}
@media only screen and (max-width : 767px) {
  .cart-empty_header {
    padding-bottom: 15px;
    text-align: center;
  }
}
.cart-empty_header h1.cart-empty-headline {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.cart-empty_header .button-text {
  border: 1px solid rgba(111, 109, 109, 0.5);
  border-radius: 3px;
  flex: 0 0 290px;
  min-width: 290px;
  color: #505050;
}
.cart-empty_header .button-text:hover {
  background: #ffffff;
}
.cart-empty_header .button-text .icon {
  display: none;
}
.cart-empty .slick-slider {
  margin-bottom: 40px;
}

.cart-actions {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  padding-bottom: 10px;
  margin-bottom: -1px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cart-actions {
    padding: 0 30px 10px;
  }
}
@media only screen and (max-width : 767px) {
  .cart-actions {
    padding-bottom: 5px;
  }
  .cart-actions fieldset {
    margin-bottom: 0;
  }
}
.cart-actions-top {
  border: 0 none;
}
@media only screen and (max-width : 767px) {
  .cart-actions-top {
    display: flex;
    flex-direction: column;
  }
}

.cart-action-checkout {
  width: 100%;
  margin-bottom: 0;
}
.cart-action-checkout fieldset {
  margin-bottom: 0;
}
.cart-action-checkout fieldset .button-fancy-large {
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .cart-action-checkout {
    text-align: center;
    order: 2;
  }
}
@media only screen and (max-width : 767px) {
  .cart-actions-top .cart-action-checkout {
    margin-bottom: 16px;
  }
}

.cart-action-continue-shopping {
  float: right;
}
@media only screen and (max-width : 767px) {
  .cart-action-continue-shopping {
    float: none;
    order: 1;
    text-align: center;
  }
}
.cart-action-continue-shopping button {
  background: transparent;
  border: 0 none;
  min-width: auto;
  padding: 0;
}
.touch .cart-action-continue-shopping button, .cart-action-continue-shopping button:hover {
  color: #9A6247;
  background: transparent;
}
@media only screen and (max-width : 767px) {
  .cart-action-continue-shopping button {
    margin-right: 15px;
  }
}
.cart-action-continue-shopping .icon {
  display: inline-block;
  height: 28px;
  line-height: 1.9rem;
  transform: rotate(180deg);
  vertical-align: middle;
}
.cart-action-continue-shopping fieldset {
  margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
  .cart-actions-top .cart-action-continue-shopping {
    margin: 5px 0;
  }
}

.cart-recommendation {
  position: relative;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cart-recommendation {
    margin: 0 auto;
    width: calc(100% - 60px);
  }
}
.cart-recommendation-background {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: -10000px;
  bottom: 0;
  right: -10000px;
}
.cart-recommendation-content {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
}

.mini-cart-content {
  background: #ffffff;
  border: 2px solid #6f6f6f;
  display: none;
  padding: 25px 0;
  position: fixed;
  right: -12px;
  top: 65px;
  width: 395px;
  z-index: 994;
}
.mini-cart-content:after, .mini-cart-content:before {
  border-style: solid;
  content: "";
  position: absolute;
}
.mini-cart-content:after {
  border-color: transparent transparent #ffffff transparent;
  border-width: 16px;
  right: 18px;
  top: -28px;
}
.mini-cart-content:before {
  border-color: transparent transparent #6f6f6f transparent;
  border-width: 14px;
  right: 20px;
  top: -28px;
}
.mini-cart-content .mini-cart-header {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  padding: 0 20px;
}
.mini-cart-content .mini-cart-products {
  -webkit-overflow-scrolling: touch;
  max-height: 384px;
  overflow: auto;
  padding: 0 20px;
}
.mini-cart-content .mini-cart-product {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  min-height: 120px;
  padding: 20px 0;
}
.mini-cart-content .mini-cart-product.collapsed .mini-cart-image {
  display: none;
}
.mini-cart-content .mini-cart-product:first-child {
  border: none;
}
.mini-cart-content .mini-cart-toggle {
  border: 8px solid transparent;
  cursor: pointer;
  display: block;
  height: 0;
  margin-right: 10px;
  width: 0;
}
.mini-cart-content .caret-down {
  border-color: #505050 transparent transparent transparent;
  border-top-width: 12px;
}
.mini-cart-content .caret-right {
  border-color: transparent transparent transparent #505050;
  border-left-width: 12px;
}
.mini-cart-content .mini-cart-image {
  align-items: flex-end;
  display: flex;
  height: 104px;
  justify-content: center;
  margin-right: 15px;
  min-width: 82px;
  width: 82px;
}
.mini-cart-content .mini-cart-image img {
  max-height: 104px;
}
.mini-cart-content .mini-cart-product-info {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 123px);
}
.mini-cart-content .caret-right ~ .mini-cart-product-info {
  width: calc(100% - 30px);
}
.mini-cart-content .mini-cart-name,
.mini-cart-content .mini-cart-attributes {
  line-height: 1;
}
.mini-cart-content .mini-cart-subtotals {
  background-color: #E9E5DE;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 25px 20px;
}
.mini-cart-content .mini-cart-subtotals .label {
  float: left;
}
.mini-cart-content .mini-cart-subtotals .value {
  color: #000000;
  float: right;
}
.mini-cart-content .mini-cart-actions {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mini-cart-content .mini-cart-link-cart {
  margin-bottom: 20px;
}
.mini-cart-content .mini-cart-link-checkout {
  font-size: 0.875rem;
  line-height: 1em;
  text-transform: uppercase;
}

.mini-cart-price {
  float: right;
}
.mini-cart-price .price-standard {
  text-decoration: line-through;
}
.mini-cart-price .price-standard + .price-sales {
  color: #bd0218;
}

.item-list {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
@media only screen and (max-width : 767px) {
  .item-list {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
  }
}
@media only screen and (max-width : 767px) {
  .item-list thead {
    display: none;
  }
}
.item-list thead tr {
  border-top: 1px solid rgba(111, 109, 109, 0.5);
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list thead th:last-child {
    padding-right: 30px;
  }
}
.item-list .notavailable {
  color: #bd0218;
}
.item-list .section-header {
  background: transparent;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  padding: 10px;
  white-space: nowrap;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .section-header {
    padding: 7px 10px 8px;
  }
}
.item-list tr {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  text-align: center;
}
.item-list td {
  padding: 30px 0;
  vertical-align: top;
}
@media only screen and (max-width : 767px) {
  .item-list td {
    padding: 20px 0;
  }
}
.item-list td:first-child {
  padding-left: 30px;
}
@media only screen and (max-width : 767px) {
  .item-list td:first-child {
    padding-left: 10px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list td:last-child {
    padding-right: 30px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list td:last-child {
    padding-bottom: 25px;
  }
}
.item-list label {
  padding: 0 0 3px;
}
.item-list .item-image {
  padding-right: 20px;
  width: 173px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-image {
    width: 130px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-image {
    max-width: 130px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25.625%;
  }
}
.item-list .item-image-wrapper {
  align-items: flex-end;
  display: flex;
  height: 156px;
  justify-content: center;
  min-width: 123px;
  width: 123px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-image-wrapper {
    height: 104px;
    min-width: 82px;
    width: 82px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-image-wrapper {
    height: 78px;
    min-width: 62px;
    width: 62px;
  }
}
.item-list .item-image img {
  max-height: 156px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-image img {
    max-height: 104px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-image img {
    max-height: 78px;
  }
}
.item-list .item-details {
  max-width: 250px;
  text-align: left;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-details {
    max-width: 170px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-details {
    display: block;
    max-width: 100%;
    padding-bottom: 10px;
  }
}
.item-list .product-list-item,
.item-list .product-availability-list,
.item-list .product-weight {
  max-width: 100%;
  width: 100%;
}
.item-list .name {
  margin-bottom: 4px;
  max-width: 240px;
}
@media only screen and (max-width : 767px) {
  .item-list .name {
    margin-right: 10px;
    max-width: 100%;
  }
}
.item-list .name a {
  font-size: 1.25rem;
  line-height: 1;
}
.item-list .sku {
  color: #6F6D6D;
}
.item-list .product-availability-list {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.item-list .product-availability-list .is-in-stock {
  color: #028845;
}
.item-list .product-availability-list .notavailable {
  color: #bd0218;
}
.item-list .product-weight {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  height: 20px;
  margin-top: 3px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-delivery-options > * {
    max-width: 195px;
  }
}
.item-list .item-delivery {
  font-size: 1rem;
}
.item-list .item-delivery .value {
  color: #000000;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .item-list .item-delivery-label {
    padding: 3px 0 8px;
  }
}
.item-list .item-user-actions {
  margin-top: 40px;
}
@media only screen and (min-width : 1025px) {
  .item-list .item-user-actions {
    height: 20px;
    white-space: nowrap;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-user-actions {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-user-actions {
    border-bottom: 1px solid rgba(111, 109, 109, 0.5);
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    display: inline-block;
    margin-top: 12px;
    padding: 13px 0;
  }
}
.item-list .item-user-actions .button-text {
  background: transparent;
  border-radius: 0;
  border-width: 0;
  font-size: 1rem;
  height: auto;
  line-height: 1.3rem;
  min-width: 50px;
  padding: 0;
  text-transform: none;
}
.item-list .add-to-wishlist,
.item-list .in-wishlist {
  display: inline-block;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .add-to-wishlist,
  .item-list .in-wishlist {
    display: block;
  }
}
.item-list .add-to-wishlist + .button-text,
.item-list .in-wishlist + .button-text {
  border-color: rgba(111, 109, 109, 0.5);
  border-width: 0 0 0 1px;
  margin: 0 0 0 16px;
  padding: 0 0 0 18px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .add-to-wishlist + .button-text,
  .item-list .in-wishlist + .button-text {
    border: 0 none;
    margin: 8px 0 0;
    padding: 0;
  }
}
.item-list .select-field-wrapper {
  margin: 0 auto;
  max-width: 240px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .select-field-wrapper {
    max-width: 195px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .select-field-wrapper {
    margin: 0;
  }
}
.item-list .select-field-wrapper select {
  padding-left: 15px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .select-field-wrapper select {
    min-width: 195px;
  }
}
.item-list .save-subscription {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #000000;
  padding: 5px 15px 0;
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .item-list .save-subscription {
    padding: 3px 0 0;
  }
}
.item-list .duplicate-subscription-message {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #028845;
  line-height: 1.2;
  margin-bottom: 7px;
  margin-top: 5px;
}
.item-list .subscription-text {
  display: inline-block;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  padding: 10px 0;
}
.item-list .price-sales,
.item-list .price-total {
  display: block;
  padding: 10px 0;
}
@media only screen and (max-width : 767px) {
  .item-list .price-sales,
  .item-list .price-total {
    display: inline-block;
    padding: 6px 0;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .price-sales-label,
  .item-list .price-total-label {
    display: inline-block;
    font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
    padding-right: 4px;
  }
}
.item-list .quantity-label {
  display: inline-block;
  padding: 2px 4px 8px 0;
}
@media only screen and (max-width : 767px) {
  .item-list .price-total {
    padding: 0;
  }
}
.item-list .price-standard {
  text-decoration: line-through;
}
.item-list .price-standard + .price-sales {
  padding-top: 0;
  color: #bd0218;
}
.item-list .item-quantity input {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  width: 80px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .item-list .item-quantity input {
    width: 60px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-quantity input {
    width: 60px;
  }
}
.item-list .item-quantity input.error, .item-list .item-quantity input.invalid {
  border-color: #bd0218;
  color: #bd0218;
}
.item-list .item-quantity .not-available {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #bd0218;
  line-height: 1rem;
  margin: auto;
  max-width: 180px;
}
@media only screen and (max-width : 767px) {
  .item-list .item-quantity .not-available {
    margin: 0 0 5px;
  }
}
.item-list .item-quantity span.error {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
  display: block;
  line-height: 1em;
  margin: auto;
  max-width: 180px;
}
@media only screen and (max-width : 767px) {
  .item-list .item-quantity span.error {
    margin: 0;
  }
}
.item-list .item-price,
.item-list .item-total {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width : 768px) {
  .item-list .item-delivery-options {
    padding: 30px 10px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-delivery-options {
    display: block;
    padding: 0 10px 0 0;
    text-align: left;
  }
}
@media only screen and (min-width : 1025px) {
  .item-list .item-price,
  .item-list .item-quantity,
  .item-list .item-total {
    width: 135px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .item-price,
  .item-list .item-quantity,
  .item-list .item-total {
    display: block;
    padding: 0 10px 0 0;
    text-align: left;
  }
}
.item-list .cart-row-recommended {
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  margin-bottom: -1px;
}
.item-list .cart-row-recommended-title {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  background: #f1f1f1;
  border-color: rgba(111, 109, 109, 0.5);
  border-style: solid;
  border-width: 0 1px 0 1px;
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .item-list .cart-row-recommended-title {
    border-width: 0;
  }
}
.item-list .cart-row-recommended-title td {
  padding-bottom: 0;
}
.item-list .cart-row-recommended-title + .cart-row-recommended {
  border-top: 0 none;
}
@media only screen and (min-width : 1025px) {
  .item-list .cart-row-recommended .item-user-actions {
    margin-top: 16px;
  }
}
.item-list .cart-bonus-available {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  line-height: 2.625rem;
  margin-top: 40px;
  padding: 10px 20px 10px 30px;
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .item-list .cart-bonus-available {
    line-height: 1.2rem;
    padding-bottom: 20px;
    padding-top: 16px;
  }
}
@media only screen and (max-width : 767px) {
  .item-list .cart-bonus-available .bonus-item-details_header {
    display: block;
  }
}
.item-list .cart-bonus-available .btn {
  float: right;
}
@media only screen and (max-width : 767px) {
  .item-list .cart-bonus-available .btn {
    float: none;
    margin-top: 10px;
  }
}
.item-list .cart-row-bonus .item-user-actions {
  margin-top: 30px;
}
.item-list .price-free {
  text-transform: uppercase;
}

.cart-footer {
  background: #f1f1f1;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  flex-direction: row-reverse;
  font-size: 1rem;
  justify-content: space-between;
  margin: 30px 0 10px;
  padding: 25px 30px;
}
@media only screen and (max-width : 767px) {
  .cart-footer {
    flex-direction: column-reverse;
    margin-top: 0;
    padding: 25px 10px;
  }
}
.cart-footer .cart-order-totals {
  max-width: 410px;
  width: 39%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cart-footer .cart-order-totals {
    width: 40%;
  }
}
@media only screen and (max-width : 767px) {
  .cart-footer .cart-order-totals {
    max-width: 100%;
    width: 100%;
  }
}
.cart-footer .cart-order-totals_header {
  border-bottom: 2px solid #000000;
  margin-bottom: 28px;
  padding-bottom: 8px;
  text-align: right;
}
.cart-footer .cart-order-totals button {
  background: transparent;
  border: 0 none;
  font-size: 1rem;
  height: auto;
  line-height: 1rem;
  min-width: auto;
  padding: 0;
  text-transform: none;
}
.cart-footer .cart-order-totals .order-subtotal {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width : 768px) {
  .cart-footer .bd-coupons-container {
    width: 48.4%;
  }
}

.order-totals-table {
  border-top: 2px solid rgba(111, 109, 109, 0.5);
  padding-top: 30px;
  width: 100%;
}
.order-totals-table tr:not(:last-child) td {
  padding-bottom: 7px;
}
.order-totals-table tr td.value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.order-totals-table tr.order-total {
  border-top: 1px solid #d9d1c5;
}

.order-sales-tax .label-flex {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 767px) {
  .order-sales-tax .label-flex > span:not(.i-help-icon) {
    max-width: 145px;
  }
}

.cart-order-totals .label-flex > span:not(.i-help-icon) {
  max-width: 145px;
}

.cart-coupon-code .cart-account-bonus {
  margin: 0 0 20px;
}
.cart-footer .cart-coupon-code .cart-account-bonus {
  line-height: 1.25rem;
  margin-bottom: 10px;
  width: 360px;
}
@media only screen and (max-width : 767px) {
  .cart-footer .cart-coupon-code .cart-account-bonus {
    width: 100%;
  }
}
.cart-coupon-code .select-field-wrapper {
  display: inline-block;
  margin-right: 30px;
  max-width: 310px;
  width: calc(50% - 20px);
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .cart-coupon-code .select-field-wrapper {
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width : 767px) {
  .cart-coupon-code .select-field-wrapper {
    margin-bottom: 20px;
    max-width: 100%;
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0;
  }
}
.cart-right .cart-coupon-code .select-field-wrapper {
  display: block;
  margin: 0 0 15px 0;
  max-width: none;
  width: 100%;
}
@media only screen and (min-width : 1025px) {
  .cart-coupon-code button {
    min-width: 150px;
  }
}
.cart-right .cart-coupon-code button {
  width: 100%;
}
.cart-coupon-code label {
  display: inline-block;
  padding: 0 10px 0 0;
}
@media only screen and (max-width : 767px) {
  .cart-coupon-code label {
    padding-right: 0;
  }
}
.cart-coupon-code .available-coupons {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-top: 30px;
}
.cart-coupon-code .has-disabled-coupons {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
  line-height: 1.25rem;
  margin-top: 15px;
}
.cart-coupon-code .available-coupon-item {
  margin-top: 18px;
}
.cart-coupon-code .available-coupon-item .f-field-checkbox {
  align-items: center;
  display: flex;
}
.cart-coupon-code .coupon-error-message {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
  padding: 15px 0;
}

.cart-right .checkout-coupon-block__header {
  display: none;
}

.cart-bonus-message {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #000000;
  color: #ffffff;
  line-height: 1rem;
  margin-top: 30px;
  padding: 12px 30px 12px;
  text-align: right;
}
@media only screen and (max-width : 767px) {
  .cart-bonus-message {
    text-align: center;
  }
}

.auto-replenish-dialog {
  max-width: 565px;
}
@media only screen and (max-width : 767px) {
  .auto-replenish-dialog {
    max-width: 280px;
    min-width: 280px;
  }
}
@media only screen and (max-width : 767px) {
  .auto-replenish-dialog h1 {
    padding: 0 10px;
  }
}
.auto-replenish-dialog .ui-dialog-buttonpane {
  padding: 0 20px;
}

.checkout-disabled-dialog {
  max-width: 760px;
}

@media only screen and (min-width : 1025px) {
  .bonus-products-dialog {
    width: 860px !important;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .bonus-products-dialog {
    padding-bottom: 40px;
    width: 580px !important;
  }
}
@media only screen and (max-width : 767px) {
  .bonus-products-dialog {
    padding-bottom: 20px;
  }
}
.bonus-products-dialog .ui-dialog-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #505050;
  padding-left: 10%;
  padding-top: 57px;
  text-transform: uppercase;
  white-space: normal;
}

#bonus-product-dialog {
  padding-top: 10px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog {
    padding: 30px 40px 0;
  }
}
#bonus-product-dialog .bonus-product-item {
  padding: 0 8px;
  width: 217px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width : 768px) {
  #bonus-product-dialog .bonus-product-item {
    margin: 0 40px 0 0;
  }
}
@media only screen and (min-width : 1025px) {
  #bonus-product-dialog .bonus-product-item:nth-of-type(3n) {
    margin: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .bonus-product-item:nth-of-type(2n) {
    margin: 0;
  }
}
#bonus-product-dialog .bonus-product-item-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .bonus-product-item-list {
    justify-content: center;
  }
}
#bonus-product-dialog .bonus-product-item .quantity .input-text {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  max-width: 40px;
  width: auto;
}
#bonus-product-dialog .bonus-product-item .quantity .input-text.error, #bonus-product-dialog .bonus-product-item .quantity .input-text.invalid {
  border-color: #bd0218;
  color: #bd0218;
}
#bonus-product-dialog .bonus-product-item .product-add-to-cart fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#bonus-product-dialog .bonus-product-item .inventory {
  float: left;
}
#bonus-product-dialog .bonus-product-item .inventory > .quantity {
  justify-content: center;
}
#bonus-product-dialog .bonus-product-item .inventory .quantity-error {
  color: #bd0218;
  line-height: 1.15;
  padding: 0;
  text-align: center;
  text-transform: none;
  width: 190px;
  padding-bottom: 10px;
}
#bonus-product-dialog .bonus-product-item .inventory .quantity-error_block {
  margin-top: 10px;
}
#bonus-product-dialog .bonus-product-item .select-bonus-item {
  float: right;
  min-width: 120px;
}
#bonus-product-dialog .bonus-product-item .product-size {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #6F6D6D;
  margin-top: 6px;
  min-height: 24px;
}
#bonus-product-dialog .bonus-product-item .product-points {
  font-size: 1rem;
}
#bonus-product-dialog .bonus-product-item .product-points .icon {
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 6px;
}
#bonus-product-dialog .bonus-product-summary {
  background: #e2e0de;
  border-bottom: 1px solid #6F6D6D;
  border-top: 1px solid #6F6D6D;
  margin: 0 -60px;
  padding: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .bonus-product-summary {
    margin: 0 -40px;
  }
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .bonus-product-summary {
    margin: 0 -20px;
  }
}
#bonus-product-dialog .bonus-product-summary h2 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  margin: 0;
  padding: 25px 30px;
  text-align: left;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .bonus-product-summary h2 {
    padding: 25px 10px;
    text-align: center;
  }
}
#bonus-product-dialog .promotion {
  margin-bottom: 11px;
}
#bonus-product-dialog .product-primary-image {
  align-items: flex-end;
  display: flex;
  height: 275px;
}
#bonus-product-dialog .product-primary-image img {
  margin: 0 auto;
  max-height: 275px;
}
#bonus-product-dialog .product-detail {
  float: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#bonus-product-dialog .product-detail .product-name {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 8px 0 0;
  min-height: 72px;
  padding: 0;
  flex-grow: 1;
}
#bonus-product-dialog .product-detail .product-add-to-cart {
  display: block;
  padding: 8px 0 0;
  position: relative;
}
#bonus-product-dialog .product-detail .product-add-to-cart fieldset {
  margin-bottom: 0;
}
#bonus-product-dialog .product-detail .product-add-to-cart fieldset .quantity-error:empty {
  display: none;
}
#bonus-product-dialog .bonus-promo-footer {
  margin-top: 27px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .bonus-promo-footer {
    margin: 27px 40px 0;
  }
}
#bonus-product-dialog .selected-bonus-items {
  display: flex;
  flex-wrap: wrap;
}
#bonus-product-dialog .selected-item-template + .selected-bonus-item {
  margin-top: -27px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-item-template + .selected-bonus-item {
    margin-top: -33px;
  }
}
#bonus-product-dialog .selected-item-template + .selected-bonus-item + .selected-bonus-item {
  margin-top: -27px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .selected-item-template + .selected-bonus-item + .selected-bonus-item {
    margin-top: 0;
  }
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-item-template + .selected-bonus-item + .selected-bonus-item {
    margin: 0;
  }
}
#bonus-product-dialog .selected-bonus-item {
  border-bottom: 1px solid #6F6D6D;
  margin-bottom: -1px;
  min-height: 216px;
  padding: 30px;
}
@media only screen and (min-width : 1025px) {
  #bonus-product-dialog .selected-bonus-item {
    width: 50%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .selected-bonus-item {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item {
    min-height: 186px;
    padding: 30px 10px;
    width: 100%;
  }
}
#bonus-product-dialog .selected-bonus-item:first-child {
  margin-top: -33px;
}
#bonus-product-dialog .selected-bonus-item:first-child + .selected-bonus-item {
  margin-top: -27px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #bonus-product-dialog .selected-bonus-item:first-child + .selected-bonus-item {
    margin-top: 0;
  }
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item:first-child + .selected-bonus-item {
    margin-top: 0;
  }
}
#bonus-product-dialog .selected-bonus-item .item-attributes {
  display: flex;
  text-align: left;
}
#bonus-product-dialog .selected-bonus-item .item-name {
  color: #505050;
  font-size: 1.25rem;
  width: 250px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item .item-name {
    line-height: 1.25;
    width: 100%;
  }
}
#bonus-product-dialog .selected-bonus-item .item-sku {
  color: #6F6D6D;
  font-size: 1rem;
  margin-top: 3px;
}
#bonus-product-dialog .selected-bonus-item .item-size,
#bonus-product-dialog .selected-bonus-item .item-qty {
  color: #505050;
  font-size: 1rem;
}
#bonus-product-dialog .selected-bonus-item .item-qty {
  margin-top: 3px;
}
#bonus-product-dialog .selected-bonus-item .remove-link {
  font-size: 1rem;
  position: relative;
  top: 8px;
}
#bonus-product-dialog .selected-bonus-item .selected-bonus-img {
  align-items: flex-end;
  background: #ffffff;
  display: flex;
  height: 156px;
  min-width: 123px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item .selected-bonus-img {
    max-height: 104px;
    max-width: 82px;
    min-width: 82px;
  }
}
#bonus-product-dialog .selected-bonus-item .selected-bonus-img img {
  display: block;
  margin: 0 auto;
  max-height: 156px;
  max-width: 123px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item .selected-bonus-img img {
    max-height: 104px;
    max-width: 82px;
  }
}
#bonus-product-dialog .selected-bonus-item .selected-bonus-description {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin-left: 20px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item .selected-bonus-description {
    margin: 0 0 0 10px;
  }
}
#bonus-product-dialog .selected-bonus-item .selected-bonus-attributes_group {
  min-height: 130px;
}
@media only screen and (max-width : 767px) {
  #bonus-product-dialog .selected-bonus-item .selected-bonus-attributes_group {
    min-height: 100px;
  }
}
#bonus-product-dialog .add-to-cart-bonus {
  margin-top: 14px;
}

.learn-more {
  text-decoration: underline;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.learn-more:hover {
  text-decoration: none;
}
.pt_product-details .learn-more {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}

.cart-table-wrapper .cart-row {
  padding: 15px;
  border: 1px solid #e2e0de;
  border-radius: 15px;
  background-color: #fff;
}
@media only screen and (max-width : 767px) {
  .cart-table-wrapper .cart-row {
    padding: 8px;
  }
}
.cart-table-wrapper .cart-row__inner {
  display: flex;
}
.cart-table-wrapper .cart-row:not(:last-child) {
  margin-bottom: 20px;
}
.cart-table-wrapper .cart-row__left {
  margin-right: 10px;
  min-width: 130px;
}
@media only screen and (max-width : 767px) {
  .cart-table-wrapper .cart-row__left {
    min-width: 120px;
  }
}
.cart-table-wrapper .cart-row__left .item-image-wrapper {
  max-width: 130px;
}
.cart-table-wrapper .cart-row__right {
  flex-grow: 1;
  position: relative;
}
.cart-table-wrapper .cart-row__right .item-user-actions {
  position: absolute;
  right: 0;
  top: 3px;
  display: flex;
  align-items: center;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__wrap:not(:last-child) {
  margin-right: 15px;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner {
  display: flex;
  align-items: center;
  width: auto;
  color: #BD896F;
  background-color: transparent;
  border: none;
  text-transform: none;
  height: auto;
  line-height: normal;
  min-width: auto;
  padding: 0;
  font-size: 0.75rem;
  cursor: pointer;
  border-radius: 0;
  outline: none;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner.in-wishlist {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner.in-wishlist:hover, .cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner.in-wishlist:focus {
  opacity: 1;
  cursor: text;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner.in-wishlist .icon-remove-ico svg {
  fill: #BD896F;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner:hover, .cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner:focus {
  opacity: 0.8;
  outline: none;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner:focus-visible {
  outline: 2px #000 solid;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .icon-remove-ico {
  width: 17px;
  height: 16px;
  margin-right: 5px;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .icon-remove-ico svg {
  fill: currentColor;
}
@media (max-width: 950px) and (min-width: 767px) {
  .cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .button-text {
    display: none;
  }
}
@media (max-width: 560px) {
  .cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .button-text {
    display: none;
  }
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .icon-remove {
  display: block;
  width: 2px;
  height: 16px;
  margin-left: 15px;
  background: #BD896F;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .icon-remove-left {
  transform: rotate(-45deg);
  margin-left: 8px;
  margin-top: -16px;
}
.cart-table-wrapper .cart-row__right .item-user-actions .button-text__inner .icon-remove-right {
  margin-left: 8px;
  transform: rotate(45deg);
}
.cart-table-wrapper .cart-row__right .item-details .product-list-item {
  margin-bottom: 15px;
}
.cart-table-wrapper .cart-row__right .item-details .product-list-item .name {
  color: #9A6247;
  max-width: 265px;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row__right .item-details .product-list-item .name {
    padding-right: 65px;
  }
}
.cart-table-wrapper .cart-row__right .promo {
  display: table;
  margin-bottom: 5px;
  padding: 2px 7px 2px 0;
  font-size: 1rem;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row__right .product-item {
    margin-bottom: 5px;
  }
}
.cart-table-wrapper .cart-row__right .product-item,
.cart-table-wrapper .cart-row__right .price-total {
  display: flex;
  align-items: center;
  border: none;
}
.cart-table-wrapper .cart-row__right .product-item .label,
.cart-table-wrapper .cart-row__right .price-total .label {
  width: 110px;
  min-width: 110px;
  font-size: 16px;
  margin-bottom: 0;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row__right .product-item .label,
  .cart-table-wrapper .cart-row__right .price-total .label {
    width: 75px;
    min-width: 75px;
    font-size: 0.875rem;
    line-height: 1.1;
  }
}
.cart-table-wrapper .cart-row__right .product-item .value,
.cart-table-wrapper .cart-row__right .price-total .value {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row__right .product-item .value,
  .cart-table-wrapper .cart-row__right .price-total .value {
    font-size: 0.875rem;
    line-height: 1.1;
  }
}
.cart-table-wrapper .cart-row__right .product-item .value .price-standard,
.cart-table-wrapper .cart-row__right .price-total .value .price-standard {
  margin-right: 5px;
}
.cart-table-wrapper .cart-row__right .product-item .value .price-sales,
.cart-table-wrapper .cart-row__right .price-total .value .price-sales {
  padding: 0;
}
.cart-table-wrapper .cart-row__right .product-item .value .availability,
.cart-table-wrapper .cart-row__right .price-total .value .availability {
  display: flex;
  margin-left: 5px;
}
.cart-table-wrapper .cart-row__right .product-item .value .availability .product-availability-list,
.cart-table-wrapper .cart-row__right .price-total .value .availability .product-availability-list {
  width: auto;
  max-width: none;
  margin-right: 5px;
}
.cart-table-wrapper .cart-row__right .product-item .value .product-sku,
.cart-table-wrapper .cart-row__right .price-total .value .product-sku {
  margin-right: 5px;
}
.cart-table-wrapper .cart-row__right .product-item .value .product-sku + .availability,
.cart-table-wrapper .cart-row__right .price-total .value .product-sku + .availability {
  margin-left: 0;
}
.cart-table-wrapper .cart-row__right .product-item .not-available,
.cart-table-wrapper .cart-row__right .price-total .not-available {
  font-size: 0.875rem;
  color: #f00;
  line-height: 1rem;
  margin-top: 5px;
  max-width: 265px;
}
.cart-table-wrapper .cart-row__right .product-item.item-quantity,
.cart-table-wrapper .cart-row__right .price-total.item-quantity {
  align-items: flex-start;
}
.cart-table-wrapper .cart-row__right .product-item.item-quantity .value,
.cart-table-wrapper .cart-row__right .price-total.item-quantity .value {
  flex-direction: column;
}
.cart-table-wrapper .cart-row__right .item-delivery-options {
  align-items: flex-start;
  margin-top: 10px;
}
.cart-table-wrapper .cart-row__right .item-delivery-options .select-field {
  display: flex;
}
.cart-table-wrapper .cart-row__right .item-delivery-options .select-field__left .subscription-drop-down__wrap {
  position: relative;
  max-width: 200px;
}
.cart-table-wrapper .cart-row__right .item-delivery-options .select-field__left .f-field-radio {
  margin-bottom: 5px;
}
.cart-table-wrapper .cart-row__right .item-delivery-options .select-field__right {
  display: flex;
  flex-direction: column;
}
.cart-table-wrapper .cart-row__right .item-delivery-options .select-field__right .select-field-wrapper {
  margin-bottom: 5px;
  width: 170px;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row .subscription-drop-down,
  .cart-table-wrapper .cart-row .save-subscription {
    min-width: 100px;
  }
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row .subscription-drop-down {
    padding: 0 0 0 7px;
    font-size: 0.875rem !important;
  }
}
.cart-table-wrapper .cart-row .save-subscription {
  margin-top: 5px;
}
.cart-table-wrapper .cart-row .duplicate-subscription-message {
  font-size: 1rem;
  margin-top: 10px;
}
@media (max-width: 500px) {
  .cart-table-wrapper .cart-row .duplicate-subscription-message {
    font-size: 0.875rem;
    line-height: 1.1;
    font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  }
}
.cart-table-wrapper .cart-promo:not(:last-child) {
  margin-bottom: 15px;
}
.cart-table-wrapper .cart-promo .bonus-item-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-table-wrapper .cart-promo .bonus-item-actions .btn {
  min-width: 235px;
}
@media (max-width: 767px) {
  .cart-table-wrapper .cart-promo .bonus-item-actions {
    flex-direction: column;
  }
  .cart-table-wrapper .cart-promo .bonus-item-actions .bonus-item-details_header {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .shopping-cart {
    padding: 0 10px;
  }
}

.cart-right .cart-order-totals {
  padding: 15px;
  border: 1px solid #e2e0de;
  border-radius: 15px;
  background-color: #fff;
}
.cart-right .cart-order-totals__title {
  margin-top: 0;
}
@media (min-width: 450px) and (max-width: 767px) {
  .cart-right .cart-order-totals__buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .cart-right .cart-order-totals__buttons .js-apply-rewards {
    margin-right: 5px;
  }
  .cart-right .cart-order-totals__buttons .cart-action-checkout {
    padding-left: 5px;
  }
}
.cart-right .cart-order-totals__buttons .js-apply-rewards {
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width : 1025px) {
  .cart-right .cart-order-totals .order-totals-table {
    font-size: 0.875rem;
  }
}

.coupons-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.checkout-wrapper .coupons-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .checkout-wrapper .coupons-wrapper {
    width: 100%;
  }
}
.coupons-wrapper fieldset {
  margin-bottom: 10px;
}

.coupons-wrapper-inner {
  display: inline-block;
  padding: 20px 0;
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  width: 100%;
  position: relative;
}
.coupons-wrapper-inner .input-button-container .btn {
  width: 100%;
  margin-top: 20px;
}

.coupons-toggler {
  font-size: 14px;
  color: #9A6247;
  text-transform: uppercase;
}

.coupons-inner-open {
  margin-top: 5px;
}

.coupons-inner-close {
  margin-top: 20px;
}

.coupons-close .coupons-inner-close {
  display: none;
}

.coupons-result.error {
  font-size: 14px;
  color: red;
  margin-top: 5px;
}
@media (min-width: 576px) {
  .coupons-result.error {
    margin-top: 15px;
  }
}

.coupons-result {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.coupons-result-txt {
  font-size: 14px;
  padding-right: 10px;
}
.coupons-result-txt.error {
  padding-top: 5px;
  color: red;
}

.coupons-result-applied {
  color: green;
}

.coupons-result-not-applied {
  color: red;
  padding-right: 5px;
}

.coupons-result-btn {
  font-size: 14px;
  line-height: 1.5rem;
  min-height: unset;
  background: none;
  border: 0;
  color: #9A6247;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  min-width: 65px;
  display: inline;
}

body.loading {
  height: 100vh;
  overflow: hidden;
}

.pt_checkout.pt-onestep {
  background-color: #F7F5F1;
}
.pt_checkout.pt-onestep .footer {
  padding-top: 30px;
}

.checkoutlogin {
  margin: 0 auto;
}
@media only screen and (max-width : 767px) {
  .checkoutlogin {
    padding: 0 10px;
  }
}
.checkoutlogin h2 {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  line-height: 1;
  margin: 0;
  padding: 10px 0 40px;
}
@media only screen and (max-width : 767px) {
  .checkoutlogin h2 {
    border-bottom: none;
    padding: 10px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .checkoutlogin .wrapper-two-columns .equal-width-column.col-1, .checkoutlogin .wrapper-two-columns .equal-width-column.col-2 {
    width: 45%;
  }
}
@media only screen and (min-width : 1025px) {
  .checkoutlogin .wrapper-two-columns .equal-width-column.col-1 {
    margin-left: 30px;
    width: 42.5%;
  }
}
.checkoutlogin .login-box-content {
  margin-bottom: 40px;
}
.checkoutlogin .login-box-content h3, .checkoutlogin .login-box-content .confirmation .label.headline, .confirmation .checkoutlogin .login-box-content .label.headline, .checkoutlogin .login-box-content .footer-social span, .footer-social .checkoutlogin .login-box-content span {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  margin: 30px 0 20px;
  padding-bottom: 5px;
}
.checkoutlogin .login-box-content .formbuttonrow {
  padding-bottom: 0;
}
.checkoutlogin .content-asset h3, .checkoutlogin .content-asset .confirmation .label.headline, .confirmation .checkoutlogin .content-asset .label.headline, .checkoutlogin .content-asset .footer-social span, .footer-social .checkoutlogin .content-asset span,
.checkoutlogin .content-asset p {
  margin: 0;
}
.checkoutlogin .content-asset h4 {
  margin: 20px 0 0;
}
@media only screen and (max-width : 767px) {
  .checkoutlogin .dialog-required {
    display: block;
  }
}
.checkoutlogin .login-rememberme {
  float: left;
  line-height: 1;
  white-space: nowrap;
}
.checkoutlogin .password-reset {
  float: right;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 30px;
}
.checkoutlogin-info .content-asset {
  margin-bottom: 22px;
}
.checkoutlogin-info .content-asset p {
  margin: 20px 0;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.checkoutlogin-info .content-asset ul {
  list-style: disc;
  padding-left: 18px;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
  .checkoutlogin-info .content-asset ul {
    margin-left: 5px;
  }
}
.checkoutlogin .accountlogin-submit:focus {
  background: #ffffff;
  border: 2px solid #000000;
  color: #9A6247;
}

#js-onestep-error {
  margin-top: 20px;
}

.add-card-dialog .label,
.add-card-dialog label,
.pt_checkout .label,
.pt_checkout label,
.delayed-subscriptions-card .label,
.delayed-subscriptions-card label {
  display: inline-block;
  font-size: 1rem;
  padding: 0 0 7px 0;
  line-height: 1;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.add-card-dialog .label .label-flex,
.add-card-dialog label .label-flex,
.pt_checkout .label .label-flex,
.pt_checkout label .label-flex,
.delayed-subscriptions-card .label .label-flex,
.delayed-subscriptions-card label .label-flex {
  display: flex;
}
.add-card-dialog .form-row p,
.add-card-dialog .form-row .form-caption,
.pt_checkout .form-row p,
.pt_checkout .form-row .form-caption,
.delayed-subscriptions-card .form-row p,
.delayed-subscriptions-card .form-row .form-caption {
  padding: 3px 0 0 0 !important;
  margin: 0 !important;
}
.add-card-dialog .form-row p.error,
.add-card-dialog .form-row span.error,
.add-card-dialog .form-row div.error,
.add-card-dialog .form-row .form-caption,
.pt_checkout .form-row p.error,
.pt_checkout .form-row span.error,
.pt_checkout .form-row div.error,
.pt_checkout .form-row .form-caption,
.delayed-subscriptions-card .form-row p.error,
.delayed-subscriptions-card .form-row span.error,
.delayed-subscriptions-card .form-row div.error,
.delayed-subscriptions-card .form-row .form-caption {
  font-size: 12px;
}

.pt_checkout .onestep {
  margin-top: 20px;
}
.pt_checkout legend,
.pt_checkout .legend {
  border: none;
  padding: 0;
}
.pt_checkout fieldset {
  margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
  .pt_checkout .wrapper-two-columns {
    padding: 0 0 30px;
  }
}
.pt_checkout .checkboxes-wrapper .f-field-checkbox {
  float: left;
}
.pt_checkout .primary-content {
  width: 52%;
}
@media only screen and (max-width : 767px) {
  .pt_checkout .primary-content {
    width: 100%;
    padding: 0 10px 50px;
  }
}
.pt_checkout .save-card {
  display: flex;
}
.pt_checkout .save-card .save-card__item:first-child {
  margin-right: 10px;
}
.pt_checkout .checkout-billing .field-wrapper.amex, .pt_checkout .checkout-billing .field-wrapper.visa, .pt_checkout .checkout-billing .field-wrapper.master-card, .pt_checkout .checkout-billing .field-wrapper.discover,
.pt_checkout .checkout-shipping .field-wrapper.amex,
.pt_checkout .checkout-shipping .field-wrapper.visa,
.pt_checkout .checkout-shipping .field-wrapper.master-card,
.pt_checkout .checkout-shipping .field-wrapper.discover {
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 6px;
  background-size: 40px auto;
  padding-right: 50px;
  transition: background-image 0ms ease-in;
}
.pt_checkout .checkout-billing .field-wrapper.amex,
.pt_checkout .checkout-shipping .field-wrapper.amex {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAMAAACn4e/8AAACo1BMVEUAAAAAdtEAcsoAb8wAdcwAdc8Ab9EAcs4Acs4Acc4Acs8Acs4Acs4Acs4Acs4Acs4Acs0Acs4Bc84Cc84DdM8EdM8Fdc8Gdc8Hds8IdtAJd9AKeNALeNAMedANedAOetEPetEQe9ERe9ESfNETfdIUfdIVftIWftIXf9IYf9MZgNMagNMbgdMdgtQeg9Qfg9QihdUjhdUkhtUlhtUniNUpidYqidYritYsitYti9cui9cvjNcwjdcxjdcyjtgzjtg0j9g2kNg3kNk4kdk5ktk6ktk7k9k8k9o9lNo/ldpBltpClttDl9tEmNtFmNtHmdxImtxJmtxKm9xLm9xNnd1Ond1Pnt1Qnt1Rn95Sn95ToN5UoN5Vod5Wot9Xot9Yo99Zo99apN9bpN9cpeBepuBfp+Bgp+BhqOFjqeFmquJnq+JorOJprOJrreNsruNtruNvr+NwsORyseR0suR1s+R3tOV4tOV5teV6teV7tuZ8t+Z9t+Z+uOaAueeBueeDuueEu+eFvOiIveiJvuiKvumLv+mMv+mNwOmOwemPwemQwuqRwuqSw+qUxOqWxeuXxeuZx+ubyOycyOydyeyeyeygyu2hy+2izO2jzO2kze6lze6nzu6oz+6q0O+r0e+s0e+v0/Cx1PCy1PC01vG11vG21/G42PG62fK72fK82vK92/K/3PPB3fPE3vTH4PTI4fTJ4fXK4vXL4vXM4/XO5PbQ5fbR5vbT5/fU5/fV6PfW6PfY6fjZ6vja6/jc7Pjd7Pje7fnf7fng7vnh7vni7/nj8Prk8Prl8frm8frn8vro8vvp8/vq8/vr9Pvt9fzu9vzv9vzw9/zx9/zy+Pzz+P30+f31+f32+v33+/34+/75/P76/P77/f78/f79/v/+/v/////pGckUAAAAEXRSTlMAHB0eIyUnqqytruvt7vDx8l1d6iYAAAABYktHROAoD/8wAAAEL0lEQVRYw+2Y/1fTVRjH13dNzd5jG8svWQuMhSFQQmq0/BKSRSXNoJpGUerIslIky5FSUgTZSuibzWpZrcgyPxVG1IpSMIwPkQw2xnj+lJ57P9tRTv3wWefMHzx7n7Pn3s+9z57XznPv59k912C4YMo0pFDTpl5oMJw/HSnW9PMMU5FyXWK4PPWQyww4C0pD0pA0JA05NyBrfKy2amF9DyPH9y/t371YtvbHX96vjbS45fid8sGmB/IVCf0i7W/mBvoPxaQdlzYaDB6Le3dLm6sD4qAjgPl3IgewiTb0/30l4FW0Ob9XNvN3kQce6q4qsML/LmDtl6H3kRzWA2mjGhRhu4AYrSdC9BoyBMTmYileFLtcK434kqOF81HodCkr2btBQuYP6IVkjfRlLug0Zo8wZC3qaWKR+R4BcchUeDkI0Sr4OJoft4wRKWDv6yIcugK1eiHbaCd20e14kyGHYDv1OardAmLNZ3V6saqubrPFPsjRXmU/og3S+x0O/eucjMM6Id5wDl7wrsMShlApmqvwzSSIVLP4yU3YQ/TnFdL7Vg5Ne+B4XiekPd7pYMhHsJvKyH1muh4NfNyaaexmyAeoIGqMex9iSHQpFuqElKApEAhsQhVDJhYBH2oQex2rS6zJcU7PQYYMZGFp+TV4g70fhIshdDgD+iA1KIydDEZ/Nprs/LU2ftIgiS3soVpywi+S/+0KC1BMA8HwUaN5NnvTkzohLeowFcFHg6qqUm9MHT5OITU8rkqNDQVVhpwIhkbVUfE6quxdihbN++vBqMrDOiBcIJqB27Ry8Vj8M0n3KXHdsbOdH1uBIm2irlp/WTk3S/3eQELtmXhG633SvnWH1tlXWZ/IYePaF98XbeWW19mWJwVRxoOa+ujtzfSX7PZEeMnl2BBRWJsOxSbVZ3dykN54x9pB9EchTKJvXP0DaaPLexJ7O/xsSZbNZqMDN89KOl0MWdDI2m66+uhQCVwVuN+9sRDLSFTl1bNQqSDbzfq+CVfd5HA4eizGUq7W+clCtHrSirwyrIk4oRB1wUpyeCvuTdQbF94SzWfIG//f6eqlp4GyEL/rjT6fGzeQKDPbck0HFZg4S7bvnsPc/OK7A30WzLPduN6VLET+W6mRu4CKMYYI5XwaX5MVwwpmc5YcXSNbFs/llTvW8VDRQnPyayLTEVuP5ctQM+EUm/pIlAi5XOYfwe5EuoSGluAL0e5NHjKvnOVAwcn+Ajwl1yTW2ScgP4YOoDbxv+xj84DV0iucr08eoin7J4p0Z2MOQ8SOFRCP4oc7sYU9wua9J9N47brK5CCnj0ENVdoRSIOwPGdM0iiX4VPxQ1Kyu2uHN6F6I2q0Hg8/IVrn6UlNL7nKZfvKRlv6wJ2GpCFpSBqiEzLzbFx0Xpp6yBTDxTNSzZhxkYGv0VN6NTyTr9H/AV2r9fvnvZvrAAAAAElFTkSuQmCC");
}
.pt_checkout .checkout-billing .field-wrapper.visa,
.pt_checkout .checkout-shipping .field-wrapper.visa {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAMAAACn4e/8AAACjlBMVEUAAAAkN3YjNXsiM3ckM3wpMHwnNHwmM3onMnomNHomM3omM3omM3omM3omM3omM3omM3omM3onNHsoNHkoNXspNXwqN30rOH0sOX4tOX4vOHYvO38wPYAxPYEyPoEzP4I0QII1OnQ1QYM2QoQ6RYY6Roc7R4c8SIg9SYhAQHBBTYtCQm9CTYtDQm9DToxFUY1GUY5IU49JVI9KVZBLVpFMV5FNWJJOWZNPWZNRXJVSXZVTXZZUXpZVX5dWYJdXYZhYYplZY5laZJpbZZpcZZtdZ5xfaZ1hap5ia59jbaBkbaBmVGFmb6FncKJocaNqVl9qc6RrdKRtdqZveKdweadxWV1xeahyeqhze6l0fap1fat2fqt3f6x6gq5+X1h+hbB+hrB/h7GBYVeCibKEi7OEjLSFjbSGjbWHjrWIj7aJkLaKkbeKkbiLkriNlLmOlbqQaVGTbVWTmbyVm72WbE+Xnb6Ynr+Zn7+aoMCbocCbocGdo8KecEuepMOfpcOgpcShp8Wkqcamq8emrMinrciodUiorcmqkIKqnqOrsMqsscuvtM2yts+yt8+zuNC0udC1udG3u9K4vdO7v9S8wNW9gD+9wdbAxNfBxdjCxdjDxtnEyNrFydvHytzJzd3Kzd7LnGvMnGjMz9/NqITN0N/O0eDSkUXS1eLUkUTU1uPU1+TW2eXX2eXa3Ofa3ejb3ejc3und3+nekTPe4Orf2Nbg4evg4uvi5Ozj5e3kkzDk5e3l5+7m6O/n6e/o6fDply7p6vDqly7r3c/r7fLsmC3t7vPv8PTw8fXy8/bz9Pf19fj29vj29/n3+Pn4+fr5+fr6+vv7+/v8/Pz8/fz9+/b9/f3+/Pj+/v3///7///9uJn4fAAAAEXRSTlMAHB0eIyUnqqytruvt7vDx8l1d6iYAAAABYktHRNl3Cnc4AAADDElEQVRYw+2Y6VtNURTGj7k0WbkaiEKZhzLlRhRllnnIPCXJTGQoRaZCA1JkHgspQxlCdEkUDdL5c6x3n9Pg4/5wfHHW89yz3rX2XuvX3Xvfc3qOonSwcyADzcG+o6K0dySDzbGdYk+GWxelm/EQZ4X+gZkQE2JCTIgJ+T8ha3ZptmGonlgZzxZMoXBhIjNgU3pB6ZPc5Lke2owxW3koRgbSc/aJDzbYs74i7lWlqmqdHyWxUxdywvtYg6rbEDEjvA661lNuuQYf+QjKEhEsRocLRHnwo4n6P2pGqA1uYsZdLQqW3ZPTDxmyT8graDCd6D2+EHfNbGGoZWJCkB5FyUIif92y2S5B+dVz/SsL+aBPEZF/E8S1CGtYZFqOmJuqQ87KQnyb1Du2191ZbUN9LNFk+CyitfDl2jpZcPH5zomf/CmWPsJPVfWmbTiLx9hTX6LVaL6XaAf8D//WmVFIHOJPo7cs5Kiq/r4/j8iKFuc4cRhiGdEisTSV0e76RNfnHOaPQnKaLCSCiz7tJkpEdTgnLkOM5xNdpu1AyQxt4kwE6y045ztlIb1x9k+R22d2hUi8wZHFT2Fqtb7Rx3sgn82qxptuaOdc8rZyj6teuM5Bty0ceuFQlYiRsUU6JY2DYY0sMsTyquXSkD1oE5DFl2of0vcmWxtyj63UKLyMB+Bn8ZmHHyQLmSKObi1fUhGuQBjfPNjnjIAkknsFu2/BVutyxBGyEA8s/ReUhiDcD7WqdRh7wMsUqba1OOlbfY5eWSCii5ATiAIs2uhtxAfFzrVanjQkRq9cJ6KXrJq8iIrfJcyfOCL8vBgKtf7FUL9aZCGBWmGVFwJP3N3f8p7Xt+l51TUF7nom7AHkSFmIa4XolCKCcZC5/Hhqwyga2K8GPxLxV1AIUpHSj9900SpQ6KWQCUQLWhC1yT4Urd80xbMN3zFJGjJpO9tGTQdDB7EIiM4sLC3Nz4j24yD2JFuYPj2O9WbzXyITYkJMiAkxIUZBXIxnOCtdjYfYKZ2djGY4dVL4Nbqhr4Zd+DX6H3ayauW+vyHjAAAAAElFTkSuQmCC");
}
.pt_checkout .checkout-billing .field-wrapper.master-card,
.pt_checkout .checkout-shipping .field-wrapper.master-card {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAYAAACQPx/OAAAABmJLR0QA/wD/AP+gvaeTAAALOklEQVR42u2cC1QV1RrHNwgJ4oN3KYKGBvi8FZZX82ZXQgQ1E0JN6eQFlICLaArdMBKfS1M0QERUEC5qgiLXA+hCRR4aGooKKfjCF6a8ETBUBP939p7OCFKZBMfBZtb6rzN7mNkzfL/97W+/Zghh22wTTrs5lXGCJKWK2jyeUz+eBfEw5hIVkmGeuzgGrr3JL3Qkg4hDcRRIjWQI0egOkYwgNklGkIBIkoBIQCRJQCQgkl4gIJrEGe8SG/iSQQgnvZBMuuIw6SwohXRBJHkZi4gZbMkYaBNZq+7TSXUW/mk+Af7jhyHBvS/OBeigcl1nQaVrNJCzUB+xs0zhPnoU+up9/NcCYkkmYBUxxVGihpOE/GFlExVsIEYYS6ygSmY99T4mutOx2mEoildrgiP+TDrpp485Y0ZCU935xQViTuwRxnnCs0D4LcUSXYwktr96H4NuMmyYPhAPw1SfGcSTuvVNFzi/MxoqKi8QEHXiis/JEFbC2wJGU60hfdGdfCrca8qw91G+VuNPg3hS6fN7wlhnescHoks+QTQxbHMQTZXExR4LVQcETR3c5iCaqixQA2MsJnRcID3JdCSQ7u0KgypHjTOWh2q7wlDofmgnOLxp3fGA6BEn7FUGDFWCKg+iFBgK1W9QhfUAu44DpBMXMzaRnu0OQ+EdP+o/1jELTTwIbX9vqQ56Cf0Np3UMIB7kDaXA+C0dsdFWiqfQprF6J1dxA6FN2/ZoTf2aZ9CqqnpuS9XMI3i0UTnVl8/Y4eIGEkyMleIFN6yUGzd+S7XB6tDvKhMnEDPigBNKqpYuWBAUWv6+TnnrKgXK0klvihPIV8TiucaOJ3VoYA+lAClZowk1VVdxAaG9cTogqAxDX3+X4Lb901XsQNAQpqIUKOMG2YoLyJtkomCwH/v3R6GjI9P5d95hx84YGAjHqHI6tw7eKXWCxvWtrO+3mKA06d+oy/QFUiYDkV3/HIjYAUC8JbC1B0KmDRIXEGfyFt/k5EZwo1fugmKrksuRRTohfGG0cOxBzV2cVHm2ltilCRNQGReHW37eKHMif1iFXl3YIGNy+Grcu1ePZtvpla2GIffsg8qKGj6f+Ddwxl9PXEBWkH7McFHcuJVcniv8zxXyRKzmBgDz8m4Kx24fP4VTWlq4NH48inx8UDR/Pi6OGycYP8/EBCUhIbiblYWa1FScmeiA0NA0du2dAwcFrzv/wSSUbP8OZVu24IKVlXD9VZkM11xd8YOJKfbO8UdYwErh3pcvl2L37hzknS4E0p2BKB1gny1w0BFIsgI2q/NGT3gbyJzNe0GmGxDTCw3RvVCXPJV5xSonG5bfo0ePmKdR6G3XJ2mDTBQDiF8Tc1y4UMwetqysFmXyJLiYyXgQt6vZ743IGOxyW4Int+LAQCQavoY7ZXeaHT9g74L09AtCOn/BQiT7BTW/mDMMBTxHcwQaGx/hQe3PuHr+Jv7znz346acqdkpmcgrSfYyxf44xgqcNxjE/Y9Q/eNAsm8aKfFxe+TL27MzgD5Sd5ErBRRz8ZgZqa+8J52WnH+MLSFmJ4DWvGU4VD5A9pAcD8qnGaDQ0NKK2ug5Hj17GLfl+LAvYi+qquyzNSum8BXCwD4O7+3Y4OoYzo7GqrKISX7tv4qFdr4D9u4vhP8oDi3oMR3ExD/PbwBRE2c7Gw4eNqKt7gAVuEYL3VCYkYOYQt8eeyBUAmWwr279Xdw+PtjZvBnvYOSIoKBWenjvg6xuPa9fKeWNvdEFWViEPqOEhCpKDcONGBUtTTw8Pz2T3Z/fIzxLyG9lvkniA0OlXCmTGUE/2oAVZZ3HoUAFy5Rk4f74YB7YkCSU1z9oW8So6OGNthwJvH4T4RLDjP5dXwds7ljdgaTku2tiwPF31bXknaGxEuqY2lnyxk6VLs0+zBsJSz818YT6cic/s1/DXc/HC23gS5nlt52PZ9dwWcSDXXxdVkQNwN2U2sneuwvHjV9i5SWsXoLz8LtuPCorG3M828AXm/n2UhRqxCStFtVx6PELIz2aQnfg8xHVKCHvQH7bEY9++H3HtMl99rZ38JV/fctvxfha49H1uyyrrRC7MDNxx9Wq5cKxy927MGuXLG/VKEeSkGyIjv8evbdfDNsPfj/e2nw5lsilivy8TeNhX0loAyYsL4Er6wxb5BC+YJ+zfjTJHcNBBfv/6MXZd3GxT7NiRzUPKmCvk9/6A8eKKIalEAwEBiexB0+YsQkLCad6oRSVw/fvnghcE+fLVSFpSDmS9p2CO5zaWLvpuNzaTV2De3RkrVuwTjLLsS95rihIPsDn1bduOszT1jLGm7kzjTTkv1TERYN1esYIBkX0SydL1taVAxOO59fi5w1Ff34DSkjvw+dgN/3jdXbifr/NX7Pd+bRUuLNFGXNxJvvq6lsyuXT99MGscsC3ZRshz+KsfigfIMtKfDbnHxp5gz/m/MVOxcye/f2l1ELxkYWz/Wka2ULqKg4KR0tsC+fm3WPrmkqUsMJ8eMBiz3/ISmqnr1/Mxovr7LOy3tIK//16WrklLw7lBg3DWwgJXpk1DjPl7QpyiaeqxIwf6Po77Nw9zpUCGytSF2BQYw47VlZxnLa0dEXye92oq8Lkn/6zVhUdxeVl3BAbyHtJYV4mGxLH47pdz2bajrwCkl7aTuPohdDmPonkbYzgE0dF8SyTn9WFCiT8T+l8sWZLUrIpQBMjY+d+2qD7yU09g+fLH3lJ65BjMjeYJ8ajptvZvDigt5fsG54YOZUCmvDIaGzdmtDjXxzNEuG/TZ6i6ko3ly5L56ujMBtacfW+EH2uoPG7Q8VVvPRdTsImfe6kJUm/DhRBtkMlQMgkOZBRrtWQFb2P9EZksEhlrtiKG6MPFJRrR4Ydx1noczLrOxKZNmcjIuIiQgFg4O0dDHp6Mf1kvRlRUFqsiIiKOYpV7KFK1DGDGAaBBNDW1AHlOzlhPesPsFS8sXpzIqi96fsLSSDjrjmMtoMzweJzS0GBA5I69IBthBQ+P7SymUQ86mijHyo+tMGNGBI4cuYRdsVlw+mg1u7Ygdj57npitnDclW/PV22ev4oMJ65CScg5J8hx4yFaxc3MSNgjeQZvSohvLiucCO522pb112jun+/SX1uV0fx/R4gf9uFhDO4t0EZzivIPcsV1Em8UIumiOBm9FR482GL4hr2I7B5amc7sT/KCnjlhtfWzuYYTt2obI1lNDuq4m9ut0xzG9l4QZxHx/frKqcDl3j7lGyPtaF3Xr1dixQ/OMsM/LmC1euLlKi53zc4ga+y1aqdWsAUAX02Us6MlWtNAhd7rAjk7lKv7+hc3b4hvt/YIMVMrg4k0bccyFKNS4UQV99Kb/dedD8nS4GcEw8QCha7b+8jOGT9P+zlq43YolpK3R2IF24gViQqayuPC8gUTY9VcKjLT5vaRVJwpdGc5NQK1rqfvrVNtkXe/TRO8xxOgjaV1WU1W4PL/Y4W01suOsXOxKZmIH0Wt3IHQGUdHEPWKggcNePZUCY+esfu24Ir6Dr+2lSiMvIfqjfkqBQfsvndVcpNXvv7f6fXi3iShY3P4rFukbWBrq7QnjBXo/hBqqvV5JoL1yGjOU8+LOC/YG1dRhVlwfpEubwTjhZ4ARppOgLDu9kO8Y9tCciYCJlmwMqrUgzi7SYW9kqarMgnJtJKK3cBWQaOeyLd7CpcHXbjA3Cuw0gA0a/h4AukD79Fd6WPHh67DsYy+9p64MGXb7BKP6fwBHy/cFTX5jLIb1mQydLp9KHw6QJAGRgEiSgEhAJLUtkGrJCKL6CKbbHskQohH3MWvibs7tVErGeO7iGLi9Rp741Lj0DV/lq7rpp8b/D/Q+ctn7hAe0AAAAAElFTkSuQmCC");
}
.pt_checkout .checkout-billing .field-wrapper.discover,
.pt_checkout .checkout-shipping .field-wrapper.discover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAYAAACQPx/OAAAABmJLR0QA/wD/AP+gvaeTAAAHlUlEQVR42u2c+VNTRxzA8294MUJrPVDBg0sR5BLqVdFRwXp0PLAebX9QK0WBVuSoIlpEsKAUwTLTaRGljB2oFJBDWlGOjgpahKIQAiQQcpAEkm/fd/W95nhcCgnCfmd2kre7773d/ex+v9/dbFYgYORFtO/7orhNz9u+dtW2HrcDGswXsM3bz29qFId62CILgei8t03bN25aWeFV0Gl6gYp5RadWgrz0OiCDpgg3awHSkRWl0paxsMj+SAGGxT8CYaizTqvsoS1iYdEqukEYtkwnQD1GZXwIsqBAKBAqFAgFQoUCoUCoUCAUCBUKhAKhQCgQKhQIBUKFAqFAqEwcIAqFAuRy+ZD5eqRSqKyshPLycmhubh40r65PBTqVfHIBmTtnDhfs7e1hlY8PfHb4MPyakwNardYgr7ubG8mXkJBArjE9OTkZHB0cYOqUKTBt6lT40M8Pbt68afKe6upq2L59O1hZWZG8bPh42zaDfPhLW0/+JWg/u57bOCAMXw6SH4+BpvlvLt/+/ftJWXy8vUGn05m8T6lUgsPSpSRPWGgoPHr0yKCu+oGtD1s/0hZ2duDn6wuHDh6Eqqoq8wHRbxzj4L9hA3R0dHB5FzHAMD42NpZcn2M+2bwL5s8nlcDv821tDe67nJQEM6ZPJ2n46ezkBEsWLybX+ExWNK31IIpaNfCujuBFwO4XKCoq4t5dUFBgUq9raWlcJ6mvr4eampoB68nWh60fApk9ezaXjp2otKTEvECwUGKxGB4/fky+swXy9vIClUplAgTjrGfOJNcHDxyA/v5+kqe4uNig8NnZ2dw7jh45AhKJhEvDXrtjxw5uZIiifIe11UZZ/RsZFSvd3clzd+3caajq9NLYEagPpLysDLq7u7nQ29vL2+GwfGzH2bx5s/mB6MvDBw/AasYMkpaammpSYJlMxt0bERHB+2ys6MIFC0iePbt38+Zh1aI0N3b4e58iPIl9SU9PJ8+ePm2agT0qKy3lyoYjyRgIfucTYyAo4eHhJM7F2dmyQFBQf2JawNatvAVet3Ytd39gQADpefr6PD8/n1MbQxnwttNeI9qQpqorIXbCdt488o6YmBjuWXv37CFxXp6eXJw+ELQZaCPZ0NTUxFs/7CxsHbF+FgeCBhvTlrm48Ba4paUFtm7ZYqCPV7i6QmFhIUlPvHSJxM2bO3dwb6pXNuIdgvLiNHJv5OnT5B1ovzQaDQHP2qvMzExeIMYhIyPDoH6o7oKCgoiRZ+0eqmKLA/nuwgWShgUbaEij1NbWwvHjx8HG2pobEffu3eOAvmdjw9kYXiAa1ciBlL1qbKFQyHluObduQXRUFAdIrVbzAsER9OWxY1yoqKgwqJ+xY/MmMEYdCKqeNWvWkDRUXYMB0TfSrKHHiuJcg33+UF6Kvps7nKBufMjdu2/vXvKOjf7+YLdwIfl+5swZg+ePxIbgqGOdAnTVjd1/iwBBV5VNQyPJByQvL48Yd31xcnQkeT5l5gk4KlyXLyfXHitXQldXl8n7GxsbySeqoOHCaI/byPSY/xvp/v37Br0aR2pnZ+cbA8H6oavMjviY6GjzA0GdeePGDfj+8mX4aP16Lv5ESAhvgXHyh7p19erVRD01NDSQXsneh+oKBUcGq1LQhbx48SIZOQg5KjKSs0+6fg10Ju4aEobwpCMzQaw1qQeWQ9+9NpbBjHpdXR1vh7ty5QqngnNzcy07McRGPB8XZ+A1GfcgVj0YB08PD4NllII7d4hh58urPzFE4y659sXA7i7jiamfP+CtR1ZWFtd4bAMPBGSoiSF7jXXHeRLGfTBrFjx9+nTsgeDI0A+HDx2ClJQUYiyNBe0C5sFehYKzcVyWwJk3zgXQV0e/XcqsVxkLxiUlJhIXGtWY24oVZEKHas9YVE/uQldmMFFN7WfXQWfyPmaG/sOg61p9jIeFI3BbYCBvOrq2xnVlA1sf4/qRRm1tJcs0GB8fH09Xe+lqL5W3F0bVKatuUyDjQdT/1kBHfABn9ygQCwkujkpvxUDrV4sNHBEKxNwglFLouX2BccedeD1DCsRcZoLx+AiIsGWDzpsokLGW/j5QVPwMokifYa0qUCBjaCN6fk9ifovxGNGaGwUy2gOiWwjSnG9BGOryRgcJUCCjJH2iBuj66QQIQ5a+1ckOFMhbiqblCVm2MXZfKRBzekzMcRiKP38xmNCNVqBARmQf2qAnL4Fsmhirw2gokCFHg+L1aAg0y+lAFAgvBR2onlWA5PpR8gOXOY9rokD0VZL4BcgKmFN5zvlb7PysSQ8EIeAEzpIQJj0QrVwCir+yQHz1wKi5qxTISCduHU3jaiRMSiB9bc/IdiGyO4XZCf8unME4oYD0S0XERUXvqO2U+zt5KOa7DUTbT34CRc+oM+mTcWcPJjwQ/EsBzg/whx4yUZsAAEyAMMvEOtxwNi4BMJuq1U1VIL+bDpK0z8lf1Sb6Ob6CjnP+TfKSjHHQ+lpmCfs5KCtzoDs78tXCXciSSXWoMjM45IKXkT72olPurw5SZlYxzaP7Xzc+81czVD/ilKBJ0fsHDcH28PKk61qB/lHjeIYvPf7bAiMjzEUhDnbwQxb/AciwGXSvLZ9cAAAAAElFTkSuQmCC");
}
.pt_checkout .shipping-address-summary,
.pt_checkout .billing-address-summary {
  max-width: 580px;
}
.pt_checkout .shipping-address-summary .editbtn-col,
.pt_checkout .billing-address-summary .editbtn-col {
  padding-left: 0;
}
.pt_checkout .shipping-address-summary label.inner-label,
.pt_checkout .billing-address-summary label.inner-label {
  display: block;
}
.pt_checkout .payment-method {
  position: relative;
  z-index: 1;
}
.pt_checkout .payment-method .inner-label {
  width: 100%;
}
.pt_checkout .payment-method .js-sct-showoncreate {
  width: 100%;
}
.pt_checkout .payment-method iframe {
  border: none;
  width: 100%;
  height: 210px;
}
@media (max-width: 510px) {
  .pt_checkout .payment-method iframe {
    height: 385px;
  }
}
.pt_checkout .payment-method iframe.submitted {
  pointer-events: none;
  opacity: 0.9;
}
.pt_checkout #js-shipping-address .f-field-checkbox {
  display: block;
  padding-bottom: 10px;
}
.pt_checkout .editbtn {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  color: #9A6247;
  width: auto;
  min-width: auto;
}
.pt_checkout .editbtn:hover {
  opacity: 0.8;
}
.pt_checkout .editbtn svg {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  color: currentColor;
}
.pt_checkout .js-ccselect-toggle {
  display: flex;
  align-items: center;
}
.pt_checkout .js-ccselect-toggle:not(.cc-edit-mode)::before {
  content: "";
  margin-right: 3px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;'%3E%3Cpath style='fill:%235d4355;stroke:none' d='M 22.882812 3.8007812 C 22.493938 3.8010312 22.106719 3.9421095 21.824219 4.2246094 L 20.423828 5.625 L 18.996094 7.0527344 L 6.265625 19.78125 C 6.238625 19.80825 6.2250781 19.841047 6.2050781 19.873047 C 6.0950781 19.933047 6.0067969 20.033109 5.9667969 20.162109 L 4.0234375 26.349609 C 3.9674375 26.527609 4.0154375 26.723469 4.1484375 26.855469 C 4.2434375 26.949469 4.37 27 4.5 27 C 4.552 27 4.6042969 26.992603 4.6542969 26.976562 L 10.927734 24.943359 C 11.026734 24.911359 11.104062 24.846529 11.164062 24.769531 C 11.181062 24.756531 11.200797 24.750375 11.216797 24.734375 L 23.945312 12.005859 L 26.773438 9.1757812 C 27.358438 8.5887813 27.358437 7.6377345 26.773438 7.0527344 L 23.945312 4.2246094 C 23.662312 3.9411094 23.271687 3.8005313 22.882812 3.8007812 z M 22.882812 4.7910156 C 23.012313 4.7910156 23.143282 4.8371406 23.238281 4.9316406 L 26.066406 7.7597656 C 26.261406 7.9547656 26.261405 8.2717969 26.066406 8.4667969 L 25.019531 9.5136719 L 21.484375 5.9785156 L 22.53125 4.9316406 C 22.62525 4.8371406 22.753312 4.7910156 22.882812 4.7910156 z M 20.777344 6.6855469 L 24.3125 10.220703 L 23.591797 10.943359 L 21.824219 9.1738281 L 20.054688 7.4082031 L 20.777344 6.6855469 z M 19.347656 8.1152344 L 20.054688 8.8222656 L 8.5839844 20.292969 L 7.4335938 20.027344 L 19.347656 8.1152344 z M 20.761719 9.5292969 L 21.117188 9.8828125 L 21.470703 10.236328 L 10 21.705078 L 9.2421875 21.736328 L 9.2421875 21.048828 L 20.761719 9.5292969 z M 22.175781 10.943359 L 22.882812 11.650391 L 11.046875 23.486328 L 10.767578 22.349609 L 22.175781 10.943359 z M 6.78125 20.902344 L 8.2421875 21.240234 L 8.2421875 22.255859 C 8.2421875 22.391859 8.2965316 22.524188 8.3945312 22.617188 C 8.4925313 22.712187 8.6307187 22.758859 8.7617188 22.755859 L 9.8261719 22.712891 L 10.177734 24.132812 L 7.8085938 24.900391 C 7.7845937 24.833391 7.7493127 24.769797 7.6953125 24.716797 L 6.28125 23.302734 C 6.21925 23.240734 6.1454063 23.204645 6.0664062 23.181641 L 6.78125 20.902344 z M 5.75 24.185547 L 6.7949219 25.230469 L 5.265625 25.724609 L 5.75 24.185547 z ' id='path5'%3E%3C/path%3E%3C/svg%3E");
  background-size: 100%;
}
.pt_checkout .js-ccselect-toggle:hover::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;'%3E%3Cpath style='fill:%2370b3c7;stroke:none' d='M 22.882812 3.8007812 C 22.493938 3.8010312 22.106719 3.9421095 21.824219 4.2246094 L 20.423828 5.625 L 18.996094 7.0527344 L 6.265625 19.78125 C 6.238625 19.80825 6.2250781 19.841047 6.2050781 19.873047 C 6.0950781 19.933047 6.0067969 20.033109 5.9667969 20.162109 L 4.0234375 26.349609 C 3.9674375 26.527609 4.0154375 26.723469 4.1484375 26.855469 C 4.2434375 26.949469 4.37 27 4.5 27 C 4.552 27 4.6042969 26.992603 4.6542969 26.976562 L 10.927734 24.943359 C 11.026734 24.911359 11.104062 24.846529 11.164062 24.769531 C 11.181062 24.756531 11.200797 24.750375 11.216797 24.734375 L 23.945312 12.005859 L 26.773438 9.1757812 C 27.358438 8.5887813 27.358437 7.6377345 26.773438 7.0527344 L 23.945312 4.2246094 C 23.662312 3.9411094 23.271687 3.8005313 22.882812 3.8007812 z M 22.882812 4.7910156 C 23.012313 4.7910156 23.143282 4.8371406 23.238281 4.9316406 L 26.066406 7.7597656 C 26.261406 7.9547656 26.261405 8.2717969 26.066406 8.4667969 L 25.019531 9.5136719 L 21.484375 5.9785156 L 22.53125 4.9316406 C 22.62525 4.8371406 22.753312 4.7910156 22.882812 4.7910156 z M 20.777344 6.6855469 L 24.3125 10.220703 L 23.591797 10.943359 L 21.824219 9.1738281 L 20.054688 7.4082031 L 20.777344 6.6855469 z M 19.347656 8.1152344 L 20.054688 8.8222656 L 8.5839844 20.292969 L 7.4335938 20.027344 L 19.347656 8.1152344 z M 20.761719 9.5292969 L 21.117188 9.8828125 L 21.470703 10.236328 L 10 21.705078 L 9.2421875 21.736328 L 9.2421875 21.048828 L 20.761719 9.5292969 z M 22.175781 10.943359 L 22.882812 11.650391 L 11.046875 23.486328 L 10.767578 22.349609 L 22.175781 10.943359 z M 6.78125 20.902344 L 8.2421875 21.240234 L 8.2421875 22.255859 C 8.2421875 22.391859 8.2965316 22.524188 8.3945312 22.617188 C 8.4925313 22.712187 8.6307187 22.758859 8.7617188 22.755859 L 9.8261719 22.712891 L 10.177734 24.132812 L 7.8085938 24.900391 C 7.7845937 24.833391 7.7493127 24.769797 7.6953125 24.716797 L 6.28125 23.302734 C 6.21925 23.240734 6.1454063 23.204645 6.0664062 23.181641 L 6.78125 20.902344 z M 5.75 24.185547 L 6.7949219 25.230469 L 5.265625 25.724609 L 5.75 24.185547 z ' id='path5'%3E%3C/path%3E%3C/svg%3E");
}
.pt_checkout .address-block {
  display: block;
  background-color: #F2F0EC;
  padding: 15px;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  margin-top: 20px;
}
.pt_checkout .address-block span {
  display: block;
  font-size: 16px;
}
.pt_checkout .address-block span:not(:last-child) {
  margin-bottom: 5px;
}
.pt_checkout .order-bd-block {
  padding-top: 20px;
  font-size: 16px;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.pt_checkout .order-bd-block a {
  text-decoration: underline;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin-right: 10px;
  font-size: 1.125rem;
}
.pt_checkout .order-bd-block a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .pt_checkout .order-bd-block {
    padding: 20px 15px;
  }
}
.pt_checkout .white-item {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 30px;
  display: table;
  width: 100%;
  padding: 15px 15px 0;
}
@media (max-width: 767px) {
  .pt_checkout .white-item {
    padding: 15px 15px 5px;
    margin-bottom: 15px;
    border-radius: 0;
  }
}
@media (max-width: 575px) {
  .pt_checkout .white-item .js-sct-showonselect .label {
    display: none;
  }
  .pt_checkout .white-item .cc-summary .label {
    display: block;
  }
}
.pt_checkout .js-address form {
  margin-bottom: 0;
}
.pt_checkout .onestep-insinglerow {
  float: left;
  width: 48%;
  clear: none;
}
@media (max-width: 767px) {
  .pt_checkout .onestep-insinglerow a {
    font-size: 14px;
  }
}
@media (max-width: 414px) {
  .pt_checkout .onestep-insinglerow a {
    font-size: 12px;
  }
}
.pt_checkout .onestep-insinglerow.checkout-billing__email-address {
  float: right;
}
.pt_checkout #js-toggle-shipping-address-form .onestep-insinglerow:last-child {
  float: right;
}
.pt_checkout .order-summary-sticky {
  border-radius: 15px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .pt_checkout .order-summary-sticky {
    border-radius: 0;
    margin-bottom: 15px;
  }
}
.pt_checkout .order-summary-sticky .white-item {
  margin-bottom: 10px;
}
.pt_checkout .checkout-shipping .form-caption {
  white-space: initial;
}
.pt_checkout .checkout-shipping .standard-shipping {
  color: #6F6D6D;
  font-size: 0.9375rem;
  margin-right: 5px;
  text-decoration: line-through;
}
.pt_checkout .checkout-coupon-block {
  padding-bottom: 25px;
}
.pt_checkout .checkout-coupon-block_header {
  display: block;
}

.b-checkout-form__message {
  display: flex;
  align-items: center;
  padding-top: 0.3125rem;
  width: 17.625rem;
}
.b-checkout-form__message img {
  width: 8.5rem;
}
.b-checkout-form__message .b-checkout-form__message-text {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-left: 0.625rem;
}

.fullname {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fullname .form-row {
  width: 48%;
}

.state-city-postal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.state-city-postal .form-row {
  width: 31%;
}
@media only screen and (max-width : 767px) {
  .state-city-postal .form-row:nth-child(2) {
    order: 2;
    width: 48%;
  }
  .state-city-postal .form-row:nth-child(3) {
    order: 1;
    width: 100%;
  }
  .state-city-postal .form-row:nth-child(4) {
    order: 3;
    width: 48%;
  }
}
.state-city-postal .form-row:first-child {
  display: none;
}

.payment-methods__wrap.white-item {
  padding-bottom: 30px;
}
.payment-methods__title {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.375rem;
  color: #505050;
  margin-bottom: 30px;
}
.payment-methods__item {
  border-bottom: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
  padding: 20px 0;
}
.payment-methods__item:first-child {
  border-top: none;
  padding-top: 0;
}
.payment-methods__item:last-child {
  border: none;
  padding-bottom: 0;
}
.payment-methods__item .payment-form {
  margin-top: 20px;
}
.payment-methods__accordion-button {
  margin-bottom: 0;
}
.payment-methods__accordion-button .dialog-required {
  display: none;
}
.payment-methods__accordion-button.active .dialog-required {
  display: block;
}
.payment-methods__accordion-button .payment-methods__accordion-label {
  align-items: center;
  display: flex;
  line-height: 1.3;
  padding-bottom: 0;
}
.payment-methods__accordion-input:checked + .dialog-required {
  display: block;
}
.payment-methods__accordion-header {
  display: flex;
  flex-direction: column;
}
.payment-methods__accordion-header .error {
  order: 1;
}
.payment-methods__name {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  align-items: center;
  display: flex;
}
@media only screen and (max-width : 1024px) {
  .active .payment-methods__name {
    margin-bottom: 20px;
  }
}
.payment-methods__afterpay_block {
  align-items: center;
  display: flex;
}
.payment-methods__credit_card {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .payment-methods__credit_card {
    display: block;
  }
}
.payment-methods__afterpay-logo {
  margin-right: 15px;
}
.payment-methods__afterpay-content {
  margin: 0;
}
.payment-methods__afterpay_text {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 8px;
}
.payment-methods__afterpay_link {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  text-decoration: underline;
}
.payment-methods__afterpay_link:hover {
  color: #505050;
  text-decoration: none;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .checkout-billing .payment-form {
    margin-left: 0;
  }
}
.payment-form .card-expiration {
  padding-bottom: 20px;
}
@media (min-width: 401px) {
  .payment-form .card-expiration {
    padding-right: 0 !important;
  }
}
@media (max-width: 400px) {
  .payment-form .card-expiration {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.payment-form .card-expiration .form-row {
  padding-bottom: 0;
}
.payment-form .card-expiration .error-message {
  padding: 3px 0 0 0;
}
.payment-form .month,
.payment-form .year {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 6px);
}
.payment-form .month label:not(.error),
.payment-form .year label:not(.error) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.payment-form .month {
  margin-right: 6px;
}
.payment-form .label-expdate {
  display: block;
}
@media (max-width: 400px) {
  .payment-form .js-cvn-wrapeper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.payment-form .cvn .field-wrapper {
  background: url(../images/credit-card.png) no-repeat right 6px;
}
.payment-form .cvn .field-wrapper input {
  width: calc(100% - 60px);
}
.payment-form .f-field-checkbox {
  padding-bottom: 10px;
}
.payment-form .content-asset img {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width : 1025px) {
  .payment-form .content-asset img {
    padding-right: 20px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .payment-form .content-asset img {
    padding-right: 10px;
  }
}
@media only screen and (max-width : 480px) {
  .payment-form .content-asset img {
    display: block;
    max-width: 100%;
  }
}
@media only screen and (min-width : 481px) {
  .payment-form .content-asset img {
    padding-right: 10px;
  }
}
.payment-form .content-asset small {
  color: #6F6D6D;
  display: inline-block;
  line-height: 1;
  max-width: calc(60% - 4px);
  padding-top: 18px;
  vertical-align: top;
}
@media only screen and (min-width : 1025px) {
  .payment-form .content-asset small {
    padding-top: 20px;
  }
}
@media only screen and (max-width : 480px) {
  .payment-form .content-asset small {
    display: block;
    max-width: 100%;
    padding-top: 10px;
  }
}
.payment-form .actions-with-card {
  color: #6F6D6D;
  padding: 0 0 20px 20px;
}
.payment-form .actions-with-card .icon,
.payment-form .actions-with-card small {
  display: inline-block;
  vertical-align: top;
}
.payment-form .actions-with-card .icon {
  font-size: 1.25rem;
}
.payment-form .actions-with-card small {
  line-height: 1.25;
  width: calc(100% - 30px);
}
.payment-form .select-create-toggle {
  padding-bottom: 5px;
}
.payment-form .payment-method-chase {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-form .payment-method-chase .error-form {
  margin-bottom: 15px;
}
.payment-form .error-form {
  color: #bd0218;
  width: calc(100% - 30px);
}
.payment-form .error-form p {
  margin-top: 0;
}
.payment-form .error-form p:last-child {
  margin-bottom: 0;
}
.payment-form .payment-method-tokenized-data {
  margin-bottom: 15px;
}
.payment-form .payment-method-tokenized-data .label, .payment-form .payment-method-tokenized-data .value {
  font-size: 1rem;
}
.payment-form .chase-hpf-tokenized-button {
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
}
.payment-form .chase-hpf-tokenized-button .icon {
  transform: rotate(180deg);
}

.summary .order-summarry-title {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
  font-weight: normal;
  position: relative;
}
.summary-gradient {
  position: absolute;
  width: calc(100% + 30px);
  height: 20px;
  left: -15px;
  top: 33px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(80, 80, 80, 0.15) 100%);
}
.summary .section-header-note {
  float: right;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.summary .section-header-note svg {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  color: currentColor;
}
.summary .order-bd-block {
  align-items: center;
  background: #000000;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
@media only screen and (max-width : 1024px) {
  .summary .order-bd-block {
    flex-direction: column;
  }
}
.summary .order-bd-block + .checkout-order-totals {
  border-top: none;
}
.summary .order-bd-text {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #ffffff;
  max-width: 44%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .summary .order-bd-text {
    max-width: 70%;
    padding-bottom: 10px;
    text-align: center;
  }
}
@media only screen and (max-width : 767px) {
  .summary .order-bd-text {
    max-width: 55%;
    min-width: 225px;
    padding-bottom: 10px;
    text-align: center;
  }
}
.summary .checkout-order-totals {
  padding: 0 0 10px;
  position: relative;
}
.summary .checkout-order-totals:not(#js-placeorder) .checkout-order-gradient {
  position: absolute;
  width: calc(100% + 30px);
  height: 20px;
  left: -15px;
  top: -35px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(80, 80, 80, 0.15) 100%);
}
.summary .checkout-order-totals .button-fancy-large {
  width: 100%;
}
.summary .submit-order {
  text-align: right;
}
@media only screen and (max-width : 767px) {
  .summary .submit-order {
    padding-top: 25px;
    text-align: left;
  }
}
.summary .submit-order fieldset {
  margin: 0;
}
.summary .order-tc-policy {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  .summary .order-tc-policy {
    text-align: left;
  }
}
.summary .order-tc-policy a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.summary .order-component-block {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  .summary .order-component-block {
    padding: 0 10px;
  }
}
.summary .order-component-block .section-header {
  border-bottom: 1px solid rgba(185, 183, 184, 0.5);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 0 20px;
  padding-bottom: 10px;
}
.summary .order-component-block .section-header h3, .summary .order-component-block .section-header .confirmation .label.headline, .confirmation .summary .order-component-block .section-header .label.headline, .summary .order-component-block .section-header .footer-social span, .footer-social .summary .order-component-block .section-header span {
  margin: 0;
}
.summary .order-component-block .name {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
}
.summary .order-component-block address {
  font-style: inherit;
}
.summary .order-component-block .address-label-phone {
  display: none;
}
.summary .order-component-block .minibillinginfo-amount,
.summary .order-component-block .cc-owner {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.summary .order-component-block .details {
  word-wrap: break-word;
  font-size: 1rem;
}
.summary .order-component-block .cc-type {
  text-transform: uppercase;
}

.order-totals-table {
  border: none;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  width: 100%;
  word-break: break-word;
  margin-bottom: 15px;
}
.order-totals-table .value {
  padding-left: 5px;
  min-width: 95px;
  text-align: right;
}
@media (min-width: 768px) {
  .order-totals-table .value {
    max-width: 100px;
  }
}
.order-totals-table .order-total {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.order-totals-table .order-total td {
  padding-top: 15px;
}
@media only screen and (max-width : 767px) {
  .order-totals-table .order-total td {
    padding-bottom: 0;
  }
}
.order-totals-table .order-total .value {
  color: #000000;
  padding-left: 0;
}
.order-totals-table .i-help-icon {
  color: #6F6D6D;
  display: inline-block;
  font-size: 0.75rem;
  margin-left: 2px;
}
.order-totals-table .i-help-icon:focus-visible {
  outline: thin dotted;
}
.order-totals-table .order-shipping-discount .value {
  color: #bd0218;
}

.place-order-list {
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .place-order-list {
    border-top: 0;
    margin: 0 10px;
    width: calc(100% - 20px);
  }
}
.place-order-list td {
  line-height: 1;
}
@media only screen and (max-width : 767px) {
  .place-order-list td {
    padding: 30px 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list td:last-child {
    padding-right: 0;
  }
}
.place-order-list .item-stock {
  display: none;
}
.place-order-list .item-quantity .label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.place-order-list .item-quantity .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.place-order-list .section-header {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  padding: 10px 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list .section-header {
    padding: 10px;
  }
}
.place-order-list .section-header.header-item {
  padding-left: 70px;
  text-align: left;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list .section-header.header-item {
    padding-left: 20px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list .section-header:last-child {
    padding-right: 10px;
  }
}
.place-order-list .sku,
.place-order-list .name,
.place-order-list .product-weight,
.place-order-list .item-quantity {
  margin: 0 0 10px;
}
.place-order-list .item-quantity,
.place-order-list .item-total {
  width: auto;
}
.place-order-list .item-details {
  max-width: 220px;
}
.place-order-list .item-delivery {
  font-size: 1rem;
}
.place-order-list .item-delivery .label {
  color: #6F6D6D;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.place-order-list .item-delivery .value {
  color: #000000;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list td.item-image {
    padding: 30px 20px 0 0;
    width: 95px;
  }
}
@media only screen and (max-width : 767px) {
  .place-order-list td.item-image {
    padding: 30px 20px 0 0;
    width: 102px;
  }
}
.place-order-list td.item-image .bonus-item {
  display: none;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .place-order-list td.item-image img {
    max-width: 75px;
  }
}
.place-order-list .item-total .bonus-item {
  display: inline-block;
}
.place-order-list .promo {
  display: none;
}
.place-order-list .name {
  word-break: break-word;
}
.place-order-list .cc-owner {
  text-transform: capitalize;
}

@media only screen and (max-width : 767px) {
  .confirmation {
    padding: 0 10px;
  }
}
.confirmation .confirmation-message h1 {
  text-transform: none;
}
.confirmation .action-continue-shopping a {
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
}
.confirmation .action-continue-shopping a .icon,
.confirmation .action-continue-shopping a span {
  display: inline-block;
  vertical-align: middle;
}
.confirmation .action-continue-shopping a .i-print {
  margin-right: 10px;
}
.confirmation-receipt .action-continue-shopping {
  margin: 40px 0;
}
.confirmation-receipt .action-continue-shopping a {
  line-height: 1;
  margin-right: 80px;
}
.confirmation-order_details .action-continue-shopping {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 7px 0 30px;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .action-continue-shopping {
    flex-direction: column;
  }
}
.confirmation-order_details .action-continue-shopping a {
  margin-bottom: 10px;
}
.confirmation-order_details .action-continue-shopping a .btn-secondary {
  margin: 0;
}
.confirmation-order_details .action-continue-shopping .icon {
  font-size: 1.25rem;
  width: 18px;
}
.order-status-page .confirmation-order_details .action-continue-shopping {
  margin-top: 20px;
}
@media only screen and (min-width : 1025px) {
  .confirmation .order-confirmation-register {
    float: right;
    padding-left: 30px;
    width: 45.5%;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .orderdetails {
    float: left;
    padding-right: 30px;
    width: 54.5%;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation.confirmation-join .orderdetails {
    width: 100%;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .orderdetails {
    float: none;
    width: 100%;
    padding: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .orderdetails-wide {
    width: calc(100% + 25px);
  }
}
.confirmation-receipt .order-information {
  background: #F2F0EC;
  border-top: 2px solid #000000;
  padding: 30px 15px;
}
.confirmation-order_details .order-information {
  color: #505050;
  font-size: 1rem;
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .order-information {
    display: inline-block;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .order-information {
    display: inline-block;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .order-information .value {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 140px);
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .order-information .order-track-shipment span.value {
    width: 150px;
  }
  .confirmation-order_details .order-information .order-track-shipment span.value .value {
    width: auto;
  }
}
.confirmation-order_details .order-information h1 {
  margin-bottom: 20px;
}
.confirmation-order_details .order-information .order-number {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  font-size: 1rem;
  text-align: left;
  text-transform: none;
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .order-information .order-number {
    min-width: 400px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .order-information .order-number {
    min-width: 400px;
  }
}
.confirmation-order_details .order-information .order-number .label {
  font-size: 1rem;
  padding: 1px 0;
}
.confirmation-order_details .order-information .order-number .value {
  font-size: 1rem;
  padding: 1px 0;
}
.confirmation-order_details .order-information .label {
  display: inline-block;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  vertical-align: top;
  width: 140px;
}
@media only screen and (min-width : 481px) {
  .confirmation-order_details .order-information .label + .label {
    width: auto;
  }
}
.confirmation-order_details .order-information .label + .label + .value {
  width: auto;
}
@media only screen and (max-width : 480px) {
  .confirmation-order_details .order-information .label + .label + .value {
    display: block;
    padding-left: 143px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .order-information .label {
    width: 135px;
  }
}
.confirmation .order-number {
  line-height: 1;
  margin-bottom: 0;
}
.confirmation-receipt .order-date {
  color: #505050;
  line-height: 1;
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .order-shipment-table {
    margin: 50px 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .order-shipment-table {
    margin: 40px 0 20px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-receipt .order-shipment-table {
    margin: 30px 0 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .order-shipment-table {
    margin: 30px 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .order-shipment-table {
    margin: 40px 0 20px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .order-shipment-table {
    margin: 30px -10px 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item {
    display: table;
    width: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .line-item {
    display: table;
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .line-item {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    padding: 30px 0;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item ~ .line-item .one-item-price,
  .confirmation .line-item ~ .line-item .line-item-image,
  .confirmation .line-item ~ .line-item .line-item-details,
  .confirmation .line-item ~ .line-item .line-item-quantity,
  .confirmation .line-item ~ .line-item .line-item-price {
    padding: 30px 0;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item ~ .line-item .line-item-image {
    padding-right: 20px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .line-item ~ .line-item .one-item-price,
  .confirmation-receipt .line-item ~ .line-item .line-item-image,
  .confirmation-receipt .line-item ~ .line-item .line-item-details,
  .confirmation-receipt .line-item ~ .line-item .line-item-quantity,
  .confirmation-receipt .line-item ~ .line-item .line-item-price {
    padding: 30px 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .line-item ~ .line-item .line-item-quantity .label {
    display: none;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-receipt .line-item ~ .line-item .line-item-quantity .label {
    font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  }
}
.confirmation-receipt .line-item ~ .line-item .line-item-image + .line-item-price {
  display: none;
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .orderdetails-wide .line-item ~ .line-item .line-item-quantity {
    padding-left: 36%;
  }
}
.confirmation-order_details .line-item .line-item-price {
  padding-right: 15px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item ~ .line-item {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
  }
}
.confirmation-order_details .line-item ~ .line-item .line-item-price {
  padding-right: 25px;
}
.confirmation .table-caption .label {
  line-height: 2.5;
}
.confirmation .table-caption .line-item-image {
  padding-right: 20px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .table-caption .line-item-image {
    width: 102px;
  }
}
.confirmation .table-caption .line-item-price > .label {
  padding-right: 10px;
}
@media only screen and (min-width : 1025px) {
  .confirmation .one-item-price,
  .confirmation .line-item-image,
  .confirmation .line-item-details,
  .confirmation .line-item-quantity,
  .confirmation .line-item-price {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    display: table-cell;
    vertical-align: top;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .one-item-price,
  .confirmation .line-item-details,
  .confirmation .line-item-quantity,
  .confirmation .line-item-price {
    padding-left: 104px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .one-item-price,
  .confirmation-receipt .line-item-image,
  .confirmation-receipt .line-item-details,
  .confirmation-receipt .line-item-quantity,
  .confirmation-receipt .line-item-price {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    display: table-cell;
    vertical-align: top;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .line-item-details {
    width: 35%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .line-item-details {
    width: 57%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .table-caption .line-item-image,
  .confirmation-order_details .table-caption .line-item-details,
  .confirmation-order_details .table-caption .line-item-price {
    border-top: 1px solid rgba(111, 109, 109, 0.5);
    display: table-cell;
    vertical-align: top;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .table-caption .line-item-quantity {
    display: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item ~ .line-item {
    padding: 30px 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item ~ .line-item .one-item-price,
  .confirmation-order_details .line-item ~ .line-item .line-item-details,
  .confirmation-order_details .line-item ~ .line-item .line-item-quantity,
  .confirmation-order_details .line-item ~ .line-item .line-item-price {
    padding-bottom: 2px;
    padding-left: 104px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .line-item ~ .line-item .one-item-price,
  .confirmation-order_details .line-item ~ .line-item .line-item-details,
  .confirmation-order_details .line-item ~ .line-item .line-item-quantity,
  .confirmation-order_details .line-item ~ .line-item .line-item-price {
    padding-bottom: 3px;
    padding-left: 84px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item ~ .line-item .line-item-image {
    float: left;
    width: 102px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .line-item ~ .line-item .line-item-image {
    padding: 0 10px;
    width: 82px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item ~ .line-item .line-item-price {
    float: right;
    min-width: 110px;
    text-align: center;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item-details {
    max-width: 115px;
    width: 35%;
  }
}
.confirmation .line-item-image {
  padding-right: 20px;
  text-align: center;
  width: 144px;
}
@media only screen and (max-width : 767px) {
  .confirmation .line-item-image {
    float: left;
    width: 104px;
  }
}
.confirmation .line-item-image .item-image-wrapper {
  align-items: flex-end;
  display: flex;
  height: 156px;
  justify-content: center;
  min-width: 123px;
  width: 123px;
}
@media only screen and (max-width : 767px) {
  .confirmation .line-item-image .item-image-wrapper {
    height: 104px;
    min-width: 83px;
    width: 83px;
  }
}
.confirmation .line-item-image img {
  max-height: 156px;
}
@media only screen and (max-width : 767px) {
  .confirmation .line-item-image img {
    max-height: 104px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item-image .item-image-wrapper {
    height: 104px;
    min-width: 82px;
    width: 82px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .line-item-image .item-image-wrapper {
    height: 78px;
    min-width: 62px;
    width: 62px;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .line-item-image .item-image-wrapper img {
    max-height: 156px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item-image .item-image-wrapper img {
    max-height: 104px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .line-item-image .item-image-wrapper img {
    max-height: 78px;
  }
}
.confirmation .item-delivery .label {
  color: #6F6D6D;
}
.confirmation .item-delivery .value {
  color: #000000;
}
@media only screen and (max-width : 767px) {
  .confirmation .item-delivery_discount {
    display: block;
  }
}
.confirmation .order-item-notavailable {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #bd0218;
}
.confirmation .line-item-size {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
}
.confirmation .line-item-status {
  display: none;
}
.confirmation .order-item-returned {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  margin-bottom: 30px;
  padding: 14px 20px;
}
@media only screen and (min-width : 1025px) {
  .confirmation .order-item-returned {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .order-item-returned {
    margin-right: 25px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .order-item-returned {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.confirmation .order-item-returned .status-value {
  color: #bd0218;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.confirmation .order-item-returned .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.confirmation .order-item-returned .i-help-icon {
  color: #6F6D6D;
  font-size: 1.25rem;
  margin-left: 5px;
  vertical-align: sub;
}
.confirmation .order-item-returned .content-asset {
  line-height: 1.25;
}
@media only screen and (min-width : 1025px) {
  .confirmation .order-item-returned .content-asset {
    max-width: 50%;
    text-align: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .order-item-returned .content-asset {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .order-item-returned .content-asset {
    margin-top: 20px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .order-item-returned .returned-tel {
    display: inline-block;
  }
}
.confirmation .product-list-item .name {
  color: #9A6247;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.confirmation .product-list-item .name a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.confirmation .product-list-item .sku {
  color: #6F6D6D;
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item-quantity {
    text-align: center;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .line-item-quantity {
    text-align: center;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .orderdetails-wide .line-item-quantity {
    padding-left: 36%;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .one-item-price {
    text-align: center;
    width: 15%;
  }
}
.confirmation .one-item-price .label {
  display: inline-block;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width : 1025px) {
  .confirmation .line-item-price {
    text-align: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .line-item-price {
    text-align: right;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .line-item-price .bonus-item {
    display: inline;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .line-item-price {
    width: 80px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-receipt .line-item-price {
    width: 80px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-receipt .line-item-price .label {
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  }
}
.confirmation-receipt .shipping-status {
  display: none;
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .line-item-price {
    width: 115px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .line-item-price ~ .line-item-price {
    display: none;
  }
}
.confirmation .orderdetails-description {
  border-top: 2px solid #000000;
  clear: both;
  padding-top: 30px;
}
@media only screen and (min-width : 1025px) {
  .confirmation .orderdetails-description {
    display: flex;
  }
}
.confirmation .orderdetails-description .order-payment-instruments-afterpay_logo {
  position: relative;
  top: -3px;
}
.confirmation-receipt .order-shipment-details,
.confirmation-receipt .order-billing,
.confirmation-receipt .order-payment-instruments,
.confirmation .orderdetails ~ .orderdetails-description .order-shipment-details,
.confirmation .orderdetails ~ .orderdetails-description .order-billing,
.confirmation .orderdetails ~ .orderdetails-description .order-payment-instruments {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width : 1025px) {
  .confirmation-receipt .order-shipment-details,
  .confirmation-receipt .order-billing,
  .confirmation-receipt .order-payment-instruments,
  .confirmation .orderdetails ~ .orderdetails-description .order-shipment-details,
  .confirmation .orderdetails ~ .orderdetails-description .order-billing,
  .confirmation .orderdetails ~ .orderdetails-description .order-payment-instruments {
    padding-right: 40px;
    width: calc(22% - 5px);
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-receipt .order-shipment-details,
  .confirmation-receipt .order-billing,
  .confirmation-receipt .order-payment-instruments,
  .confirmation .orderdetails ~ .orderdetails-description .order-shipment-details,
  .confirmation .orderdetails ~ .orderdetails-description .order-billing,
  .confirmation .orderdetails ~ .orderdetails-description .order-payment-instruments {
    margin-bottom: 30px;
    width: 100%;
  }
}
.confirmation-order_details .orderdetails-description {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .orderdetails-description {
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.confirmation-order_details .order-payment-instruments,
.confirmation-order_details .mini-address-location,
.confirmation-order_details .summarybox {
  line-height: 1.3;
}
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-summary,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-shipment-details,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-billing,
.confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-instruments {
  margin-bottom: 20px;
}
@media only screen and (min-width : 1025px) {
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-summary,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-shipment-details,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-billing,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-instruments {
    width: calc(50% - 10px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-summary,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-shipment-details,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-billing,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-instruments {
    padding: 0;
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width : 767px) {
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-summary,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-shipment-details,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-billing,
  .confirmation-order_details .orderdetails-wide ~ .orderdetails-description .order-payment-instruments {
    width: 100%;
  }
}
.confirmation-order_details .order-status p {
  display: inline-block;
  margin: 0;
}
.confirmation-order_details .line-item-status {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  display: block;
}
.confirmation .address-label-phone {
  display: none;
}
.confirmation .payment-amount .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.confirmation .order-payment-summary {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width : 1025px) {
  .confirmation .order-payment-summary {
    flex: 1 1 auto;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .order-payment-summary {
    width: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .order-shipment-details,
  .confirmation .order-payment-instruments {
    padding: 0 30px 30px 0;
    width: calc(50% - 3.5px);
  }
  .confirmation .order-billing,
  .confirmation .order-payment-summary {
    padding: 0 0 30px 30px;
    width: calc(50% - 3.5px);
  }
}
.confirmation .label.headline {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  margin: 0 0 20px;
  padding-bottom: 10px;
}
.confirmation .shipping-method {
  margin-top: 10px;
}
.confirmation address {
  font-style: normal;
}
.confirmation .login-create-account {
  background: #f1f1f1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  padding: 30px;
}
@media only screen and (min-width : 1025px) {
  .confirmation .login-create-account {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .login-create-account {
    border-width: 1px 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
    padding: 20px 10px;
  }
}
.confirmation .login-create-account fieldset {
  margin-bottom: 0;
}
.confirmation .login-create-account .bd-logo-wrapper {
  background: #ffffff;
}
.confirmation .login-create-account > .content-asset {
  margin: 30px 0;
}
.confirmation .login-create-account > .content-asset h3, .confirmation .login-create-account > .content-asset .footer-social span, .footer-social .confirmation .login-create-account > .content-asset span, .confirmation .login-create-account > .content-asset .label.headline,
.confirmation .login-create-account > .content-asset p {
  margin: 0;
}
.confirmation .login-create-account > .content-asset h4 {
  margin: 20px 0 0;
}
.confirmation .login-create-account button {
  margin-top: 10px;
}
.confirmation .login-create-account .birthdayform {
  position: relative;
}
@media only screen and (min-width : 1025px) {
  .confirmation .login-create-account .birthdayform {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .login-create-account .birthdayform {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .login-create-account .birthdayform {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width : 1025px) {
  .confirmation .login-create-account .birthdayform .form-row {
    width: 32%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .confirmation .login-create-account .birthdayform .form-row {
    width: 32%;
  }
}
@media only screen and (max-width : 767px) {
  .confirmation .login-create-account .birthdayform .form-row {
    padding-bottom: 0;
  }
}
.confirmation .login-create-account .birthdayform .form-row + .form-row {
  margin-left: 5px;
}
.confirmation .login-create-account .birthdayform .form-row + .form-row .required-indicator {
  visibility: hidden;
}
.confirmation .login-create-account .birthdayform .form-row + .form-row .form-field-tooltip {
  position: absolute;
  right: 0;
  top: 0;
}
.confirmation .login-create-account .birthdayform .form-row .error {
  color: #bd0218;
}
.confirmation .cc-type {
  text-transform: uppercase;
}

.order-payment-instruments .BD_COUPON .payment-type,
.order-payment-instruments .BD_COUPON .payment-amount {
  display: inline;
}
.order-payment-instruments .CREDIT_CARD .payment-type {
  display: none;
}
.billing-info {
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 456px) {
  .billing-info {
    align-items: center;
  }
}
.billing-info .billing-info-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 7px;
}
@media (max-width: 455px) {
  .billing-info .billing-info-icon {
    min-width: 15px;
  }
  .billing-info .billing-info-icon svg {
    display: table;
  }
}
.billing-info .billing-info-text {
  font-size: 14px;
  line-height: 14px;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}

.billing-info-icon-path {
  fill: #D7AC96;
}

.select-create-toggle {
  display: inline-flex;
}
.select-create-toggle .sct-option__wrap:first-child {
  margin-right: 30px;
}

.checkout-select-create-toggle .select-create-toggle {
  display: flex;
  padding-bottom: 18px;
}
.checkout-select-create-toggle .select-create-toggle label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  align-items: center;
  border: 2px solid #D9D7D7;
  color: #000000;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.checkout-select-create-toggle .select-create-toggle input[type=radio]:checked ~ label {
  color: #9A6247;
  background-color: #E9E5DE;
  border-color: #9A6247;
}
.checkout-select-create-toggle .select-create-toggle .sct-option__wrap {
  width: 50%;
}
.checkout-select-create-toggle .select-create-toggle .sct-option__wrap:first-child {
  margin: 0;
}
.checkout-select-create-toggle .select-create-toggle .sct-option__wrap:first-child label {
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  border-right-color: #ffffff;
}
.checkout-select-create-toggle .select-create-toggle .sct-option__wrap:last-child label {
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
  border-left-color: #ffffff;
}
.checkout-select-create-toggle .fake-radio {
  display: none;
}
.checkout-select-create-toggle--margin_bottom {
  margin-bottom: 24px;
}
.checkout-select-create-toggle--margin_bottom .select-create-toggle {
  padding-bottom: 0;
}

.cc-summary .label {
  margin-bottom: 5px;
}

.checkout-mini-cart {
  -webkit-overflow-scrolling: touch;
  max-height: 450px;
  overflow-y: scroll;
  border-radius: 5px;
  padding: 8px 10px 8px 0;
  margin: 25px 0;
}
@media only screen and (max-width : 767px) {
  .checkout-mini-cart {
    max-height: 430px;
  }
}
.checkout-mini-cart sup {
  display: inline-block;
  line-height: normal;
}
.checkout-mini-cart .mini-car-product-top {
  margin-bottom: 5px;
}
.checkout-mini-cart .mini-car-product-top .mini-cart-name a {
  text-decoration: none;
}
.checkout-mini-cart .mini-car-product-top .mini-cart-name a:hover {
  color: #BD896F;
  text-decoration: none;
}
.checkout-mini-cart .mini-cart-row {
  display: flex;
  margin-bottom: 3px;
}
.checkout-mini-cart .mini-cart-row .label {
  min-width: 100px;
  font-size: 0.875rem;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.checkout-mini-cart .mini-cart-row .value {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}
.checkout-mini-cart .mini-cart-row .value .mini-cart-price {
  font-size: 0.875rem;
}
.checkout-mini-cart .mini-cart-product {
  background-color: #fff;
  display: flex;
  line-height: 1;
  padding: 8px 0;
}
.checkout-mini-cart .mini-cart-product:not(:last-child) {
  margin-bottom: 8px;
  border-bottom: 1px solid #d9d1c5;
}
.checkout-mini-cart .mini-cart-product-info {
  display: inline-block;
  vertical-align: top;
}
.checkout-mini-cart .mini-cart-image {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-right: 15px;
  min-width: 120px;
  width: 120px;
}
.checkout-mini-cart .mini-cart-image img {
  max-height: 104px;
}
.checkout-mini-cart .mini-cart-product-info {
  padding-right: 10px;
  width: calc(100% - 102px);
}
.checkout-mini-cart .mini-cart-product-info .product-availability-list {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
}
.checkout-mini-cart .mini-cart-product-info .product-availability-list .notavailable {
  color: #bd0218;
}
.checkout-mini-cart .mini-cart-attributes,
.checkout-mini-cart .mini-cart-pricing {
  padding-top: 5px;
}
.checkout-mini-cart .mini-cart-delivery {
  font-size: 1rem;
  padding-top: 5px;
}
.checkout-mini-cart .mini-cart-delivery .label {
  color: #6F6D6D;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
}
.checkout-mini-cart .mini-cart-delivery .value,
.checkout-mini-cart .mini-cart-delivery .discount-value {
  color: #000000;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.checkout-mini-cart .mini-cart-delivery .discount-value {
  display: block;
}

.checkout-hidden {
  display: none;
}

.simple-return {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  text-align: center;
}
@media only screen and (max-width : 767px) {
  .simple-return {
    padding: 16px 10px 16px;
  }
}
.simple-return-content {
  background: #f1f1f1;
  margin-bottom: 50px;
  padding: 16px 30px 16px;
}
@media only screen and (min-width : 1025px) {
  .simple-return span {
    display: block;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .simple-return span {
    display: block;
  }
}

.order-status-page .primary-content {
  width: 100%;
}

@media only screen and (min-width : 768px) {
  .order-cancel-dialog {
    max-width: 527px;
    min-width: 527px;
  }
}
.order-cancel-dialog .ui-dialog-buttonpane {
  padding: 0 50px;
}
.order-cancel-dialog .ui-dialog-buttonpane button {
  margin: 0;
}
.order-cancel-dialog .ui-dialog-buttonset {
  display: flex;
}
@media only screen and (min-width : 768px) {
  .order-cancel-dialog .ui-dialog-buttonset {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 767px) {
  .order-cancel-dialog .ui-dialog-buttonset {
    align-items: center;
    flex-direction: column;
  }
}

.shipping-time-concerns {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: -15px 0 24px;
}

.order-component-block {
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .order-component-block {
    max-width: 50%;
  }
}
.order-component-block h3, .order-component-block .footer-social span, .footer-social .order-component-block span, .order-component-block .confirmation .label.headline, .confirmation .order-component-block .label.headline {
  margin: 0;
  font-size: 1rem;
}
.order-component-block__buttons {
  display: flex;
  justify-content: center;
  padding: 20px 0 0;
}
@media (max-width: 574px) {
  .order-component-block__buttons {
    padding: 0 0 20px;
    justify-content: space-between;
  }
  .order-component-block__buttons div {
    flex: 1;
  }
  .order-component-block__buttons div .btn,
  .order-component-block__buttons div .btn-secondary {
    min-width: auto;
  }
}
.order-component-block__buttons div {
  margin: 0 5px;
}
.order-component-block__buttons:after {
  display: none;
}
.order-component-block .section-header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px !important;
  border-bottom: 1px solid rgba(185, 183, 184, 0.5);
}
.order-component-block .section-header a {
  color: #9A6247;
  font-size: 1rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.order-component-block .section-header a span {
  white-space: nowrap;
}
.order-component-block .section-header a svg {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  color: currentColor;
}
.order-component-block .details {
  font-size: 1rem;
}
.order-component-block .details address {
  font-style: inherit;
}

.payment-form .b-checkout-form__message img {
  display: inline-block;
  vertical-align: top;
  width: 9.5rem;
}

@media only screen and (min-width: 481px) {
  .b-checkout-form__message img {
    padding-right: 10px;
  }
}
.b-checkout-form__message .b-checkout-form__message-text {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-left: 0.625rem;
}

.pt_checkout .site-header-holder {
  background-color: #fff;
  border: 0 none;
  margin: 0;
  padding: 0 0 24px;
}
@media only screen and (max-width : 767px) {
  .pt_checkout .site-header-holder {
    padding: 22px 0 28px;
  }
}
.pt_checkout .site-header-holder .content-width {
  margin-top: 0;
}
@media only screen and (min-width : 1025px) {
  .pt_checkout .site-header-holder .content-width {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_checkout .site-header-holder .content-width {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
.pt_checkout .site-header-holder .content-width:after {
  display: none;
}
@media only screen and (min-width : 1025px) {
  .pt_checkout .logos,
  .pt_checkout .secure-checkout,
  .pt_checkout .checkout-contact {
    margin: 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_checkout .logos,
  .pt_checkout .secure-checkout,
  .pt_checkout .checkout-contact {
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .pt_checkout .secondary-logo {
    margin-top: 11px;
    padding-top: 5px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_checkout .secondary-logo div {
    font-size: 1rem;
  }
}
.pt_checkout .secondary-logo img {
  max-height: 25px;
  max-width: 94px;
}

.secure-checkout {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .secure-checkout {
    margin: 0px 3% 0 3%;
    width: 27%;
  }
}
@media only screen and (max-width : 767px) {
  .secure-checkout {
    height: 73px;
  }
}

@media only screen and (min-width : 768px) {
  .checkout-contact {
    max-width: 38%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .checkout-contact {
    margin-right: 30px;
  }
}
.checkout-contact-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #505050;
  text-transform: uppercase;
}
.checkout-contact .doctors-name {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #000000;
  margin: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .checkout-contact .doctors-name {
    font-size: 1rem;
  }
}
.checkout-contact .checkout-contact_phone {
  color: #505050;
  font-size: 1rem;
}
.checkout-contact .checkout-contact_phone + .checkout-contact_phone {
  margin-top: 20px;
}
.checkout-contact a {
  color: #505050;
}
.checkout-contact a:hover {
  color: #9A6247;
}

.checkout-progress-indicator {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  margin-bottom: 30px;
  padding: 25px 0;
  text-align: left;
  white-space: nowrap;
}
@media only screen and (max-width : 767px) {
  .checkout-progress-indicator {
    text-align: center;
    padding: 25px 0;
    margin: 0 10px;
  }
}
.checkout-progress-indicator div {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  color: #6F6D6D;
  display: inline-block;
  text-transform: uppercase;
}
.checkout-progress-indicator .active {
  color: #000000;
}
.checkout-progress-indicator .icon {
  color: #6F6D6D;
  font-size: 1.5rem;
  margin: 0 8px;
  vertical-align: middle;
}
@media only screen and (max-width : 767px) {
  .checkout-progress-indicator .icon {
    margin: 0 -5px;
  }
}
.checkout-progress-indicator a {
  vertical-align: middle;
}

@media only screen and (max-width : 767px) {
  .pt_customer-service .nav {
    padding: 0;
  }
}

.pt_customer-service .nav ul:last-child,
.content-page .nav ul:last-child {
  padding: 0;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content,
  .pt_customer-service .content,
  .content-page .primary-content,
  .content-page .content {
    padding-bottom: 50px;
  }
}
.pt_customer-service .primary-content h1,
.pt_customer-service .content h1,
.content-page .primary-content h1,
.content-page .content h1 {
  margin-bottom: 18px;
  text-transform: uppercase;
}
@media only screen and (min-width : 1025px) {
  .pt_customer-service .primary-content h1,
  .pt_customer-service .content h1,
  .content-page .primary-content h1,
  .content-page .content h1 {
    padding-top: 10px;
  }
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content h1,
  .pt_customer-service .content h1,
  .content-page .primary-content h1,
  .content-page .content h1 {
    text-align: center;
  }
}
@media only screen and (max-width : 767px) and (max-width : 767px) {
  .pt_customer-service .primary-content h1,
  .pt_customer-service .content h1,
  .content-page .primary-content h1,
  .content-page .content h1 {
    font-size: 1.25rem;
  }
}
.pt_customer-service .primary-content h1 + h4,
.pt_customer-service .content h1 + h4,
.content-page .primary-content h1 + h4,
.content-page .content h1 + h4 {
  margin-top: 20px;
}
.pt_customer-service .primary-content h3, .pt_customer-service .primary-content .footer-social span, .footer-social .pt_customer-service .primary-content span, .pt_customer-service .primary-content .confirmation .label.headline, .confirmation .pt_customer-service .primary-content .label.headline,
.pt_customer-service .content h3,
.pt_customer-service .content .footer-social span,
.footer-social .pt_customer-service .content span,
.pt_customer-service .content .confirmation .label.headline,
.confirmation .pt_customer-service .content .label.headline,
.content-page .primary-content h3,
.content-page .primary-content .footer-social span,
.footer-social .content-page .primary-content span,
.content-page .primary-content .confirmation .label.headline,
.confirmation .content-page .primary-content .label.headline,
.content-page .content h3,
.content-page .content .footer-social span,
.footer-social .content-page .content span,
.content-page .content .confirmation .label.headline,
.confirmation .content-page .content .label.headline {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin: 0 0 5px;
}
.pt_customer-service .primary-content h4,
.pt_customer-service .content h4,
.content-page .primary-content h4,
.content-page .content h4 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  margin: 0;
}
.pt_customer-service .primary-content * + h4,
.pt_customer-service .content * + h4,
.content-page .primary-content * + h4,
.content-page .content * + h4 {
  margin-top: 30px;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content * + h4,
  .pt_customer-service .content * + h4,
  .content-page .primary-content * + h4,
  .content-page .content * + h4 {
    margin-top: 25px;
  }
}
.pt_customer-service .primary-content * + h3, .pt_customer-service .primary-content .footer-social * + span, .footer-social .pt_customer-service .primary-content * + span, .pt_customer-service .primary-content .confirmation * + .label.headline, .confirmation .pt_customer-service .primary-content * + .label.headline,
.pt_customer-service .content * + h3,
.pt_customer-service .content .footer-social * + span,
.footer-social .pt_customer-service .content * + span,
.pt_customer-service .content .confirmation * + .label.headline,
.confirmation .pt_customer-service .content * + .label.headline,
.content-page .primary-content * + h3,
.content-page .primary-content .footer-social * + span,
.footer-social .content-page .primary-content * + span,
.content-page .primary-content .confirmation * + .label.headline,
.confirmation .content-page .primary-content * + .label.headline,
.content-page .content * + h3,
.content-page .content .footer-social * + span,
.footer-social .content-page .content * + span,
.content-page .content .confirmation * + .label.headline,
.confirmation .content-page .content * + .label.headline {
  margin-top: 20px;
}
.pt_customer-service .primary-content p,
.pt_customer-service .content p,
.content-page .primary-content p,
.content-page .content p {
  margin: 0 0 10px;
}
.pt_customer-service .primary-content p:last-child,
.pt_customer-service .content p:last-child,
.content-page .primary-content p:last-child,
.content-page .content p:last-child {
  margin-bottom: 0;
}
.pt_customer-service .primary-content .marked-list,
.pt_customer-service .primary-content ul,
.pt_customer-service .content .marked-list,
.pt_customer-service .content ul,
.content-page .primary-content .marked-list,
.content-page .primary-content ul,
.content-page .content .marked-list,
.content-page .content ul {
  list-style-type: disc;
  padding: 10px 0 10px 23px;
}
.pt_customer-service .primary-content .marked-list li,
.pt_customer-service .primary-content ul li,
.pt_customer-service .content .marked-list li,
.pt_customer-service .content ul li,
.content-page .primary-content .marked-list li,
.content-page .primary-content ul li,
.content-page .content .marked-list li,
.content-page .content ul li {
  padding: 0 0 5px 14px;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content .marked-list li,
  .pt_customer-service .primary-content ul li,
  .pt_customer-service .content .marked-list li,
  .pt_customer-service .content ul li,
  .content-page .primary-content .marked-list li,
  .content-page .primary-content ul li,
  .content-page .content .marked-list li,
  .content-page .content ul li {
    padding: 0 0 10px 10px;
  }
}
.pt_customer-service .primary-content .marked-list + h3, .pt_customer-service .primary-content .footer-social .marked-list + span, .footer-social .pt_customer-service .primary-content .marked-list + span, .pt_customer-service .primary-content .confirmation .marked-list + .label.headline, .confirmation .pt_customer-service .primary-content .marked-list + .label.headline, .pt_customer-service .primary-content .marked-list + h4,
.pt_customer-service .primary-content ul + h3,
.pt_customer-service .primary-content .footer-social ul + span,
.footer-social .pt_customer-service .primary-content ul + span,
.pt_customer-service .primary-content .confirmation ul + .label.headline,
.confirmation .pt_customer-service .primary-content ul + .label.headline,
.pt_customer-service .primary-content ul + h4,
.pt_customer-service .content .marked-list + h3,
.pt_customer-service .content .footer-social .marked-list + span,
.footer-social .pt_customer-service .content .marked-list + span,
.pt_customer-service .content .confirmation .marked-list + .label.headline,
.confirmation .pt_customer-service .content .marked-list + .label.headline,
.pt_customer-service .content .marked-list + h4,
.pt_customer-service .content ul + h3,
.pt_customer-service .content .footer-social ul + span,
.footer-social .pt_customer-service .content ul + span,
.pt_customer-service .content .confirmation ul + .label.headline,
.confirmation .pt_customer-service .content ul + .label.headline,
.pt_customer-service .content ul + h4,
.content-page .primary-content .marked-list + h3,
.content-page .primary-content .footer-social .marked-list + span,
.footer-social .content-page .primary-content .marked-list + span,
.content-page .primary-content .confirmation .marked-list + .label.headline,
.confirmation .content-page .primary-content .marked-list + .label.headline,
.content-page .primary-content .marked-list + h4,
.content-page .primary-content ul + h3,
.content-page .primary-content .footer-social ul + span,
.footer-social .content-page .primary-content ul + span,
.content-page .primary-content .confirmation ul + .label.headline,
.confirmation .content-page .primary-content ul + .label.headline,
.content-page .primary-content ul + h4,
.content-page .content .marked-list + h3,
.content-page .content .footer-social .marked-list + span,
.footer-social .content-page .content .marked-list + span,
.content-page .content .confirmation .marked-list + .label.headline,
.confirmation .content-page .content .marked-list + .label.headline,
.content-page .content .marked-list + h4,
.content-page .content ul + h3,
.content-page .content .footer-social ul + span,
.footer-social .content-page .content ul + span,
.content-page .content .confirmation ul + .label.headline,
.confirmation .content-page .content ul + .label.headline,
.content-page .content ul + h4 {
  margin: 10px 0 0;
}
.pt_customer-service .primary-content .numbered-list,
.pt_customer-service .primary-content ol,
.pt_customer-service .content .numbered-list,
.pt_customer-service .content ol,
.content-page .primary-content .numbered-list,
.content-page .primary-content ol,
.content-page .content .numbered-list,
.content-page .content ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding: 0;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content .numbered-list,
  .pt_customer-service .primary-content ol,
  .pt_customer-service .content .numbered-list,
  .pt_customer-service .content ol,
  .content-page .primary-content .numbered-list,
  .content-page .primary-content ol,
  .content-page .content .numbered-list,
  .content-page .content ol {
    padding-bottom: 5px;
  }
}
.pt_customer-service .primary-content .numbered-list li,
.pt_customer-service .primary-content ol li,
.pt_customer-service .content .numbered-list li,
.pt_customer-service .content ol li,
.content-page .primary-content .numbered-list li,
.content-page .primary-content ol li,
.content-page .content .numbered-list li,
.content-page .content ol li {
  padding: 0 0 13px;
}
.pt_customer-service .primary-content .numbered-list + h3, .pt_customer-service .primary-content .footer-social .numbered-list + span, .footer-social .pt_customer-service .primary-content .numbered-list + span, .pt_customer-service .primary-content .confirmation .numbered-list + .label.headline, .confirmation .pt_customer-service .primary-content .numbered-list + .label.headline, .pt_customer-service .primary-content .numbered-list + h4,
.pt_customer-service .primary-content ol + h3,
.pt_customer-service .primary-content .footer-social ol + span,
.footer-social .pt_customer-service .primary-content ol + span,
.pt_customer-service .primary-content .confirmation ol + .label.headline,
.confirmation .pt_customer-service .primary-content ol + .label.headline,
.pt_customer-service .primary-content ol + h4,
.pt_customer-service .content .numbered-list + h3,
.pt_customer-service .content .footer-social .numbered-list + span,
.footer-social .pt_customer-service .content .numbered-list + span,
.pt_customer-service .content .confirmation .numbered-list + .label.headline,
.confirmation .pt_customer-service .content .numbered-list + .label.headline,
.pt_customer-service .content .numbered-list + h4,
.pt_customer-service .content ol + h3,
.pt_customer-service .content .footer-social ol + span,
.footer-social .pt_customer-service .content ol + span,
.pt_customer-service .content .confirmation ol + .label.headline,
.confirmation .pt_customer-service .content ol + .label.headline,
.pt_customer-service .content ol + h4,
.content-page .primary-content .numbered-list + h3,
.content-page .primary-content .footer-social .numbered-list + span,
.footer-social .content-page .primary-content .numbered-list + span,
.content-page .primary-content .confirmation .numbered-list + .label.headline,
.confirmation .content-page .primary-content .numbered-list + .label.headline,
.content-page .primary-content .numbered-list + h4,
.content-page .primary-content ol + h3,
.content-page .primary-content .footer-social ol + span,
.footer-social .content-page .primary-content ol + span,
.content-page .primary-content .confirmation ol + .label.headline,
.confirmation .content-page .primary-content ol + .label.headline,
.content-page .primary-content ol + h4,
.content-page .content .numbered-list + h3,
.content-page .content .footer-social .numbered-list + span,
.footer-social .content-page .content .numbered-list + span,
.content-page .content .confirmation .numbered-list + .label.headline,
.confirmation .content-page .content .numbered-list + .label.headline,
.content-page .content .numbered-list + h4,
.content-page .content ol + h3,
.content-page .content .footer-social ol + span,
.footer-social .content-page .content ol + span,
.content-page .content .confirmation ol + .label.headline,
.confirmation .content-page .content ol + .label.headline,
.content-page .content ol + h4 {
  margin: 10px 0 0;
}
.pt_customer-service .primary-content .return-to-help,
.pt_customer-service .content .return-to-help,
.content-page .primary-content .return-to-help,
.content-page .content .return-to-help {
  margin-top: 30px;
}
.pt_customer-service .primary-content .resp-tabs-container,
.pt_customer-service .content .resp-tabs-container,
.content-page .primary-content .resp-tabs-container,
.content-page .content .resp-tabs-container {
  margin-top: 20px;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container,
.content-page .primary-content .resp-tabs-container .resp-tabs-container,
.content-page .content .resp-tabs-container .resp-tabs-container {
  margin-top: 0;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container .resp-accordion,
.content-page .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion,
.content-page .content .resp-tabs-container .resp-tabs-container .resp-accordion {
  border-bottom: 0;
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  padding: 25px 0;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion:first-child,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container .resp-accordion:first-child,
.content-page .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion:first-child,
.content-page .content .resp-tabs-container .resp-tabs-container .resp-accordion:first-child {
  border-top: 0;
  padding-top: 0;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion:after,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container .resp-accordion:after,
.content-page .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion:after,
.content-page .content .resp-tabs-container .resp-tabs-container .resp-accordion:after {
  display: none;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion .icon,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container .resp-accordion .icon,
.content-page .primary-content .resp-tabs-container .resp-tabs-container .resp-accordion .icon,
.content-page .content .resp-tabs-container .resp-tabs-container .resp-accordion .icon {
  font-size: 1.25rem;
  left: -5px;
  padding-right: 5px;
  position: relative;
  top: 2px;
}
.pt_customer-service .primary-content .resp-tabs-container .resp-tabs-container .resp-tab-content,
.pt_customer-service .content .resp-tabs-container .resp-tabs-container .resp-tab-content,
.content-page .primary-content .resp-tabs-container .resp-tabs-container .resp-tab-content,
.content-page .content .resp-tabs-container .resp-tabs-container .resp-tab-content {
  border: 0;
  padding: 5px 0 30px 25px;
}
.pt_customer-service .primary-content .resp-tab-content,
.pt_customer-service .content .resp-tab-content,
.content-page .primary-content .resp-tab-content,
.content-page .content .resp-tab-content {
  border: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 0;
  padding: 20px 25px;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content .resp-tab-content,
  .pt_customer-service .content .resp-tab-content,
  .content-page .primary-content .resp-tab-content,
  .content-page .content .resp-tab-content {
    padding: 20px 10px 0;
  }
  .pt_customer-service .primary-content .resp-tab-content > div,
  .pt_customer-service .content .resp-tab-content > div,
  .content-page .primary-content .resp-tab-content > div,
  .content-page .content .resp-tab-content > div {
    padding-bottom: 20px;
  }
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-tab-content,
.pt_customer-service .content .content-page-element-parent > .resp-tab-content,
.content-page .primary-content .content-page-element-parent > .resp-tab-content,
.content-page .content .content-page-element-parent > .resp-tab-content {
  padding-bottom: 0;
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-accordion,
.pt_customer-service .primary-content .content-page-element > .resp-accordion,
.pt_customer-service .content .content-page-element-parent > .resp-accordion,
.pt_customer-service .content .content-page-element > .resp-accordion,
.content-page .primary-content .content-page-element-parent > .resp-accordion,
.content-page .primary-content .content-page-element > .resp-accordion,
.content-page .content .content-page-element-parent > .resp-accordion,
.content-page .content .content-page-element > .resp-accordion {
  transition: all 200ms ease-in;
  border: 1px solid rgba(111, 109, 109, 0.5);
  margin-top: 10px;
  padding: 20px 70px 20px 25px;
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-accordion:first-child,
.pt_customer-service .primary-content .content-page-element > .resp-accordion:first-child,
.pt_customer-service .content .content-page-element-parent > .resp-accordion:first-child,
.pt_customer-service .content .content-page-element > .resp-accordion:first-child,
.content-page .primary-content .content-page-element-parent > .resp-accordion:first-child,
.content-page .primary-content .content-page-element > .resp-accordion:first-child,
.content-page .content .content-page-element-parent > .resp-accordion:first-child,
.content-page .content .content-page-element > .resp-accordion:first-child {
  margin-top: 0;
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-accordion:hover, .pt_customer-service .primary-content .content-page-element-parent > .resp-accordion:focus,
.pt_customer-service .primary-content .content-page-element > .resp-accordion:hover,
.pt_customer-service .primary-content .content-page-element > .resp-accordion:focus,
.pt_customer-service .content .content-page-element-parent > .resp-accordion:hover,
.pt_customer-service .content .content-page-element-parent > .resp-accordion:focus,
.pt_customer-service .content .content-page-element > .resp-accordion:hover,
.pt_customer-service .content .content-page-element > .resp-accordion:focus,
.content-page .primary-content .content-page-element-parent > .resp-accordion:hover,
.content-page .primary-content .content-page-element-parent > .resp-accordion:focus,
.content-page .primary-content .content-page-element > .resp-accordion:hover,
.content-page .primary-content .content-page-element > .resp-accordion:focus,
.content-page .content .content-page-element-parent > .resp-accordion:hover,
.content-page .content .content-page-element-parent > .resp-accordion:focus,
.content-page .content .content-page-element > .resp-accordion:hover,
.content-page .content .content-page-element > .resp-accordion:focus {
  background: #f1f1f1;
  outline: none;
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active:after, .pt_customer-service .primary-content .content-page-element-parent > .resp-accordion:after,
.pt_customer-service .primary-content .content-page-element > .resp-accordion.resp-tab-active:after,
.pt_customer-service .primary-content .content-page-element > .resp-accordion:after,
.pt_customer-service .content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
.pt_customer-service .content .content-page-element-parent > .resp-accordion:after,
.pt_customer-service .content .content-page-element > .resp-accordion.resp-tab-active:after,
.pt_customer-service .content .content-page-element > .resp-accordion:after,
.content-page .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
.content-page .primary-content .content-page-element-parent > .resp-accordion:after,
.content-page .primary-content .content-page-element > .resp-accordion.resp-tab-active:after,
.content-page .primary-content .content-page-element > .resp-accordion:after,
.content-page .content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
.content-page .content .content-page-element-parent > .resp-accordion:after,
.content-page .content .content-page-element > .resp-accordion.resp-tab-active:after,
.content-page .content .content-page-element > .resp-accordion:after {
  right: 25px;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active:after, .pt_customer-service .primary-content .content-page-element-parent > .resp-accordion:after,
  .pt_customer-service .primary-content .content-page-element > .resp-accordion.resp-tab-active:after,
  .pt_customer-service .primary-content .content-page-element > .resp-accordion:after,
  .pt_customer-service .content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
  .pt_customer-service .content .content-page-element-parent > .resp-accordion:after,
  .pt_customer-service .content .content-page-element > .resp-accordion.resp-tab-active:after,
  .pt_customer-service .content .content-page-element > .resp-accordion:after,
  .content-page .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
  .content-page .primary-content .content-page-element-parent > .resp-accordion:after,
  .content-page .primary-content .content-page-element > .resp-accordion.resp-tab-active:after,
  .content-page .primary-content .content-page-element > .resp-accordion:after,
  .content-page .content .content-page-element-parent > .resp-accordion.resp-tab-active:after,
  .content-page .content .content-page-element-parent > .resp-accordion:after,
  .content-page .content .content-page-element > .resp-accordion.resp-tab-active:after,
  .content-page .content .content-page-element > .resp-accordion:after {
    right: 10px;
  }
}
.pt_customer-service .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active,
.pt_customer-service .primary-content .content-page-element > .resp-accordion.resp-tab-active,
.pt_customer-service .content .content-page-element-parent > .resp-accordion.resp-tab-active,
.pt_customer-service .content .content-page-element > .resp-accordion.resp-tab-active,
.content-page .primary-content .content-page-element-parent > .resp-accordion.resp-tab-active,
.content-page .primary-content .content-page-element > .resp-accordion.resp-tab-active,
.content-page .content .content-page-element-parent > .resp-accordion.resp-tab-active,
.content-page .content .content-page-element > .resp-accordion.resp-tab-active {
  background: #f1f1f1;
}
@media only screen and (max-width : 767px) {
  .pt_customer-service .primary-content .content-page-element-parent > .resp-accordion,
  .pt_customer-service .primary-content .content-page-element > .resp-accordion,
  .pt_customer-service .content .content-page-element-parent > .resp-accordion,
  .pt_customer-service .content .content-page-element > .resp-accordion,
  .content-page .primary-content .content-page-element-parent > .resp-accordion,
  .content-page .primary-content .content-page-element > .resp-accordion,
  .content-page .content .content-page-element-parent > .resp-accordion,
  .content-page .content .content-page-element > .resp-accordion {
    padding: 20px 27px 20px 10px;
  }
}
.pt_customer-service .contact-us-headline,
.content-page .contact-us-headline {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  margin: 0;
}
@media only screen and (min-width : 1025px) {
  .pt_customer-service .contact-us-text,
  .content-page .contact-us-text {
    float: left;
    width: 55%;
  }
}
.pt_customer-service .contact-us-text p,
.content-page .contact-us-text p {
  margin: 0;
}
@media only screen and (min-width : 1025px) {
  .pt_customer-service .contact-us-info,
  .content-page .contact-us-info {
    float: right;
    text-align: right;
    width: 45%;
  }
}
.pt_customer-service .contact-us-info p,
.content-page .contact-us-info p {
  margin: 0;
}

.content-page {
  padding-top: 50px;
}
.content-page .content {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width : 1025px) {
  .content-page .content {
    width: calc(100% - 270px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .content-page .content {
    width: calc(100% - 245px);
  }
}
.content-page .content .content-asset {
  text-align: left;
}

.content-page-header {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
}

.error-page-message {
  padding: 10px 0 40px;
}
.error-page-message p {
  margin: 0;
  padding: 0 0 10px;
}
.error-page-search {
  padding: 0 0 10px;
  width: 45%;
}
.error-page-search label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .error-page-search {
    width: 70%;
  }
}
@media only screen and (max-width : 767px) {
  .error-page-search {
    width: 100%;
  }
}
.error-page-footer {
  padding: 0 0 50px;
}
.error-page-footer p {
  margin: 0;
  padding: 0 0 10px;
}

.home-slots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 30px 0;
}
@media only screen and (max-width : 1024px) {
  .home-slots {
    justify-content: space-between;
  }
}
@media only screen and (max-width : 480px) {
  .home-slots {
    display: block;
    margin: 0;
  }
}
.home-slots-alle .home-slot p {
  padding-bottom: 60px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-slots-alle .home-slot {
    margin: 0 20px 0 auto;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-slots-alle .home-slot + .home-slot {
    margin: 0 auto 0 20px;
  }
}

.home-slot {
  background-color: #F7F5F1;
  font-size: 1.25rem;
  margin-left: 6.5%;
  max-width: 320px;
  position: relative;
  width: 30%;
}
@media only screen and (max-width : 1024px) {
  .home-slot {
    font-size: 1rem;
    margin-left: 0%;
    max-width: 280px;
    width: 31.5%;
  }
}
@media only screen and (max-width : 480px) {
  .home-slot {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
.home-slot:first-child {
  margin-left: 0;
}
.home-slot p {
  margin: 0;
  padding: 20px;
  word-break: break-word;
}
.home-slot a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width : 767px) {
  .home-slot a {
    display: inline-block;
  }
}
.home-slot img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.promotion-logo {
  left: 10px;
  position: absolute;
  top: 10px;
  width: auto;
}
.slick-slide .promotion-logo {
  display: inline-block;
  margin-right: 25px;
  position: static;
}
@media only screen and (max-width : 767px) {
  .slick-slide .promotion-logo {
    margin-right: 10px;
  }
}
.home-slot .promotion-logo {
  height: auto;
  left: 10px;
  top: 10px;
  width: auto;
  z-index: 2;
}

.promotion-img {
  display: block;
  overflow: hidden;
  padding: 0 0 95%;
  position: relative;
}

@media only screen and (min-width : 1025px) {
  .home-main-slider {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
  }
}
.home-main-slider .slick-slider {
  margin: 0;
}
.home-main-slider .slick-slider .slick-slide {
  align-items: flex-start;
  background-position: 48% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 377px;
  justify-content: center;
  padding: 0 100px 0 160px;
  position: relative;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-main-slider .slick-slider .slick-slide {
    background-size: 150%;
    padding: 0 80px;
  }
}
@media only screen and (max-width : 767px) {
  .home-main-slider .slick-slider .slick-slide {
    background-position: 50% 25%;
    padding: 10px 5px 0;
  }
}
.home-main-slider .slick-slider .slick-slide:focus {
  border: 2px solid #ffffff;
}
.home-main-slider .slick-slider .slick-slide .slide-content {
  width: 50%;
}
@media only screen and (max-width : 1024px) {
  .home-main-slider .slick-slider .slick-slide .slide-content {
    width: 65%;
  }
}
@media only screen and (max-width : 480px) {
  .home-main-slider .slick-slider .slick-slide .slide-content {
    width: 100%;
  }
}
.home-main-slider .slick-slider .slick-slide .slide-content .bd-logo {
  position: absolute;
  top: 10px;
}
.home-main-slider .slick-slider .slick-slide.text-right {
  align-items: flex-end;
}
@media only screen and (min-width : 1025px) {
  .home-main-slider .slick-slider .slick-slide.text-right .slide-content {
    width: 40%;
  }
}
.home-main-slider .slick-slider .slick-slide.text-white {
  color: #ffffff;
}
.home-main-slider .slick-slider .slick-slide.text-white h3, .home-main-slider .slick-slider .slick-slide.text-white .footer-social span, .footer-social .home-main-slider .slick-slider .slick-slide.text-white span, .home-main-slider .slick-slider .slick-slide.text-white .confirmation .label.headline, .confirmation .home-main-slider .slick-slider .slick-slide.text-white .label.headline {
  color: #ffffff;
}
.home-main-slider .slick-slider .slick-slide.bd-logo .slide-content p:first-of-type {
  padding-top: 50px;
}
.home-main-slider .slick-slider .slick-slide .banner-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 0;
}
.home-main-slider .slick-slider .slick-slide .banner-link:focus {
  border: 2px solid #E9E5DE;
}
.home-main-slider .slick-slider h3, .home-main-slider .slick-slider .footer-social span, .footer-social .home-main-slider .slick-slider span, .home-main-slider .slick-slider .confirmation .label.headline, .confirmation .home-main-slider .slick-slider .label.headline {
  color: #000000;
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 2.75rem;
  line-height: 1.25;
  margin: 0 0 30px;
  max-height: 280px;
  overflow: hidden;
  text-transform: none;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-main-slider .slick-slider h3, .home-main-slider .slick-slider .footer-social span, .footer-social .home-main-slider .slick-slider span, .home-main-slider .slick-slider .confirmation .label.headline, .confirmation .home-main-slider .slick-slider .label.headline {
    margin-bottom: 20px;
    max-height: 222px;
  }
}
@media only screen and (max-width : 767px) {
  .home-main-slider .slick-slider h3, .home-main-slider .slick-slider .footer-social span, .footer-social .home-main-slider .slick-slider span, .home-main-slider .slick-slider .confirmation .label.headline, .confirmation .home-main-slider .slick-slider .label.headline {
    font-size: 1.625rem;
    margin-bottom: 20px;
    max-height: 130px;
    padding: 0 15px;
  }
  .home-main-slider .slick-slider h3 ~ div, .home-main-slider .slick-slider .footer-social span ~ div, .footer-social .home-main-slider .slick-slider span ~ div, .home-main-slider .slick-slider .confirmation .label.headline ~ div, .confirmation .home-main-slider .slick-slider .label.headline ~ div {
    padding: 0 15px;
  }
}
.home-main-slider .slick-slider p {
  margin-top: 0;
}
.home-main-slider .slick-slider p:last-of-type {
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .home-main-slider .slick-slider p {
    overflow: hidden;
    padding: 0 15px;
  }
}
.home-main-slider .slick-slider a {
  font-size: 1rem;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-main-slider .slick-slider button {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width : 767px) {
  .home-main-slider .slick-slider button {
    margin-bottom: 40px;
  }
}
.home-main-slider .slick-slider .slick-dots {
  bottom: 0;
}
@media only screen and (max-width : 767px) {
  .home-main-slider .slick-arrow.slick-arrow {
    display: none !important;
  }
}
.home-main-slider .slick-arrow.slick-prev {
  left: 50px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-main-slider .slick-arrow.slick-prev {
    left: 20px;
  }
}
.home-main-slider .slick-arrow.slick-next {
  right: 50px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-main-slider .slick-arrow.slick-next {
    right: 20px;
  }
}

.home-recommendation h2 {
  margin-top: 70px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .home-recommendation h2 {
    margin-top: 50px;
  }
}
@media only screen and (max-width : 767px) {
  .home-recommendation h2 {
    margin-top: 40px;
  }
}

.for-anonymous-only,
.for-authenticated-only {
  display: none;
}
@media only screen and (max-width : 767px) {
  .home-slot .for-anonymous-only,
  .home-slot .for-authenticated-only {
    display: none;
  }
}

.customer-anonymous .for-anonymous-only {
  display: inline-block;
}
@media only screen and (max-width : 767px) {
  .home-slot .customer-anonymous .for-anonymous-only {
    display: inline-block;
  }
}

.customer-authenticated .for-authenticated-only {
  display: inline-block;
}
@media only screen and (max-width : 767px) {
  .home-slot .customer-authenticated .for-authenticated-only {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .home-main-slider .slick-slider .slick-slide.banner-link .banner-link {
    background-size: contain !important;
  }
  .home-main-slider .slick-slider .slick-slide.banner-link {
    height: 31.4vw;
  }
}
@media only screen and (min-width : 1025px) {
  .pdp-main .product-columns + .product-slider h2 {
    margin-top: 60px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pdp-main .product-columns + .product-slider h2 {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 767px) {
  .pdp-main .product-slider h2 {
    font-size: 1.25rem;
  }
}

.static-content {
  clear: both;
}

.pt_product-details .primary-content {
  width: 100%;
}

.quantity {
  display: flex;
  align-items: center;
}
.quantity__btn {
  color: #BD896F;
  background-color: #fff;
  border: 1px solid #BD896F;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 12px 0;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1;
  font-size: 0.875rem;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  min-width: auto;
  min-height: auto;
}
.quantity__btn:hover {
  color: #fff;
  background-color: #BD896F;
}
.quantity__btn:focus-visible {
  outline: thin dotted;
}
.quantity__btn--remove {
  border-radius: 20px 0 0 20px;
}
.quantity__btn--add {
  border-radius: 0 20px 20px 0;
}
.quantity label {
  padding: 0 !important;
}
.quantity__input {
  width: 40px;
  border-color: #BD896F;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  text-align: center;
}
.quantity__input:focus-within {
  background: #f1f1f1;
  font-size: 1rem;
}
@media (max-width: 500px) {
  .quantity__input {
    font-size: 0.875rem;
  }
}

.pt_product-details .primary-content {
  position: relative;
}

.product-nav-container {
  position: absolute;
  right: 0;
  top: -3px;
  z-index: 1;
}
@media only screen and (max-width : 767px) {
  .product-nav-container {
    display: none;
  }
}
.product-nav-container .product-previous,
.product-nav-container .product-next {
  display: inline-block;
  max-width: 40px;
  text-align: center;
}
.product-nav-container .product-previous a,
.product-nav-container .product-next a {
  display: inline-block;
}
.product-nav-container .i-left-arrow,
.product-nav-container .i-arrow {
  color: #9A6247;
  font-size: 2.75rem;
}
.product-nav-container .arrow-text {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

.product-detail {
  float: right;
  margin-bottom: 10px;
  position: relative;
  width: 53%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-detail {
    width: 50.2%;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail {
    display: table;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
  }
}
.product-detail .product-name {
  font-family: "Stanley_Regular", "Georgia", "DejaVu Serif", serif;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 10px;
  padding-right: 95px;
  text-transform: none;
}
@media only screen and (max-width : 767px) {
  .product-detail .product-name {
    padding-right: 0;
  }
}
.product-detail .product-number {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #6F6D6D;
  margin-bottom: 30px;
  padding-right: 95px;
  text-transform: inherit;
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-number {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail .product-number {
    padding-right: 0;
  }
}
.product-detail .product-description {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
}
.product-detail .product-description p {
  margin: 0 0 20px;
}
.product-detail .product-points {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin-bottom: 30px;
}
.product-detail .product-points .bd-points {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.product-detail .label {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: block;
}
.product-detail .product-info-list {
  margin-bottom: 20px;
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-info-list {
    display: flex;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-info-list {
    margin-bottom: 5px;
  }
}
.product-detail .product-info-list li {
  border-left: 1px solid rgba(111, 109, 109, 0.5);
  padding: 0 20px;
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-info-list li.product-info-price {
    border: none;
    padding-left: 0;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-info-list li {
    border: none;
    display: block;
    padding: 0 0 10px;
  }
}
.product-detail .product-info-list .value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.product-detail .price-standard {
  text-decoration: line-through;
}
.product-detail .price-standard + .price-sales {
  color: #ec0006;
}
.product-detail .product-info-weight .value {
  color: #6F6D6D;
}
.product-detail .product-info-weight .value.selected {
  color: #9A6247;
}
.product-detail .product-info-weight .value + .value {
  margin-left: 10px;
}
.product-detail .product-quantity {
  padding-right: 20px;
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-quantity {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
}
.product-detail .product-quantity p {
  margin: 0;
}
.product-detail .product-add-to-cart,
.product-detail .product-actions {
  line-height: 1;
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-add-to-cart,
  .product-detail .product-actions {
    display: inline-block;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-add-to-cart,
  .product-detail .product-actions {
    margin: 8px 0 0 0;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail .notify-me-form {
    width: 100%;
    margin-right: 0;
  }
}
.product-detail .notify-me-form + .product-actions {
  margin: 6px 0 -5px 0;
}
@media only screen and (min-width : 1025px) {
  .product-detail .notify-me-form.hidden + .product-actions {
    margin: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .product-detail .notify-me-form .search-input-field {
    display: inline-block;
    padding-top: 13px;
    vertical-align: top;
    width: 55%;
  }
}
@media only screen and (min-width : 961px) and (max-width : 1024px) {
  .product-detail .notify-me-form .search-input-field {
    display: inline-block;
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width : 768px) and (max-width : 960px) {
  .product-detail .notify-me-form .search-input-field {
    display: inline-block;
    width: calc(100% - 160px);
  }
}
.product-detail .notify-me-form .button-on-input {
  line-height: 1;
}
.product-detail .notify-me-form .error + .error {
  display: inline-block !important;
}
.product-detail .notify-me-form .notify-me-success-msg {
  display: block;
  line-height: 1;
  margin-left: 20px;
  margin-top: 5px;
  text-transform: none;
}
@media only screen and (min-width : 1025px) {
  .product-detail #notify-me-btn {
    margin: 13px 0 0 10px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-detail #notify-me-btn {
    float: right;
    margin: -1px 0 0 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 960px) {
  .product-detail #notify-me-btn {
    min-width: 150px;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail #notify-me-btn {
    margin: 13px 0 0;
  }
}
.product-detail #show-notify-me-form {
  min-width: 180px;
}
.product-detail .product-add-to-cart {
  padding-right: 20px;
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-add-to-cart {
    margin: 0;
    padding: 0;
  }
}
.product-detail .product-add-to-cart .show-notify-me-form {
  margin-top: 22px;
}
.product-detail .product-add-to-cart .add-to-cart ~ .show-notify-me-form {
  margin-top: 0;
}
.product-detail .show-notify-me-form.hidden,
.product-detail .notify-me-form.hidden,
.product-detail .js-available-to-buy.hidden {
  display: none;
}
.product-detail .product-availability {
  position: relative;
  width: 100%;
}
.product-detail .product-availability .product-quantity .availability-msg {
  padding: 0;
  min-height: 24px;
}
@media (max-width: 414px) {
  .product-detail .product-availability .product-quantity .inventory {
    float: left;
  }
  .product-detail .product-availability .product-quantity .availability-msg {
    clear: both;
  }
}
.product-detail .product-availability .product-quantity .quantity_wrap {
  display: flex;
  flex-direction: column;
}
.product-detail .product-availability .product-quantity .quantity_wrap .label {
  padding: 0;
  margin-bottom: 10px;
}
@media (max-width: 414px) {
  .product-detail .product-availability .product-quantity .quantity_wrap {
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
  }
  .product-detail .product-availability .product-quantity .quantity_wrap .label {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 414px) {
  .product-detail .product-availability .product-quantity {
    display: block;
    padding-right: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-availability {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-availability {
    display: table;
  }
}
@media (max-width: 414px) {
  .product-detail .product-availability {
    display: block;
  }
}
.product-detail .product-availability .notify-me-form {
  width: 100%;
  margin-top: 10px;
}
.product-detail .product-availability .notify-me-form label {
  display: block;
  padding-left: 0;
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-availability .notify-me-form label {
    padding-top: 0;
  }
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-buttons {
    align-self: center;
    width: auto;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-buttons {
    padding-top: 10px;
    vertical-align: top;
    margin-top: 16px;
  }
}
@media (max-width: 414px) {
  .product-detail .product-buttons {
    display: block;
    margin-top: 0;
  }
}
.product-detail .availability-msg {
  margin-bottom: -20px;
  padding-left: 20px;
}
@media only screen and (max-width : 1024px) {
  .product-detail .availability-msg {
    margin-top: 35px;
  }
}
@media only screen and (min-width : 1025px) {
  .product-detail .availability-msg .out-of-stock {
    margin-bottom: 33px;
  }
}
@media only screen and (max-width : 1024px) {
  .product-detail .availability-msg .out-of-stock {
    margin-bottom: 38px;
  }
}
.product-detail .not-available-msg {
  position: absolute;
}
@media only screen and (max-width : 1024px) {
  .product-detail .not-available-msg {
    position: static;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail .not-available-msg {
    margin-top: 12px;
  }
}
@media only screen and (min-width : 1025px) {
  .product-detail .availability-msg.not-available {
    height: 24px;
  }
}
.product-detail .inventory {
  margin-bottom: 2px;
}
.product-detail .inventory + .availability-msg {
  margin: 0;
}
.product-detail .inventory + .availability-msg .out-of-stock {
  margin-bottom: 0;
}
.product-detail .quantity .input-text {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #000000;
  text-align: center;
  width: 40px;
}
.product-detail .wishlist-button {
  display: flex;
  align-items: center;
  color: #BD896F;
  line-height: 1;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  outline: none;
}
.product-detail .wishlist-button__ico {
  width: 17px;
  height: 16px;
  margin-right: 5px;
  fill: currentColor;
}
.product-detail .wishlist-button:focus-visible {
  outline: 2px #000 solid;
}
.product-detail .availability-lebel,
.product-detail .product-review,
.product-detail .gift-registry-button {
  display: none;
}
.product-detail .product-delivery {
  margin-bottom: 30px;
}
@media only screen and (max-width : 1024px) {
  .product-detail .product-delivery {
    margin-bottom: 20px;
  }
}
.product-detail .product-delivery .label {
  display: inline-block;
}
.product-detail .product-delivery .select-field-wrapper {
  display: block;
}
@media only screen and (min-width : 1025px) {
  .product-detail .product-delivery .select-field-wrapper {
    width: 340px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-detail .product-delivery .select-field-wrapper {
    width: 300px;
  }
}
@media only screen and (max-width : 767px) {
  .product-detail .product-delivery .select-field-wrapper {
    width: 100%;
  }
}
.product-detail .autoship-promotion {
  margin-top: 10px;
}
.product-detail .autoship-promotion label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #000000;
  padding: 0;
  margin-top: 5px;
}
.product-detail .autoship-promotion label .content-asset {
  display: inline-block;
}
.product-detail .delivery-select {
  display: block;
}
.product-detail .promotion {
  align-items: center;
  background: #F7F5F1;
  border: 1px solid rgba(111, 109, 109, 0.5);
  display: flex;
  margin-bottom: 20px;
  padding: 20px 0 20px 20px;
}
.product-detail .promotion .promotion-callout {
  font-size: 1rem;
  padding-left: 20px;
  width: calc(100% - 94px);
}
.product-detail .promotion .promotion-title {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 0 20px 0 0;
}
.product-detail .promotion .callout-message {
  display: inline-block;
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin: 0 20px 0 0;
}
.product-detail .promotion .learn-more {
  display: inline-block;
  padding-right: 20px;
}
.product-detail .promotion .promotion-image-wrap {
  height: 94px;
  min-width: 74px;
  text-align: center;
}
.product-detail .promotion .promotion-image-wrap img {
  max-height: 94px;
}

.image-zoom-area {
  height: 598px;
  position: absolute;
  width: 100%;
  z-index: -1;
  display: none;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .image-zoom-area {
    height: 431px;
  }
}
.image-zoom-area.active-zoom {
  display: block;
  background: #ffffff;
  z-index: 999;
}

#videplayerdialog iframe {
  height: 380px;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  #videplayerdialog iframe {
    height: 250px;
  }
}

.bonus-product-block {
  text-align: center;
}
.bonus-product-block .ui-dialog-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #505050;
  padding: 60px 0 0 60px;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  .bonus-product-block .ui-dialog-title {
    padding: 40px 0 0 20px;
  }
}
.bonus-product-block .bonus-product-alert {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  padding-bottom: 20px;
}
.bonus-product-block .bonus-discount-container {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.bonus-product-block .ui-dialog-buttonpane {
  margin-top: 30px;
}
@media only screen and (max-width : 767px) {
  .bonus-product-block .ui-dialog-buttonpane {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
  }
}
.bonus-product-block .select-bonus-products {
  float: right;
}
@media only screen and (max-width : 767px) {
  .bonus-product-block .select-bonus-products.ui-button.ui-button-text-only {
    float: none;
    margin: 0 calc((100% - 250px) / 2) 20px;
  }
}
.bonus-product-block .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel {
  float: left;
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .bonus-product-block .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel {
    float: none;
    margin: 0 calc((100% - 250px) / 2);
  }
}

.special-offer-container {
  color: #505050;
  text-align: left;
}
.special-offer-container .special-offer-title {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  margin: 0 0 30px 0;
  text-transform: capitalize;
}
.special-offer-container .special-offer-subtitle {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  margin: 0 0 20px 0;
}
.special-offer-container .special-offer-content {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
}
.special-offer-container .special-offer-wrap {
  height: 250px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}
.special-offer-container .special-offer-wrap img {
  max-height: 250px;
}

.product-image-container {
  float: left;
  margin-bottom: 40px;
  position: relative;
  width: 43%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container {
    width: 48.5%;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container {
    margin-bottom: 30px;
    padding: 0 10px;
    width: 100%;
  }
}
.product-image-container .product-primary-image {
  align-items: flex-end;
  display: flex;
  height: 598px;
  justify-content: center;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.product-image-container .product-primary-image.product-video {
  align-items: center;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-primary-image {
    height: 431px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-primary-image {
    height: 431px;
    margin-bottom: 20px;
  }
}
.product-image-container .product-primary-image img {
  max-height: 598px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-primary-image img {
    max-height: 431px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-primary-image img {
    max-height: 431px;
  }
}
.product-image-container .product-label .i-new-badge {
  font-size: 4.8125rem;
  top: -28px;
}
.product-image-container .product-thumbnails .slick-slider {
  margin: 0 auto;
  width: 82.5%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-thumbnails .slick-slider {
    width: 78.7%;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-thumbnails .slick-slider {
    width: 77.4%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-thumbnails .slick-arrow {
    height: 34px;
    min-width: 34px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-thumbnails .slick-arrow {
    height: 34px;
    min-width: 34px;
  }
}
.product-image-container .product-thumbnails .slick-prev {
  left: -40px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-thumbnails .slick-prev {
    left: -34px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-thumbnails .slick-prev {
    left: -34px;
  }
}
.product-image-container .product-thumbnails .slick-next {
  right: -40px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .product-thumbnails .slick-next {
    right: -34px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .product-thumbnails .slick-next {
    right: -34px;
  }
}
.product-image-container .thumb {
  border: 1px solid transparent;
  float: left;
  margin: 0 2px;
  transition: all 200ms ease-in;
}
@media only screen and (min-width : 1025px) {
  .product-image-container .thumb {
    height: 94px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .thumb {
    height: 81px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .thumb {
    height: 68px;
  }
}
.product-image-container .thumb.selected, .product-image-container .thumb:focus-within {
  border-color: #9A6247;
}
.product-image-container .thumb a {
  display: block;
  height: 100%;
  position: relative;
}
.product-image-container .thumb img {
  bottom: 0;
  left: 50%;
  max-height: 92px;
  position: absolute;
  transform: translateX(-50%);
  width: auto;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-image-container .thumb img {
    max-height: 79px;
  }
}
@media only screen and (max-width : 767px) {
  .product-image-container .thumb img {
    max-height: 66px;
  }
}

.patient-feedback {
  margin-top: 52px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .patient-feedback {
    margin-top: 48px;
  }
}
@media only screen and (max-width : 767px) {
  .patient-feedback {
    margin-top: 17px;
  }
}
.patient-feedback > h3, .footer-social .patient-feedback > span, .confirmation .patient-feedback > .label.headline {
  letter-spacing: 0.009375rem;
  margin: 0 0 10px;
}
.patient-feedback .column-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width : 767px) {
  .patient-feedback .column-wrapper .fine-print {
    padding: 0 10px;
  }
}
@media only screen and (min-width : 1025px) {
  .patient-feedback .column {
    width: 48.2%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .patient-feedback .column {
    margin-bottom: 25px;
    width: 100%;
  }
  .patient-feedback .column:last-of-type {
    margin: 0;
  }
}
@media only screen and (max-width : 767px) {
  .patient-feedback .column {
    margin-bottom: 15px;
    width: 100%;
  }
  .patient-feedback .column:last-of-type {
    margin: 0;
  }
}
.patient-feedback .column p {
  margin: 0 0 15px;
}
@media only screen and (max-width : 767px) {
  .patient-feedback .column p strong {
    display: block;
  }
}
@media only screen and (max-width : 767px) {
  .patient-feedback .column > p {
    margin: 0 10px 6px;
  }
}
@media only screen and (max-width : 767px) {
  .patient-feedback > .fine-print {
    margin: 0 10px 15px;
  }
}

.product-results-container {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  margin-top: 40px;
}
.product-results-panel {
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width : 767px) {
  .product-results-panel {
    flex-wrap: wrap;
  }
}
.product-results-panel + .product-results-panel {
  margin-top: 30px;
}
@media only screen and (max-width : 767px) {
  .product-results-panel + .product-results-panel {
    margin-top: 15px;
  }
}
.product-results-panel.row {
  margin-left: 0;
  margin-right: 0;
}

.percentage-box {
  border-right: 1px solid rgba(111, 109, 109, 0.5);
  min-height: 70px;
  width: 215px;
  flex: 0 0 215px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .percentage-box {
    width: 250px;
  }
}
@media only screen and (max-width : 767px) {
  .percentage-box {
    border: 0 none;
    float: none;
    width: 100%;
  }
}
.percentage-box p {
  font-size: 1.25rem;
  letter-spacing: 0.8px;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.percentage-box h3, .percentage-box .footer-social span, .footer-social .percentage-box span, .percentage-box .confirmation .label.headline, .confirmation .percentage-box .label.headline {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 1;
  margin: 0;
  padding-top: 0;
}

.percentage-text {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  margin-left: 20px;
  flex: 0 0 calc(100% - 292px);
}
@media only screen and (max-width : 767px) {
  .percentage-text {
    flex: 0 0 100%;
    height: auto;
    margin: 8px 0 0;
  }
}
.percentage-text p {
  font-family: "Graphik_Light", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  letter-spacing: 0.7px;
  margin: 0;
  padding: 0;
}

.fine-print {
  margin-top: 20px;
}
@media only screen and (max-width : 767px) {
  .fine-print {
    margin-top: 15px;
  }
}
.fine-print p {
  color: #6F6D6D;
  letter-spacing: 0.6px;
  line-height: 1.2;
  margin-top: 15px;
}
@media only screen and (max-width : 767px) {
  .fine-print p {
    line-height: 1.3;
  }
}
@media only screen and (min-width : 1025px) {
  .fine-print .column-wrapper {
    margin-bottom: 45px;
  }
}
.fine-print .column {
  margin: 0;
  width: 48.6%;
}
@media only screen and (max-width : 767px) {
  .fine-print .column {
    width: 100%;
  }
}
@media only screen and (min-width : 1025px) {
  .fine-print .column:first-of-type {
    border-right: 1px solid rgba(111, 109, 109, 0.5);
    padding-right: 1.4%;
    width: 50%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .fine-print .column:first-of-type {
    border-right: 1px solid rgba(111, 109, 109, 0.5);
    padding-right: 1.4%;
    width: 50%;
  }
}
.fine-print .column:first-of-type span {
  display: inline-block;
  padding-top: 15px;
}
@media only screen and (max-width : 767px) {
  .fine-print .column:first-of-type span {
    padding-bottom: 15px;
  }
}
.fine-print .column img {
  width: 100%;
  display: block;
}

/*before-after*/
.twentytwenty-container {
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
}
.twentytwenty-container > img {
  height: auto;
  max-width: 100%;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .twentytwenty-container > img {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .twentytwenty-container > img {
    width: 100%;
  }
}
.twentytwenty-container img {
  display: block;
  position: absolute;
  top: 0;
}
.twentytwenty-container * {
  box-sizing: content-box;
}
.twentytwenty-handle {
  background: #ffffff;
  border-radius: 1000px;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  height: 22px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  top: 85%;
  width: 22px;
  z-index: 40;
}
.twentytwenty-handle:hover {
  background: #ffffff;
}
.twentytwenty-handle:before {
  -webkit-box-shadow: 0 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5) 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5) 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
  background: #ffffff;
  bottom: 397%;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  content: " ";
  display: block;
  height: 485px;
  left: 50%;
  margin-bottom: 22px;
  margin-left: -1px;
  position: absolute;
  width: 2px;
  z-index: 30;
}
.twentytwenty-handle:after {
  background: #ffffff;
  box-shadow: 0 -3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
  content: " ";
  display: block;
  height: 485px;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: -400px;
  width: 2px;
  z-index: 30;
}
.twentytwenty-before-label {
  height: 100%;
  position: absolute;
  top: 0;
  transition-duration: 0.5s;
  transition-property: opacity;
  width: 100%;
}
.twentytwenty-before-label:before {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  border-radius: 2px;
  color: #ffffff;
  content: "Before";
  line-height: 38px;
  margin-top: -19px;
  position: absolute;
  left: 20px;
  text-transform: uppercase;
  top: 35px;
}
.twentytwenty-after-label {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.5s;
  transition-property: opacity;
  width: 100%;
}
.twentytwenty-after-label:before {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  border-radius: 2px;
  color: #ffffff;
  content: "After";
  right: 20px;
  line-height: 38px;
  margin-top: -19px;
  position: absolute;
  text-transform: uppercase;
  top: 35px;
}
.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  transition-duration: 0.5s;
  transition-property: background;
  width: 100%;
  z-index: 25;
}
.twentytwenty-arrow:focus {
  background: #6f6f6f;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  border-radius: 50%;
  z-index: 1000;
}
.twentytwenty-left-arrow {
  border: 6px inset transparent;
  height: 0;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0;
}
.twentytwenty-right-arrow {
  border: 6px inset transparent;
  height: 0;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0;
}
.twentytwenty-before {
  z-index: 20;
}
.twentytwenty-after {
  z-index: 10;
}

.physician-feedback {
  margin-top: 40px;
}
@media only screen and (max-width : 767px) {
  .physician-feedback {
    margin-top: 32px;
  }
}
.physician-feedback h3, .physician-feedback .footer-social span, .footer-social .physician-feedback span, .physician-feedback .confirmation .label.headline, .confirmation .physician-feedback .label.headline {
  letter-spacing: 0.0375rem;
  margin: 0 0 10px;
}
.physician-feedback p {
  margin: 10px 0 0;
}

.static-content .resp-tabs-list {
  padding: 0;
}
@media only screen and (min-width : 768px) {
  .static-content .resp-tabs-list {
    display: flex;
  }
}
.static-content .resp-tabs-list:after {
  display: none;
}
.static-content .resp-tabs-list .resp-tab-item {
  flex: 1 1 auto;
  white-space: nowrap;
  width: 100%;
}
.static-content ul {
  list-style: disc outside none;
  padding-left: 22px;
}
.static-content ul li {
  margin-top: 23px;
}
.static-content ul li :first-child {
  margin-top: 0;
}

.pt_product-details .tabs-section {
  margin-top: 40px;
}
.pt_product-details .resp-tabs-container h3, .pt_product-details .resp-tabs-container .footer-social span, .footer-social .pt_product-details .resp-tabs-container span, .pt_product-details .resp-tabs-container .confirmation .label.headline, .confirmation .pt_product-details .resp-tabs-container .label.headline {
  margin: 17px 0 8px;
  text-transform: none;
  letter-spacing: 0.0375rem;
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tabs-container h3, .pt_product-details .resp-tabs-container .footer-social span, .footer-social .pt_product-details .resp-tabs-container span, .pt_product-details .resp-tabs-container .confirmation .label.headline, .confirmation .pt_product-details .resp-tabs-container .label.headline {
    margin: 0 0 14px;
    line-height: 1.25rem;
  }
}
.pt_product-details .resp-tabs-container h4 {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.1px;
  margin: 0;
  text-transform: none;
}
.pt_product-details .resp-tabs-container h4 + p {
  margin-top: 0;
}
.pt_product-details .resp-tabs-container p {
  margin: 8px 0 23px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_product-details .resp-tabs-container p {
    margin-bottom: 18px;
  }
}
.pt_product-details .resp-tabs-container p + h4 {
  margin-top: 24px;
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tabs-container p:last-of-type {
    margin-bottom: 14px;
  }
}
.pt_product-details .resp-tabs-container ul {
  padding-bottom: 14px;
}
.pt_product-details .resp-tabs-container .additional-block {
  border-top: 1px solid #6F6D6D;
  font-size: 1rem;
  margin-top: 5px;
  padding-top: 15px;
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tabs-container .additional-block {
    margin: 34px 0 44px;
  }
}
.pt_product-details .resp-tabs-container .additional-block p {
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tabs-container .additional-block p {
    margin: 0 0 32px;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_product-details .resp-tab-content-active {
    display: flex !important;
  }
}
@media only screen and (min-width : 768px) {
  .pt_product-details .resp-tab-content-active .column-wrapper {
    display: flex;
  }
}
@media only screen and (min-width : 768px) {
  .pt_product-details .resp-tab-content .column {
    padding: 0 10px;
    width: 100%;
  }
  .pt_product-details .resp-tab-content .column:first-child {
    padding-left: 0;
  }
  .pt_product-details .resp-tab-content .column:last-child {
    padding-right: 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tab-content .column:first-child:last-child h3, .pt_product-details .resp-tab-content .column:first-child:last-child .footer-social span, .footer-social .pt_product-details .resp-tab-content .column:first-child:last-child span, .pt_product-details .resp-tab-content .column:first-child:last-child .confirmation .label.headline, .confirmation .pt_product-details .resp-tab-content .column:first-child:last-child .label.headline {
    display: none;
  }
}
@media only screen and (min-width : 768px) {
  .pt_product-details .resp-tab-content > .column:first-child:last-child {
    width: 100%;
  }
  .pt_product-details .resp-tab-content > .column .column-wrapper .column {
    width: 50%;
  }
  .pt_product-details .resp-tab-content > .column .column-wrapper .column:first-child:last-child {
    width: 100%;
  }
}
@media only screen and (min-width : 1025px) {
  .pt_product-details .resp-tab-content > .column {
    width: 33.33%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .pt_product-details .resp-tab-content > .column {
    width: 100%;
  }
}
@media only screen and (max-width : 1024px) {
  .pt_product-details .resp-tab-content > .column {
    padding: 0;
  }
}
@media only screen and (max-width : 767px) {
  .pt_product-details .resp-tab-content > .column {
    padding: 0 0 6px 0;
  }
}

.product-tile {
  position: relative;
  text-align: center;
  padding: 0 calc((100% - 217px) / 2) 85px calc((100% - 217px) / 2);
}
@media only screen and (max-width : 767px) {
  .product-tile {
    padding-bottom: 0;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .product-tile {
    padding-bottom: 0;
  }
}
.product-tile .product-points {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  margin-bottom: 10px;
}
.product-tile .product-points-alle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-tile .product-points-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #000000;
  position: relative;
  margin-right: 12px;
}
.product-tile .product-points-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 9px;
}
.product-tile .product-points-value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  background: #ffffff;
}
.product-tile .icon.i-bd {
  cursor: default;
  font-size: 1.5rem;
  text-align: left;
  vertical-align: text-bottom;
}
.product-tile .point-qty {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.product-tile .product-name {
  overflow: visible;
  min-height: 48px;
}
@media only screen and (max-width : 767px) {
  .product-tile .product-name {
    min-height: 50px;
  }
}
.product-tile .name-link {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  background: #ffffff;
}
.product-tile .product-pricing {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #000000;
  margin: 6px 0 0;
}
@media only screen and (max-width : 767px) {
  .product-tile .product-pricing {
    line-height: 1;
  }
}
@media only screen and (max-width : 480px) {
  .product-tile .product-pricing {
    margin-top: 4px;
  }
}
.product-tile .product-pricing .product-standard-price,
.product-tile .product-pricing .product-subscription-price {
  display: block;
  text-align: center;
}
.product-tile .product-pricing .product-standard-price {
  text-decoration: line-through;
  margin-bottom: 2px;
}
.product-tile .product-pricing .product-sales-price {
  background: #ffffff;
}
.product-tile .product-pricing .product-subscription-price,
.product-tile .product-pricing .product-standard-price + .product-sales-price {
  color: #ec0006;
  background: #ffffff;
}
.pt_cart .product-tile .product-pricing .product-subscription-price,
.pt_cart .product-tile .product-pricing .product-standard-price + .product-sales-price {
  background: #F0F0F0;
}
.slick-slider .product-tile .product-pricing .product-subscription-price,
.slick-slider .product-tile .product-pricing .product-standard-price + .product-sales-price {
  background: #ffffff;
}
.product-tile .product-weight {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #6F6D6D;
}
.product-tile .product-weight span {
  background: #ffffff;
}
.product-tile .product-hover {
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.product-tile .product-hover .view-product-details {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  display: table;
  margin: 0 auto 2px;
}
.product-tile .product-hover button.add-to-cart,
.product-tile .product-hover .notify-me {
  margin-bottom: 15px;
}
.product-tile:hover, .product-tile:focus, .product-tile:focus-within {
  outline: none;
}
.product-tile:hover .product-hover, .product-tile:focus .product-hover, .product-tile:focus-within .product-hover {
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}
.product-tile div + div {
  padding: 0 15px;
}
.product-tile div + div input:focus-visible + label {
  outline: 2px solid #000;
}
.product-tile .product-promo {
  margin: 0;
}
.product-tile .product-review {
  margin: 0;
}
.product-tile .product-review .rating {
  display: block;
}
.product-tile .product-image {
  height: 276px;
  margin: 0 auto;
  position: relative;
}
.product-tile .product-image .thumb-link {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: space-around;
  width: 100%;
  margin-top: 2px;
}
.product-tile .product-image .thumb-link:focus {
  opacity: 0.7;
}
.product-tile .product-image img {
  max-height: 276px;
}

.product-label {
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  pointer-events: none;
}
@media only screen and (max-width : 767px) {
  .product-label {
    left: 10px;
  }
}
.product-label .i-new-badge {
  cursor: default;
  font-size: 4.125rem;
  left: -2px;
  position: absolute;
  top: -25px;
}
.product-label .i-new-badge span + span {
  position: relative;
}
.product-label .i-new-badge + .product-badge {
  margin-top: 30px;
}
.product-label .product-badge {
  height: 100%;
  max-width: 50%;
}

.tiles-container {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width : 1025px) {
  .tiles-container .grid-tile {
    margin-bottom: 20px;
    width: 33.33%;
  }
  .tiles-container .grid-tile:nth-child(3n+2) .product-tile {
    margin: 0 auto;
  }
  .tiles-container .grid-tile:nth-child(3n) .product-tile {
    float: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 960px) {
  .tiles-container .grid-tile {
    width: 50%;
  }
  .tiles-container .grid-tile:nth-child(even) .product-tile {
    float: right;
  }
}
@media only screen and (min-width : 961px) and (max-width : 1024px) {
  .tiles-container .grid-tile {
    width: 33.3%;
  }
  .tiles-container .grid-tile:nth-child(3n+2) .product-tile {
    margin: 0 auto;
  }
  .tiles-container .grid-tile:nth-child(3n) .product-tile {
    float: right;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .tiles-container .grid-tile {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .grid-tile {
    margin-bottom: 40px;
    width: 48.5%;
  }
  .tiles-container .grid-tile:nth-child(even) .product-tile {
    float: right;
  }
}
.tiles-container .quickview {
  display: none;
}
.tiles-container .product-tile {
  height: 100% !important;
}
@media only screen and (max-width : 480px) {
  .tiles-container .product-tile {
    width: 146px;
  }
}
@media only screen and (min-width : 481px) {
  .tiles-container .product-tile {
    width: 217px;
  }
}
@media only screen and (min-width : 768px) {
  .tiles-container .product-tile {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .product-tile div + div {
    padding: 0;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .icon.i-bd {
    margin-right: -5px;
  }
}
.tiles-container .product-image {
  max-width: 100%;
}
@media only screen and (max-width : 480px) {
  .tiles-container .product-image {
    height: 185px;
    width: 146px;
  }
}
@media only screen and (min-width : 481px) {
  .tiles-container .product-image {
    height: 276px;
    width: 217px;
  }
}
@media only screen and (max-width : 480px) {
  .tiles-container .product-image img {
    max-height: 185px;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .product-points {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .name-link {
    font-size: 1rem;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .product-pricing {
    font-size: 1rem;
  }
}
@media only screen and (max-width : 767px) {
  .tiles-container .product-weight {
    font-size: 0.875rem;
  }
}

.lazy-load-wrapper {
  text-align: center;
  margin-bottom: 50px;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .refinements {
    padding-right: 0;
  }
}

.refinement-header {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  font-size: 1.125rem;
  line-height: 1;
  padding: 10px 0;
}

.refinement-header-search {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  background: #F7F5F1;
  line-height: 1;
  margin: 0;
  padding: 10px;
  text-transform: capitalize;
}

.category-refinement li {
  padding: 10px 0;
}
.category-refinement li.expandable .icon {
  color: #000000;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  vertical-align: top;
}
.category-refinement li.expandable.active {
  padding-bottom: 0;
}
.category-refinement li.expandable > .active {
  margin-bottom: 10px;
}
.category-refinement .refinement-link {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.category-refinement .refinement-link:focus {
  color: #9A6247;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .category-refinement .refinement-link {
    font-size: 0.8125rem;
  }
}
.category-refinement .view-all-products {
  padding-top: 10px;
}
.category-refinement .category-level-2 {
  padding-left: 60px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .category-refinement .category-level-2 {
    padding-left: 30px;
  }
}
.category-refinement .category-level-2 li a {
  padding-right: 15px;
}

.refinement {
  margin-top: 10px;
}
.refinement .clear-refinement {
  margin-top: 15px;
}
.refinement .toggle {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  border-top: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  cursor: pointer;
  line-height: 1;
  padding: 10px 0;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .refinement .toggle {
    font-size: 1.125rem;
  }
}
.refinement .toggle .icon {
  color: #000000;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
}
.refinement .toggle:not(.expanded) .icon {
  transform: rotate(0deg);
}
.refinement .toggle:focus {
  outline: none;
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}
.refinement .toggle:focus-visible {
  outline: thin dotted;
}
.refinement .toggle span {
  display: inline-block;
  vertical-align: middle;
}
.refinement .refinement-option {
  margin-top: 20px;
}
.refinement .refinement-option a {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
}
.no-touch .refinement .refinement-option a:hover {
  color: #9A6247;
}
.refinement .refinement-option a:focus {
  color: #9A6247;
}
.refinement .refinement-option a:focus .no-touch {
  color: #9A6247;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .refinement .refinement-option a {
    font-size: 0.875rem;
  }
}
.refinement .clear-refinement a {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
}

.fields-checkbox .refinement-link {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #505050;
  display: block;
  line-height: 1;
  margin-top: 20px;
}
.fields-checkbox .refinement-link .fake-checkbox {
  margin-bottom: -1px;
}
.no-touch .fields-checkbox .refinement-link:hover {
  color: #9A6247;
}
.fields-checkbox .refinement-link:focus {
  color: #9A6247;
}

.cat-banner,
.search-result-banner .html-slot-container div {
  align-items: flex-start;
}
.cat-banner h1,
.search-result-banner .html-slot-container div h1 {
  margin: 0;
  max-height: 85px;
  overflow: hidden;
}

.cat-banner {
  padding-left: 0;
  background-color: #FCF4E8;
}
.cat-banner-inner {
  height: 100%;
  display: flex;
  align-items: center;
}
.cat-banner h1 {
  padding-left: 30px;
  display: inline;
}
@media only screen and (max-width : 767px) {
  .cat-banner h1 {
    font-size: 1rem;
  }
}

.refined-by-info {
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  display: table;
  margin: 0 0 30px;
  padding: 0 0 15px;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .refined-by-info {
    padding-bottom: 30px;
  }
}
.refined-by-info .breadcrumb-refined-by {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  display: table-cell;
  padding-right: 10px;
  vertical-align: text-top;
  white-space: nowrap;
}
@media only screen and (max-width : 767px) {
  .refined-by-info .breadcrumb-refined-by {
    display: inline;
    font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  }
}
.refined-by-info .breadcrumb-refined {
  display: table-cell;
  vertical-align: text-top;
  width: 99%;
}
@media only screen and (max-width : 767px) {
  .refined-by-info .breadcrumb-refined {
    display: inline;
  }
}
@media only screen and (min-width : 1025px) {
  .refined-by-info .breadcrumb-refinement {
    margin-right: 30px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .refined-by-info .breadcrumb-refinement {
    display: block;
  }
}
.refined-by-info .breadcrumb-refinement-name {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  margin-right: 5px;
}
.refined-by-info .breadcrumb-refinement-value {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #000000;
  display: inline-block;
  margin-right: 5px;
}
.refined-by-info .breadcrumb-refinement-value .breadcrumb-relax {
  overflow: hidden;
  height: 28px;
  display: inline-block;
  margin-bottom: -8px;
}

.search-result-options {
  margin-bottom: 30px;
}
.search-result-options .sort-by {
  float: right;
}
@media only screen and (max-width : 767px) {
  .search-result-options .sort-by {
    float: none;
    margin: 0 auto;
    width: 200px;
  }
}
.search-result-options .sort-by-select:focus {
  background: #f1f1f1;
}
.search-result-options .results-hits {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #505050;
  float: left;
  line-height: 40px;
}
@media only screen and (max-width : 767px) {
  .search-result-options .results-hits {
    float: none;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (max-width : 767px) {
  .pt_product-search-result .no-results {
    margin-bottom: 30px;
  }
}

.resultstext {
  display: block;
  font-size: 1.25rem;
  margin-bottom: 50px;
}
.resultstext .searchphraselink {
  text-transform: capitalize;
}
.resultstext span {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}

.search-custom-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 992px) {
  .search-custom-col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

.title-no-result {
  font-family: "Graphik_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(111, 109, 109, 0.5);
  color: #505050;
  line-height: 1.25;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-transform: none;
}
.title-no-result .no-hits-search-term {
  text-transform: capitalize;
}

.pt_product-search-noresult .section-header {
  background: #F7F5F1;
  padding: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
  .pt_product-search-noresult .section-header {
    margin-bottom: 30px;
  }
}
.pt_product-search-noresult .section-header .section-phrase {
  margin: 0;
}

.section-header .no-hits-search-term,
.section-header .no-hits-search-term-suggest {
  text-transform: capitalize;
}
.section-header .no-hits-search-term {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
}

.no-hits-help p {
  margin: 0 0 30px;
}
@media only screen and (max-width : 767px) {
  .no-hits-help p {
    margin-bottom: 40px;
  }
}
.no-hits-help ul {
  padding: 0 0 0 22px;
  margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  .no-hits-help ul {
    margin-bottom: 40px;
  }
}
.no-hits-help ul li {
  list-style-type: disc;
  padding-left: 20px;
}

.no-hits-search {
  width: 380px;
  margin-bottom: 70px;
}
@media only screen and (max-width : 767px) {
  .no-hits-search {
    margin-bottom: 40px;
    width: 100%;
  }
}
.no-hits-search .no-hits-search-label {
  font-family: "Graphik_Medium", Helvetica, Arial, sans-serif;
  color: #000000;
}
.no-hits-search .search-button {
  top: 30px;
}

.no-hits-footer p {
  margin: 0;
}
@media only screen and (max-width : 767px) {
  .no-hits-footer p + p {
    margin-bottom: 50px;
  }
}