/** Shopify CDN: Minification failed

Line 13638:65 Unexpected ")"

**/
:root {
    --color-white: #fff;
    --color-black: #000;
    --color-blue: #2cb0da;
    --color-green: #36B74F;
    --color-primary: $primary;
    --color-red: #ff0000;
    --color-success: var(--color-green);
    --color-danger: var(--color-red);
    --color-light-blue: #7ed0ee;
    --color-grey1: #f9f9f9;
    --color-grey2: #eee;
    --color-grey3: #ccc;
    --color-grey4: #999;
    --color-grey5: #666;
    --color-grey6: #444;
    --color-grey7: #222;
    --color-grey8: #333;
    --color-grey-transparent-1: rgb(0 0 0 / 65%);
    --color-grey-transparent-2: rgb(0 0 0 / 25%);
    --color-light-gray: var(--color-grey1);
    --color-slightly-darker-gray: var(--color-grey4);
    --color-dark-gray: var(--color-grey6);
    --color-darker-gray: var(--color-grey7);
    --color-horizontal-rule-grey: var(--color-grey3);
    --color-product-number-grey: var(--color-grey3);
    --color-horizontal-border-grey: var(--color-grey4);
    --color-menu-link: var(--color-grey6);
    --color-close-menu-bg: var(--color-grey2);
    --color-link-color: var(--color-dark-gray);
    --color-hr-border-color: var(--color-grey3);
    --skin-background-color-1: #fff;
    --skin-border-color-1: #fff;
    --skin-main-text-color-1: #222;
    --skin-main-text-color-2: grey7;
    --skin-menu-color-1: rgba(14, 14, 14, 0.8);
    --skin-menu-color-1-invert: #fff;
    --skin-menu-color-2: rgba(14, 14, 14, 0.1);
    --skin-link-color-1: rgba(14, 14, 14, 0.8);
    --skin-link-color-2: #2cb0da;
    --skin-primary-color-1: #000000;
    --skin-primary-color-2: #000000;
    --skin-primary-color-invert-1: #fff;
    --skin-selectbox-background-color-1: #fff;
    --skin-selectbox-text-color-1: #000000;
    --skin-banner-background-color-1: #000000;
    --skin-banner-background-color-2: rgba(14, 14, 14, 0.1);
    --skin-banner-text-color-1: #fff;
    --skin-banner-text-color-2: #000;
    --skin-heading-color-1: #000000;
    --skin-heading-color-1-invert: #fff;
    --skin-price-1: #222;
    --skin-header-font: AvantGarde, helvetica, Arial, serif;
    --skin-body-font: AvantGarde, helvetica, Arial, serif;
    --skin-font-size-base: 0.75rem
}

:root {
    --blue: #0070d2;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #008827;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #e4e4e4;
    --gray-dark: #6b6b6b;
    --primary: #000000;
    --secondary: #8d8d8d;
    --success: #36B74F;
    --info: #36B74F;
    --warning: #d29b56;
    --danger: #ff0000;
    --light: #f9f9f9;
    --dark: #000000;
    --brand-primary: #ff0000;
    --breakpoint-xs: 0;
    --breakpoint-sm: 1023px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1366px;
    --breakpoint-xl: 1680px;
    --breakpoint-xxl: 1920px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
    color: #363636;
    text-align: left;
    background-color: #f4f4f4
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 20px
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #444;
    text-decoration: underline;
    background-color: transparent
}

a:hover {
    color: rgba(14, 14, 14, .8);
    text-decoration: inherit
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #e4e4e4;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .625rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

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

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

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 20px;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    line-height: 1
}

h1,
.h1 {
    font-size: 1.875rem
}

h2,
.h2 {
    font-size: 1.5rem
}

h3,
.h3 {
    font-size: 1.3125rem
}

h4,
.h4 {
    font-size: 1.125rem
}

h5,
.h5 {
    font-size: .9375rem
}

h6,
.h6 {
    font-size: .75rem
}

.lead {
    font-size: .9375rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1
}

hr {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 0;
    border-top: .0625rem solid #ccc
}

small,
.small {
    font-size: .875em;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

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

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 4px;
    font-size: .9375rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #e4e4e4
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #f4f4f4;
    border: .0625rem solid #dadada;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: 2px;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #e4e4e4
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #363636
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #363636
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media(min-width:1023px) {
    .container-sm,
    .container {
        max-width: 1023px
    }
}

@media(min-width:1024px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 1440px
    }
}

@media(min-width:1366px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1680px
    }
}

@media(min-width:1680px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1920px
    }
}

@media(min-width:1920px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 100%
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.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: 0;
    padding-left: 0
}

.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.33333333%;
    max-width: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

.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.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

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

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

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

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

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

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media(min-width:1023px) {
    .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.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .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.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1024px) {
    .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.33333333%;
        max-width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .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.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1366px) {
    .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.33333333%;
        max-width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .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.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1680px) {
    .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.33333333%;
        max-width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .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.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1920px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xxl-first {
        order: -1
    }
    .order-xxl-last {
        order: 13
    }
    .order-xxl-0 {
        order: 0
    }
    .order-xxl-1 {
        order: 1
    }
    .order-xxl-2 {
        order: 2
    }
    .order-xxl-3 {
        order: 3
    }
    .order-xxl-4 {
        order: 4
    }
    .order-xxl-5 {
        order: 5
    }
    .order-xxl-6 {
        order: 6
    }
    .order-xxl-7 {
        order: 7
    }
    .order-xxl-8 {
        order: 8
    }
    .order-xxl-9 {
        order: 9
    }
    .order-xxl-10 {
        order: 10
    }
    .order-xxl-11 {
        order: 11
    }
    .order-xxl-12 {
        order: 12
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 4px;
    color: #363636
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: .0625rem solid #000
}

.table thead th {
    vertical-align: bottom;
    border-bottom: .125rem solid #000
}

.table tbody+tbody {
    border-top: .125rem solid #000
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: .0625rem solid #000
}

.table-bordered th,
.table-bordered td {
    border: .0625rem solid #000
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: .125rem
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #363636;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8b8b8
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #7a7a7a
}

.table-hover .table-primary:hover {
    background-color: #ababab
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #ababab
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #dfdfdf
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #c4c4c4
}

.table-hover .table-secondary:hover {
    background-color: #d2d2d2
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #d2d2d2
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c7ebce
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #96daa3
}

.table-hover .table-success:hover {
    background-color: #b4e4be
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b4e4be
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #c7ebce
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #96daa3
}

.table-hover .table-info:hover {
    background-color: #b4e4be
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #b4e4be
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #f2e3d0
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #e8cba7
}

.table-hover .table-warning:hover {
    background-color: #ecd7bc
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ecd7bc
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #ffb8b8
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ff7a7a
}

.table-hover .table-danger:hover {
    background-color: #ff9f9f
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ff9f9f
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfd
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fcfcfc
}

.table-hover .table-light:hover {
    background-color: #f0f0f0
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #f0f0f0
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #b8b8b8
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #7a7a7a
}

.table-hover .table-dark:hover {
    background-color: #ababab
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #ababab
}

.table-brand-primary,
.table-brand-primary>th,
.table-brand-primary>td {
    background-color: #ffb8b8
}

.table-brand-primary th,
.table-brand-primary td,
.table-brand-primary thead th,
.table-brand-primary tbody+tbody {
    border-color: #ff7a7a
}

.table-hover .table-brand-primary:hover {
    background-color: #ff9f9f
}

.table-hover .table-brand-primary:hover>td,
.table-hover .table-brand-primary:hover>th {
    background-color: #ff9f9f
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #6b6b6b;
    border-color: #7e7e7e
}

.table .thead-light th {
    color: #a8a8a8;
    background-color: #e8e8e8;
    border-color: #000
}

.table-dark {
    color: #fff;
    background-color: #6b6b6b
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #7e7e7e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media(max-width:1022.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width:1023.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width:1365.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width:1679.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

@media(max-width:1919.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xxl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .75rem;
    color: #363636;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid rgba(0, 0, 0, .15)
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media(min-width:1023px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media(min-width:1024px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media(min-width:1366px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media(min-width:1680px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media(min-width:1920px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: 2px 0;
    overflow: hidden;
    border-top: 1px solid #e8e8e8
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #363636;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #292929;
    text-decoration: none;
    background-color: #e8e8e8
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.nice-select.open {
    color: #fff;
    text-decoration: none;
    background-color: #000
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #666;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .625rem;
    color: #e4e4e4;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #363636
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.nice-select.open,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.nice-select.open,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -.0625rem
}

.dropdown-toggle-split {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .46875rem;
    padding-left: .46875rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: 1.40625rem;
    padding-left: 1.40625rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -.0625rem
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #e4e4e4;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: .0625rem solid #dadada
}

.nav-tabs .nav-link {
    margin-bottom: -.0625rem;
    background-color: transparent;
    border: .0625rem solid transparent
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #e8e8e8 #e8e8e8 #dadada
}

.nav-tabs .nav-link.disabled {
    color: #e4e4e4;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #a8a8a8;
    background-color: #f4f4f4;
    border-color: #dadada #dadada #f4f4f4
}

.nav-tabs .dropdown-menu {
    margin-top: -.0625rem
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 2px 4px
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: -.0625rem;
    padding-bottom: -.0625rem;
    margin-right: 4px;
    font-size: 1.5rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.5rem;
    line-height: 1;
    background-color: transparent;
    border: .0625rem solid transparent
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media(max-width:1022.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl,
    .navbar-expand-sm>.container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1023px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl,
    .navbar-expand-sm>.container-xxl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width:1023.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl,
    .navbar-expand-md>.container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1024px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl,
    .navbar-expand-md>.container-xxl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width:1365.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl,
    .navbar-expand-lg>.container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1366px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl,
    .navbar-expand-lg>.container-xxl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width:1679.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl,
    .navbar-expand-xl>.container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1680px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl,
    .navbar-expand-xl>.container-xxl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

@media(max-width:1919.98px) {
    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid,
    .navbar-expand-xxl>.container-sm,
    .navbar-expand-xxl>.container-md,
    .navbar-expand-xxl>.container-lg,
    .navbar-expand-xxl>.container-xl,
    .navbar-expand-xxl>.container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1920px) {
    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xxl>.container,
    .navbar-expand-xxl>.container-fluid,
    .navbar-expand-xxl>.container-sm,
    .navbar-expand-xxl>.container-md,
    .navbar-expand-xxl>.container-lg,
    .navbar-expand-xxl>.container-xl,
    .navbar-expand-xxl>.container-xxl {
        flex-wrap: nowrap
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl,
.navbar-expand>.container-xxl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl,
.navbar-expand>.container-xxl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMjU1LCAyNTUsIDI1NSwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: .0625rem solid rgba(0, 0, 0, .125)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: .0625rem solid rgba(0, 0, 0, .125)
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: .0625rem solid rgba(0, 0, 0, .125)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-deck .card {
    margin-bottom: 0
}

@media(min-width:1023px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: 0;
        margin-left: 0
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.card-group>.card {
    margin-bottom: 0
}

@media(min-width:1023px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width:1023px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0
}

.accordion>.card>.card-header {
    margin-bottom: -.0625rem
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -.0625rem;
    line-height: 1.25;
    color: #444;
    text-decoration: none;
    background-color: #fff;
    border: .0625rem solid #dadada
}

.page-link:hover {
    z-index: 2;
    color: rgba(14, 14, 14, .8);
    text-decoration: none;
    background-color: #e8e8e8;
    border-color: #dadada
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none
}

.page-item:first-child .page-link {
    margin-left: 0
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000
}

.page-item.disabled .page-link {
    color: #e4e4e4;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dadada
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .625rem;
    line-height: 1rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

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

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em
}

.badge-primary {
    color: #fff;
    background-color: #000
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #000
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #8d8d8d
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #747474
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(141, 141, 141, .5)
}

.badge-success {
    color: #fff;
    background-color: #36b74f
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #2a903e
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(54, 183, 79, .5)
}

.badge-info {
    color: #fff;
    background-color: #36b74f
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #2a903e
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(54, 183, 79, .5)
}

.badge-warning {
    color: #363636;
    background-color: #d29b56
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #363636;
    background-color: #c18334
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(210, 155, 86, .5)
}

.badge-danger {
    color: #fff;
    background-color: red
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #c00
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(255, 0, 0, .5)
}

.badge-light {
    color: #363636;
    background-color: #f9f9f9
}

a.badge-light:hover,
a.badge-light:focus {
    color: #363636;
    background-color: #e0e0e0
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(249, 249, 249, .5)
}

.badge-dark {
    color: #fff;
    background-color: #000
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #000
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .5)
}

.badge-brand-primary {
    color: #fff;
    background-color: red
}

a.badge-brand-primary:hover,
a.badge-brand-primary:focus {
    color: #fff;
    background-color: #c00
}

a.badge-brand-primary:focus,
a.badge-brand-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .125rem rgba(255, 0, 0, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e8e8e8
}

@media(min-width:1023px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: .0625rem solid transparent
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.625rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #000;
    background-color: #ccc;
    border-color: #b8b8b8
}

.alert-primary hr {
    border-top-color: #ababab
}

.alert-primary .alert-link {
    color: #000
}

.alert-secondary {
    color: #494949;
    background-color: #e8e8e8;
    border-color: #dfdfdf
}

.alert-secondary hr {
    border-top-color: #d2d2d2
}

.alert-secondary .alert-link {
    color: #303030
}

.alert-success {
    color: #1c5f29;
    background-color: #d7f1dc;
    border-color: #c7ebce
}

.alert-success hr {
    border-top-color: #b4e4be
}

.alert-success .alert-link {
    color: #103818
}

.alert-info {
    color: #1c5f29;
    background-color: #d7f1dc;
    border-color: #c7ebce
}

.alert-info hr {
    border-top-color: #b4e4be
}

.alert-info .alert-link {
    color: #103818
}

.alert-warning {
    color: #6d512d;
    background-color: #f6ebdd;
    border-color: #f2e3d0
}

.alert-warning hr {
    border-top-color: #ecd7bc
}

.alert-warning .alert-link {
    color: #49361e
}

.alert-danger {
    color: #850000;
    background-color: #fcc;
    border-color: #ffb8b8
}

.alert-danger hr {
    border-top-color: #ff9f9f
}

.alert-danger .alert-link {
    color: #520000
}

.alert-light {
    color: #818181;
    background-color: #fefefe;
    border-color: #fdfdfd
}

.alert-light hr {
    border-top-color: #f0f0f0
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #000;
    background-color: #ccc;
    border-color: #b8b8b8
}

.alert-dark hr {
    border-top-color: #ababab
}

.alert-dark .alert-link {
    color: #000
}

.alert-brand-primary {
    color: #850000;
    background-color: #fcc;
    border-color: #ffb8b8
}

.alert-brand-primary hr {
    border-top-color: #ff9f9f
}

.alert-brand-primary .alert-link {
    color: #520000
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .5625rem;
    background-color: #e8e8e8
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #000;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #a8a8a8;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #a8a8a8;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item-action:active,
.list-group-item-action.nice-select.open {
    color: #363636;
    background-color: #e8e8e8
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    text-decoration: none;
    background-color: #fff;
    border: .0625rem solid rgba(0, 0, 0, .125)
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #e4e4e4;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -.0625rem;
    border-top-width: .0625rem
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: .0625rem;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -.0625rem;
    border-left-width: .0625rem
}

@media(min-width:1023px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -.0625rem;
        border-left-width: .0625rem
    }
}

@media(min-width:1024px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -.0625rem;
        border-left-width: .0625rem
    }
}

@media(min-width:1366px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -.0625rem;
        border-left-width: .0625rem
    }
}

@media(min-width:1680px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -.0625rem;
        border-left-width: .0625rem
    }
}

@media(min-width:1920px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }
    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: .0625rem;
        border-left-width: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -.0625rem;
        border-left-width: .0625rem
    }
}

.list-group-flush>.list-group-item {
    border-width: 0 0 .0625rem
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #000;
    background-color: #b8b8b8
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #000;
    background-color: #ababab
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.list-group-item-secondary {
    color: #494949;
    background-color: #dfdfdf
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #494949;
    background-color: #d2d2d2
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #494949;
    border-color: #494949
}

.list-group-item-success {
    color: #1c5f29;
    background-color: #c7ebce
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #1c5f29;
    background-color: #b4e4be
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #1c5f29;
    border-color: #1c5f29
}

.list-group-item-info {
    color: #1c5f29;
    background-color: #c7ebce
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #1c5f29;
    background-color: #b4e4be
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #1c5f29;
    border-color: #1c5f29
}

.list-group-item-warning {
    color: #6d512d;
    background-color: #f2e3d0
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #6d512d;
    background-color: #ecd7bc
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #6d512d;
    border-color: #6d512d
}

.list-group-item-danger {
    color: #850000;
    background-color: #ffb8b8
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #850000;
    background-color: #ff9f9f
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #850000;
    border-color: #850000
}

.list-group-item-light {
    color: #818181;
    background-color: #fdfdfd
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818181;
    background-color: #f0f0f0
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818181;
    border-color: #818181
}

.list-group-item-dark {
    color: #000;
    background-color: #b8b8b8
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #000;
    background-color: #ababab
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.list-group-item-brand-primary {
    color: #850000;
    background-color: #ffb8b8
}

.list-group-item-brand-primary.list-group-item-action:hover,
.list-group-item-brand-primary.list-group-item-action:focus {
    color: #850000;
    background-color: #ff9f9f
}

.list-group-item-brand-primary.list-group-item-action.active {
    color: #fff;
    background-color: #850000;
    border-color: #850000
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid rgba(0, 0, 0, .2);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: .0625rem solid #000
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

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

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: .0625rem solid #000
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:1023px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:1366px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1680px) {
    .modal-xl {
        max-width: 1140px
    }
}

/* .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: avantgarde, helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .625rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}
 */
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: avantgarde, helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .625rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: .0625rem solid rgba(0, 0, 0, .2)
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^=top]>.arrow {
    bottom: -.5625rem
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^=top]>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^=top]>.arrow::after {
    bottom: .0625rem;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^=right]>.arrow {
    left: -.5625rem;
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^=right]>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^=right]>.arrow::after {
    left: .0625rem;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^=bottom]>.arrow {
    top: -.5625rem
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^=bottom]>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^=bottom]>.arrow::after {
    top: .0625rem;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: .0625rem solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^=left]>.arrow {
    right: -.5625rem;
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^=left]>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^=left]>.arrow::after {
    right: .0625rem;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .75rem;
    background-color: #f7f7f7;
    border-bottom: .0625rem solid #ebebeb
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #363636
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNUw0LjI1IDRsMi41LTIuNUw1LjI1IDB6Jy8+PC9zdmc+)
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjVMMy43NSA0bC0yLjUgMi41TDIuNzUgOGw0LTQtNC00eicvPjwvc3ZnPg==)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #000 !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #000 !important
}

.bg-secondary {
    background-color: #8d8d8d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #747474 !important
}

.bg-success {
    background-color: #36b74f !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #2a903e !important
}

.bg-info {
    background-color: #36b74f !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #2a903e !important
}

.bg-warning {
    background-color: #d29b56 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #c18334 !important
}

.bg-danger {
    background-color: red !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #c00 !important
}

.bg-light {
    background-color: #f9f9f9 !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #e0e0e0 !important
}

.bg-dark {
    background-color: #000 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #000 !important
}

.bg-brand-primary {
    background-color: red !important
}

a.bg-brand-primary:hover,
a.bg-brand-primary:focus,
button.bg-brand-primary:hover,
button.bg-brand-primary:focus {
    background-color: #c00 !important
}

header .bg-white {
    background-color: #fff !important
}

header .bg-transparent {
    background-color: transparent !important
}

header .border, footer .border {
    border: .0625rem solid #000 !important
}

header .border-top, footer .border-top {
    border-top: .0625rem solid #000 !important
}

header .border-right, footer .border-right {
    border-right: .0625rem solid #000 !important
}

header .border-bottom, footer .border-bottom {
    border-bottom: .0625rem solid #000 !important
}

header .border-left, footer .border-left {
    border-left: .0625rem solid #000 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #000 !important
}

.border-secondary {
    border-color: #8d8d8d !important
}

.border-success {
    border-color: #36b74f !important
}

.border-info {
    border-color: #36b74f !important
}

.border-warning {
    border-color: #d29b56 !important
}

.border-danger {
    border-color: red !important
}

.border-light {
    border-color: #f9f9f9 !important
}

.border-dark {
    border-color: #000 !important
}

.border-brand-primary {
    border-color: red !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: 2.5px !important;
}

.rounded-top {
    border-top-left-radius: .3125rem !important;
    border-top-right-radius: .3125rem !important
}

.rounded-right {
    border-top-right-radius: .3125rem !important;
    border-bottom-right-radius: .3125rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .3125rem !important;
    border-bottom-left-radius: .3125rem !important
}

.rounded-left {
    border-top-left-radius: .3125rem !important;
    border-bottom-left-radius: .3125rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.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:1023px) {
    .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:1024px) {
    .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:1366px) {
    .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:1680px) {
    .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(min-width:1920px) {
    .d-xxl-none {
        display: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-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
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

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

.embed-responsive-21by9::before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.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:1023px) {
    .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:1024px) {
    .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:1366px) {
    .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:1680px) {
    .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
    }
}

@media(min-width:1920px) {
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width:1023px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width:1024px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width:1366px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1680px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

@media(min-width:1920px) {
    .float-xxl-left {
        float: left !important
    }
    .float-xxl-right {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports(position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable.nice-select.open,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

header .w-50,footer .w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.w-33 {
    width: 33.3333% !important
}

.w-66 {
    width: 66.6666% !important
}

.h-25 {
    height: 25% !important
}

header .h-50, footer .h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.h-33 {
    height: 33.3333% !important
}

.h-66 {
    height: 66.6666% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !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: 8px !important
}

.mt-1,
.my-1 {
    margin-top: 8px !important
}

.mr-1,
.mx-1 {
    margin-right: 8px !important
}

.mb-1,
.my-1 {
    margin-bottom: 8px !important
}

.ml-1,
.mx-1 {
    margin-left: 8px !important
}

.m-2 {
    margin: 10px !important
}

.mt-2,
.my-2 {
    margin-top: 10px !important
}

.mr-2,
.mx-2 {
    margin-right: 10px !important
}

.mb-2,
.my-2 {
    margin-bottom: 10px !important
}

.ml-2,
.mx-2 {
    margin-left: 10px !important
}

.m-3 {
    margin: 12px !important
}

.mt-3,
.my-3 {
    margin-top: 12px !important
}

.mr-3,
.mx-3 {
    margin-right: 12px !important
}

.mb-3,
.my-3 {
    margin-bottom: 12px !important
}

.ml-3,
.mx-3 {
    margin-left: 12px !important
}

.m-4 {
    margin: 16px !important
}

.mt-4,
.my-4 {
    margin-top: 16px !important
}

.mr-4,
.mx-4 {
    margin-right: 16px !important
}

.mb-4,
.my-4 {
    margin-bottom: 16px !important
}

.ml-4,
.mx-4 {
    margin-left: 16px !important
}

.m-5 {
    margin: 20px !important
}

.mt-5,
.my-5 {
    margin-top: 20px !important
}

.mr-5,
.mx-5 {
    margin-right: 20px !important
}

.mb-5,
.my-5 {
    margin-bottom: 20px !important
}

.ml-5,
.mx-5 {
    margin-left: 20px !important
}

.m-6 {
    margin: 24px !important
}

.mt-6,
.my-6 {
    margin-top: 24px !important
}

.mr-6,
.mx-6 {
    margin-right: 24px !important
}

.mb-6,
.my-6 {
    margin-bottom: 24px !important
}

.ml-6,
.mx-6 {
    margin-left: 24px !important
}

.m-7 {
    margin: 32px !important
}

.mt-7,
.my-7 {
    margin-top: 32px !important
}

.mr-7,
.mx-7 {
    margin-right: 32px !important
}

.mb-7,
.my-7 {
    margin-bottom: 32px !important
}

.ml-7,
.mx-7 {
    margin-left: 32px !important
}

.m-8 {
    margin: 36px !important
}

.mt-8,
.my-8 {
    margin-top: 36px !important
}

.mr-8,
.mx-8 {
    margin-right: 36px !important
}

.mb-8,
.my-8 {
    margin-bottom: 36px !important
}

.ml-8,
.mx-8 {
    margin-left: 36px !important
}

.m-9 {
    margin: 60px !important
}

.mt-9,
.my-9 {
    margin-top: 60px !important
}

.mr-9,
.mx-9 {
    margin-right: 60px !important
}

.mb-9,
.my-9 {
    margin-bottom: 60px !important
}

.ml-9,
.mx-9 {
    margin-left: 60px !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: 8px !important
}

.pt-1,
.py-1 {
    padding-top: 8px !important
}

.pr-1,
.px-1 {
    padding-right: 8px !important
}

.pb-1,
.py-1 {
    padding-bottom: 8px !important
}

.pl-1,
.px-1 {
    padding-left: 8px !important
}

.p-2 {
    padding: 10px !important
}

.pt-2,
.py-2 {
    padding-top: 10px !important
}

.pr-2,
.px-2 {
    padding-right: 10px !important
}

.pb-2,
.py-2 {
    padding-bottom: 10px !important
}

.pl-2,
.px-2 {
    padding-left: 10px !important
}

.p-3 {
    padding: 12px !important
}

.pt-3,
.py-3 {
    padding-top: 12px !important
}

.pr-3,
.px-3 {
    padding-right: 12px !important
}

.pb-3,
.py-3 {
    padding-bottom: 12px !important
}

.pl-3,
.px-3 {
    padding-left: 12px !important
}

.p-4 {
    padding: 16px !important
}

.pt-4,
.py-4 {
    padding-top: 16px !important
}

.pr-4,
.px-4 {
    padding-right: 16px !important
}

.pb-4,
.py-4 {
    padding-bottom: 16px !important
}

.pl-4,
.px-4 {
    padding-left: 16px !important
}

.p-5 {
    padding: 20px !important
}

.pt-5,
.py-5 {
    padding-top: 20px !important
}

.pr-5,
.px-5 {
    padding-right: 20px !important
}

.pb-5,
.py-5 {
    padding-bottom: 20px !important
}

.pl-5,
.px-5 {
    padding-left: 20px !important
}

.p-6 {
    padding: 24px !important
}

.pt-6,
.py-6 {
    padding-top: 24px !important
}

.pr-6,
.px-6 {
    padding-right: 24px !important
}

.pb-6,
.py-6 {
    padding-bottom: 24px !important
}

.pl-6,
.px-6 {
    padding-left: 24px !important
}

.p-7 {
    padding: 32px !important
}

.pt-7,
.py-7 {
    padding-top: 32px !important
}

.pr-7,
.px-7 {
    padding-right: 32px !important
}

.pb-7,
.py-7 {
    padding-bottom: 32px !important
}

.pl-7,
.px-7 {
    padding-left: 32px !important
}

.p-8 {
    padding: 36px !important
}

.pt-8,
.py-8 {
    padding-top: 36px !important
}

.pr-8,
.px-8 {
    padding-right: 36px !important
}

.pb-8,
.py-8 {
    padding-bottom: 36px !important
}

.pl-8,
.px-8 {
    padding-left: 36px !important
}

.p-9 {
    padding: 60px !important
}

.pt-9,
.py-9 {
    padding-top: 60px !important
}

.pr-9,
.px-9 {
    padding-right: 60px !important
}

.pb-9,
.py-9 {
    padding-bottom: 60px !important
}

.pl-9,
.px-9 {
    padding-left: 60px !important
}

.m-n1 {
    margin: -8px !important
}

.mt-n1,
.my-n1 {
    margin-top: -8px !important
}

.mr-n1,
.mx-n1 {
    margin-right: -8px !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -8px !important
}

.ml-n1,
.mx-n1 {
    margin-left: -8px !important
}

.m-n2 {
    margin: -10px !important
}

.mt-n2,
.my-n2 {
    margin-top: -10px !important
}

.mr-n2,
.mx-n2 {
    margin-right: -10px !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -10px !important
}

.ml-n2,
.mx-n2 {
    margin-left: -10px !important
}

.m-n3 {
    margin: -12px !important
}

.mt-n3,
.my-n3 {
    margin-top: -12px !important
}

.mr-n3,
.mx-n3 {
    margin-right: -12px !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -12px !important
}

.ml-n3,
.mx-n3 {
    margin-left: -12px !important
}

.m-n4 {
    margin: -16px !important
}

.mt-n4,
.my-n4 {
    margin-top: -16px !important
}

.mr-n4,
.mx-n4 {
    margin-right: -16px !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -16px !important
}

.ml-n4,
.mx-n4 {
    margin-left: -16px !important
}

.m-n5 {
    margin: -20px !important
}

.mt-n5,
.my-n5 {
    margin-top: -20px !important
}

.mr-n5,
.mx-n5 {
    margin-right: -20px !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -20px !important
}

.ml-n5,
.mx-n5 {
    margin-left: -20px !important
}

.m-n6 {
    margin: -24px !important
}

.mt-n6,
.my-n6 {
    margin-top: -24px !important
}

.mr-n6,
.mx-n6 {
    margin-right: -24px !important
}

.mb-n6,
.my-n6 {
    margin-bottom: -24px !important
}

.ml-n6,
.mx-n6 {
    margin-left: -24px !important
}

.m-n7 {
    margin: -32px !important
}

.mt-n7,
.my-n7 {
    margin-top: -32px !important
}

.mr-n7,
.mx-n7 {
    margin-right: -32px !important
}

.mb-n7,
.my-n7 {
    margin-bottom: -32px !important
}

.ml-n7,
.mx-n7 {
    margin-left: -32px !important
}

.m-n8 {
    margin: -36px !important
}

.mt-n8,
.my-n8 {
    margin-top: -36px !important
}

.mr-n8,
.mx-n8 {
    margin-right: -36px !important
}

.mb-n8,
.my-n8 {
    margin-bottom: -36px !important
}

.ml-n8,
.mx-n8 {
    margin-left: -36px !important
}

.m-n9 {
    margin: -60px !important
}

.mt-n9,
.my-n9 {
    margin-top: -60px !important
}

.mr-n9,
.mx-n9 {
    margin-right: -60px !important
}

.mb-n9,
.my-n9 {
    margin-bottom: -60px !important
}

.ml-n9,
.mx-n9 {
    margin-left: -60px !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:1023px) {
    .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: 8px !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 8px !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 8px !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 8px !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 8px !important
    }
    .m-sm-2 {
        margin: 10px !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 10px !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 10px !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 10px !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 10px !important
    }
    .m-sm-3 {
        margin: 12px !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 12px !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 12px !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 12px !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 12px !important
    }
    .m-sm-4 {
        margin: 16px !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 16px !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 16px !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 16px !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 16px !important
    }
    .m-sm-5 {
        margin: 20px !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 20px !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 20px !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 20px !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 20px !important
    }
    .m-sm-6 {
        margin: 24px !important
    }
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 24px !important
    }
    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 24px !important
    }
    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 24px !important
    }
    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 24px !important
    }
    .m-sm-7 {
        margin: 32px !important
    }
    .mt-sm-7,
    .my-sm-7 {
        margin-top: 32px !important
    }
    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 32px !important
    }
    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 32px !important
    }
    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 32px !important
    }
    .m-sm-8 {
        margin: 36px !important
    }
    .mt-sm-8,
    .my-sm-8 {
        margin-top: 36px !important
    }
    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 36px !important
    }
    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 36px !important
    }
    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 36px !important
    }
    .m-sm-9 {
        margin: 60px !important
    }
    .mt-sm-9,
    .my-sm-9 {
        margin-top: 60px !important
    }
    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 60px !important
    }
    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 60px !important
    }
    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 60px !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: 8px !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 8px !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 8px !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 8px !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 8px !important
    }
    .p-sm-2 {
        padding: 10px !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 10px !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 10px !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 10px !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 10px !important
    }
    .p-sm-3 {
        padding: 12px !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 12px !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 12px !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 12px !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 12px !important
    }
    .p-sm-4 {
        padding: 16px !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 16px !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 16px !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 16px !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 16px !important
    }
    .p-sm-5 {
        padding: 20px !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 20px !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 20px !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 20px !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 20px !important
    }
    .p-sm-6 {
        padding: 24px !important
    }
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 24px !important
    }
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 24px !important
    }
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 24px !important
    }
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 24px !important
    }
    .p-sm-7 {
        padding: 32px !important
    }
    .pt-sm-7,
    .py-sm-7 {
        padding-top: 32px !important
    }
    .pr-sm-7,
    .px-sm-7 {
        padding-right: 32px !important
    }
    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 32px !important
    }
    .pl-sm-7,
    .px-sm-7 {
        padding-left: 32px !important
    }
    .p-sm-8 {
        padding: 36px !important
    }
    .pt-sm-8,
    .py-sm-8 {
        padding-top: 36px !important
    }
    .pr-sm-8,
    .px-sm-8 {
        padding-right: 36px !important
    }
    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 36px !important
    }
    .pl-sm-8,
    .px-sm-8 {
        padding-left: 36px !important
    }
    .p-sm-9 {
        padding: 60px !important
    }
    .pt-sm-9,
    .py-sm-9 {
        padding-top: 60px !important
    }
    .pr-sm-9,
    .px-sm-9 {
        padding-right: 60px !important
    }
    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 60px !important
    }
    .pl-sm-9,
    .px-sm-9 {
        padding-left: 60px !important
    }
    .m-sm-n1 {
        margin: -8px !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -8px !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -8px !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -8px !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -8px !important
    }
    .m-sm-n2 {
        margin: -10px !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -10px !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -10px !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -10px !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -10px !important
    }
    .m-sm-n3 {
        margin: -12px !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -12px !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -12px !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -12px !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -12px !important
    }
    .m-sm-n4 {
        margin: -16px !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -16px !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -16px !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -16px !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -16px !important
    }
    .m-sm-n5 {
        margin: -20px !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -20px !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -20px !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -20px !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -20px !important
    }
    .m-sm-n6 {
        margin: -24px !important
    }
    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -24px !important
    }
    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -24px !important
    }
    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -24px !important
    }
    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -24px !important
    }
    .m-sm-n7 {
        margin: -32px !important
    }
    .mt-sm-n7,
    .my-sm-n7 {
        margin-top: -32px !important
    }
    .mr-sm-n7,
    .mx-sm-n7 {
        margin-right: -32px !important
    }
    .mb-sm-n7,
    .my-sm-n7 {
        margin-bottom: -32px !important
    }
    .ml-sm-n7,
    .mx-sm-n7 {
        margin-left: -32px !important
    }
    .m-sm-n8 {
        margin: -36px !important
    }
    .mt-sm-n8,
    .my-sm-n8 {
        margin-top: -36px !important
    }
    .mr-sm-n8,
    .mx-sm-n8 {
        margin-right: -36px !important
    }
    .mb-sm-n8,
    .my-sm-n8 {
        margin-bottom: -36px !important
    }
    .ml-sm-n8,
    .mx-sm-n8 {
        margin-left: -36px !important
    }
    .m-sm-n9 {
        margin: -60px !important
    }
    .mt-sm-n9,
    .my-sm-n9 {
        margin-top: -60px !important
    }
    .mr-sm-n9,
    .mx-sm-n9 {
        margin-right: -60px !important
    }
    .mb-sm-n9,
    .my-sm-n9 {
        margin-bottom: -60px !important
    }
    .ml-sm-n9,
    .mx-sm-n9 {
        margin-left: -60px !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:1024px) {
    .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: 8px !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 8px !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 8px !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 8px !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 8px !important
    }
    .m-md-2 {
        margin: 10px !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 10px !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 10px !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 10px !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 10px !important
    }
    .m-md-3 {
        margin: 12px !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 12px !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 12px !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 12px !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 12px !important
    }
    .m-md-4 {
        margin: 16px !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 16px !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 16px !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 16px !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 16px !important
    }
    .m-md-5 {
        margin: 20px !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 20px !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 20px !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 20px !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 20px !important
    }
    .m-md-6 {
        margin: 24px !important
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 24px !important
    }
    .mr-md-6,
    .mx-md-6 {
        margin-right: 24px !important
    }
    .mb-md-6,
    .my-md-6 {
        margin-bottom: 24px !important
    }
    .ml-md-6,
    .mx-md-6 {
        margin-left: 24px !important
    }
    .m-md-7 {
        margin: 32px !important
    }
    .mt-md-7,
    .my-md-7 {
        margin-top: 32px !important
    }
    .mr-md-7,
    .mx-md-7 {
        margin-right: 32px !important
    }
    .mb-md-7,
    .my-md-7 {
        margin-bottom: 32px !important
    }
    .ml-md-7,
    .mx-md-7 {
        margin-left: 32px !important
    }
    .m-md-8 {
        margin: 36px !important
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 36px !important
    }
    .mr-md-8,
    .mx-md-8 {
        margin-right: 36px !important
    }
    .mb-md-8,
    .my-md-8 {
        margin-bottom: 36px !important
    }
    .ml-md-8,
    .mx-md-8 {
        margin-left: 36px !important
    }
    .m-md-9 {
        margin: 60px !important
    }
    .mt-md-9,
    .my-md-9 {
        margin-top: 60px !important
    }
    .mr-md-9,
    .mx-md-9 {
        margin-right: 60px !important
    }
    .mb-md-9,
    .my-md-9 {
        margin-bottom: 60px !important
    }
    .ml-md-9,
    .mx-md-9 {
        margin-left: 60px !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: 8px !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 8px !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 8px !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 8px !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 8px !important
    }
    .p-md-2 {
        padding: 10px !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 10px !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 10px !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 10px !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 10px !important
    }
    .p-md-3 {
        padding: 12px !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 12px !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 12px !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 12px !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 12px !important
    }
    .p-md-4 {
        padding: 16px !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 16px !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 16px !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 16px !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 16px !important
    }
    .p-md-5 {
        padding: 20px !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 20px !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 20px !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 20px !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 20px !important
    }
    .p-md-6 {
        padding: 24px !important
    }
    .pt-md-6,
    .py-md-6 {
        padding-top: 24px !important
    }
    .pr-md-6,
    .px-md-6 {
        padding-right: 24px !important
    }
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 24px !important
    }
    .pl-md-6,
    .px-md-6 {
        padding-left: 24px !important
    }
    .p-md-7 {
        padding: 32px !important
    }
    .pt-md-7,
    .py-md-7 {
        padding-top: 32px !important
    }
    .pr-md-7,
    .px-md-7 {
        padding-right: 32px !important
    }
    .pb-md-7,
    .py-md-7 {
        padding-bottom: 32px !important
    }
    .pl-md-7,
    .px-md-7 {
        padding-left: 32px !important
    }
    .p-md-8 {
        padding: 36px !important
    }
    .pt-md-8,
    .py-md-8 {
        padding-top: 36px !important
    }
    .pr-md-8,
    .px-md-8 {
        padding-right: 36px !important
    }
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 36px !important
    }
    .pl-md-8,
    .px-md-8 {
        padding-left: 36px !important
    }
    .p-md-9 {
        padding: 60px !important
    }
    .pt-md-9,
    .py-md-9 {
        padding-top: 60px !important
    }
    .pr-md-9,
    .px-md-9 {
        padding-right: 60px !important
    }
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 60px !important
    }
    .pl-md-9,
    .px-md-9 {
        padding-left: 60px !important
    }
    .m-md-n1 {
        margin: -8px !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -8px !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -8px !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -8px !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -8px !important
    }
    .m-md-n2 {
        margin: -10px !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -10px !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -10px !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -10px !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -10px !important
    }
    .m-md-n3 {
        margin: -12px !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -12px !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -12px !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -12px !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -12px !important
    }
    .m-md-n4 {
        margin: -16px !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -16px !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -16px !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -16px !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -16px !important
    }
    .m-md-n5 {
        margin: -20px !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -20px !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -20px !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -20px !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -20px !important
    }
    .m-md-n6 {
        margin: -24px !important
    }
    .mt-md-n6,
    .my-md-n6 {
        margin-top: -24px !important
    }
    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -24px !important
    }
    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -24px !important
    }
    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -24px !important
    }
    .m-md-n7 {
        margin: -32px !important
    }
    .mt-md-n7,
    .my-md-n7 {
        margin-top: -32px !important
    }
    .mr-md-n7,
    .mx-md-n7 {
        margin-right: -32px !important
    }
    .mb-md-n7,
    .my-md-n7 {
        margin-bottom: -32px !important
    }
    .ml-md-n7,
    .mx-md-n7 {
        margin-left: -32px !important
    }
    .m-md-n8 {
        margin: -36px !important
    }
    .mt-md-n8,
    .my-md-n8 {
        margin-top: -36px !important
    }
    .mr-md-n8,
    .mx-md-n8 {
        margin-right: -36px !important
    }
    .mb-md-n8,
    .my-md-n8 {
        margin-bottom: -36px !important
    }
    .ml-md-n8,
    .mx-md-n8 {
        margin-left: -36px !important
    }
    .m-md-n9 {
        margin: -60px !important
    }
    .mt-md-n9,
    .my-md-n9 {
        margin-top: -60px !important
    }
    .mr-md-n9,
    .mx-md-n9 {
        margin-right: -60px !important
    }
    .mb-md-n9,
    .my-md-n9 {
        margin-bottom: -60px !important
    }
    .ml-md-n9,
    .mx-md-n9 {
        margin-left: -60px !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:1366px) {
    .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: 8px !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 8px !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 8px !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 8px !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 8px !important
    }
    .m-lg-2 {
        margin: 10px !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 10px !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 10px !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 10px !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 10px !important
    }
    .m-lg-3 {
        margin: 12px !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 12px !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 12px !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 12px !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 12px !important
    }
    .m-lg-4 {
        margin: 16px !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 16px !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 16px !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 16px !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 16px !important
    }
    .m-lg-5 {
        margin: 20px !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 20px !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 20px !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 20px !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 20px !important
    }
    .m-lg-6 {
        margin: 24px !important
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 24px !important
    }
    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 24px !important
    }
    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 24px !important
    }
    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 24px !important
    }
    .m-lg-7 {
        margin: 32px !important
    }
    .mt-lg-7,
    .my-lg-7 {
        margin-top: 32px !important
    }
    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 32px !important
    }
    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 32px !important
    }
    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 32px !important
    }
    .m-lg-8 {
        margin: 36px !important
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 36px !important
    }
    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 36px !important
    }
    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 36px !important
    }
    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 36px !important
    }
    .m-lg-9 {
        margin: 60px !important
    }
    .mt-lg-9,
    .my-lg-9 {
        margin-top: 60px !important
    }
    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 60px !important
    }
    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 60px !important
    }
    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 60px !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: 8px !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 8px !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 8px !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 8px !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 8px !important
    }
    .p-lg-2 {
        padding: 10px !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 10px !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 10px !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 10px !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 10px !important
    }
    .p-lg-3 {
        padding: 12px !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 12px !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 12px !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 12px !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 12px !important
    }
    .p-lg-4 {
        padding: 16px !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 16px !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 16px !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 16px !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 16px !important
    }
    .p-lg-5 {
        padding: 20px !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 20px !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 20px !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 20px !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 20px !important
    }
    .p-lg-6 {
        padding: 24px !important
    }
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 24px !important
    }
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 24px !important
    }
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 24px !important
    }
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 24px !important
    }
    .p-lg-7 {
        padding: 32px !important
    }
    .pt-lg-7,
    .py-lg-7 {
        padding-top: 32px !important
    }
    .pr-lg-7,
    .px-lg-7 {
        padding-right: 32px !important
    }
    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 32px !important
    }
    .pl-lg-7,
    .px-lg-7 {
        padding-left: 32px !important
    }
    .p-lg-8 {
        padding: 36px !important
    }
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 36px !important
    }
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 36px !important
    }
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 36px !important
    }
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 36px !important
    }
    .p-lg-9 {
        padding: 60px !important
    }
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 60px !important
    }
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 60px !important
    }
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 60px !important
    }
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 60px !important
    }
    .m-lg-n1 {
        margin: -8px !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -8px !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -8px !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -8px !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -8px !important
    }
    .m-lg-n2 {
        margin: -10px !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -10px !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -10px !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -10px !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -10px !important
    }
    .m-lg-n3 {
        margin: -12px !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -12px !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -12px !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -12px !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -12px !important
    }
    .m-lg-n4 {
        margin: -16px !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -16px !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -16px !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -16px !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -16px !important
    }
    .m-lg-n5 {
        margin: -20px !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -20px !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -20px !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -20px !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -20px !important
    }
    .m-lg-n6 {
        margin: -24px !important
    }
    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -24px !important
    }
    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -24px !important
    }
    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -24px !important
    }
    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -24px !important
    }
    .m-lg-n7 {
        margin: -32px !important
    }
    .mt-lg-n7,
    .my-lg-n7 {
        margin-top: -32px !important
    }
    .mr-lg-n7,
    .mx-lg-n7 {
        margin-right: -32px !important
    }
    .mb-lg-n7,
    .my-lg-n7 {
        margin-bottom: -32px !important
    }
    .ml-lg-n7,
    .mx-lg-n7 {
        margin-left: -32px !important
    }
    .m-lg-n8 {
        margin: -36px !important
    }
    .mt-lg-n8,
    .my-lg-n8 {
        margin-top: -36px !important
    }
    .mr-lg-n8,
    .mx-lg-n8 {
        margin-right: -36px !important
    }
    .mb-lg-n8,
    .my-lg-n8 {
        margin-bottom: -36px !important
    }
    .ml-lg-n8,
    .mx-lg-n8 {
        margin-left: -36px !important
    }
    .m-lg-n9 {
        margin: -60px !important
    }
    .mt-lg-n9,
    .my-lg-n9 {
        margin-top: -60px !important
    }
    .mr-lg-n9,
    .mx-lg-n9 {
        margin-right: -60px !important
    }
    .mb-lg-n9,
    .my-lg-n9 {
        margin-bottom: -60px !important
    }
    .ml-lg-n9,
    .mx-lg-n9 {
        margin-left: -60px !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:1680px) {
    .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: 8px !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 8px !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 8px !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 8px !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 8px !important
    }
    .m-xl-2 {
        margin: 10px !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 10px !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 10px !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 10px !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 10px !important
    }
    .m-xl-3 {
        margin: 12px !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 12px !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 12px !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 12px !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 12px !important
    }
    .m-xl-4 {
        margin: 16px !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 16px !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 16px !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 16px !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 16px !important
    }
    .m-xl-5 {
        margin: 20px !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 20px !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 20px !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 20px !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 20px !important
    }
    .m-xl-6 {
        margin: 24px !important
    }
    .mt-xl-6,
    .my-xl-6 {
        margin-top: 24px !important
    }
    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 24px !important
    }
    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 24px !important
    }
    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 24px !important
    }
    .m-xl-7 {
        margin: 32px !important
    }
    .mt-xl-7,
    .my-xl-7 {
        margin-top: 32px !important
    }
    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 32px !important
    }
    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 32px !important
    }
    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 32px !important
    }
    .m-xl-8 {
        margin: 36px !important
    }
    .mt-xl-8,
    .my-xl-8 {
        margin-top: 36px !important
    }
    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 36px !important
    }
    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 36px !important
    }
    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 36px !important
    }
    .m-xl-9 {
        margin: 60px !important
    }
    .mt-xl-9,
    .my-xl-9 {
        margin-top: 60px !important
    }
    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 60px !important
    }
    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 60px !important
    }
    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 60px !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: 8px !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 8px !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 8px !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 8px !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 8px !important
    }
    .p-xl-2 {
        padding: 10px !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 10px !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 10px !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 10px !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 10px !important
    }
    .p-xl-3 {
        padding: 12px !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 12px !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 12px !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 12px !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 12px !important
    }
    .p-xl-4 {
        padding: 16px !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 16px !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 16px !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 16px !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 16px !important
    }
    .p-xl-5 {
        padding: 20px !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 20px !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 20px !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 20px !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 20px !important
    }
    .p-xl-6 {
        padding: 24px !important
    }
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 24px !important
    }
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 24px !important
    }
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 24px !important
    }
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 24px !important
    }
    .p-xl-7 {
        padding: 32px !important
    }
    .pt-xl-7,
    .py-xl-7 {
        padding-top: 32px !important
    }
    .pr-xl-7,
    .px-xl-7 {
        padding-right: 32px !important
    }
    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 32px !important
    }
    .pl-xl-7,
    .px-xl-7 {
        padding-left: 32px !important
    }
    .p-xl-8 {
        padding: 36px !important
    }
    .pt-xl-8,
    .py-xl-8 {
        padding-top: 36px !important
    }
    .pr-xl-8,
    .px-xl-8 {
        padding-right: 36px !important
    }
    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 36px !important
    }
    .pl-xl-8,
    .px-xl-8 {
        padding-left: 36px !important
    }
    .p-xl-9 {
        padding: 60px !important
    }
    .pt-xl-9,
    .py-xl-9 {
        padding-top: 60px !important
    }
    .pr-xl-9,
    .px-xl-9 {
        padding-right: 60px !important
    }
    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 60px !important
    }
    .pl-xl-9,
    .px-xl-9 {
        padding-left: 60px !important
    }
    .m-xl-n1 {
        margin: -8px !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -8px !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -8px !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -8px !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -8px !important
    }
    .m-xl-n2 {
        margin: -10px !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -10px !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -10px !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -10px !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -10px !important
    }
    .m-xl-n3 {
        margin: -12px !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -12px !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -12px !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -12px !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -12px !important
    }
    .m-xl-n4 {
        margin: -16px !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -16px !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -16px !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -16px !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -16px !important
    }
    .m-xl-n5 {
        margin: -20px !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -20px !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -20px !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -20px !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -20px !important
    }
    .m-xl-n6 {
        margin: -24px !important
    }
    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -24px !important
    }
    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -24px !important
    }
    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -24px !important
    }
    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -24px !important
    }
    .m-xl-n7 {
        margin: -32px !important
    }
    .mt-xl-n7,
    .my-xl-n7 {
        margin-top: -32px !important
    }
    .mr-xl-n7,
    .mx-xl-n7 {
        margin-right: -32px !important
    }
    .mb-xl-n7,
    .my-xl-n7 {
        margin-bottom: -32px !important
    }
    .ml-xl-n7,
    .mx-xl-n7 {
        margin-left: -32px !important
    }
    .m-xl-n8 {
        margin: -36px !important
    }
    .mt-xl-n8,
    .my-xl-n8 {
        margin-top: -36px !important
    }
    .mr-xl-n8,
    .mx-xl-n8 {
        margin-right: -36px !important
    }
    .mb-xl-n8,
    .my-xl-n8 {
        margin-bottom: -36px !important
    }
    .ml-xl-n8,
    .mx-xl-n8 {
        margin-left: -36px !important
    }
    .m-xl-n9 {
        margin: -60px !important
    }
    .mt-xl-n9,
    .my-xl-n9 {
        margin-top: -60px !important
    }
    .mr-xl-n9,
    .mx-xl-n9 {
        margin-right: -60px !important
    }
    .mb-xl-n9,
    .my-xl-n9 {
        margin-bottom: -60px !important
    }
    .ml-xl-n9,
    .mx-xl-n9 {
        margin-left: -60px !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
    }
}

@media(min-width:1920px) {
    .m-xxl-0 {
        margin: 0 !important
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }
    .m-xxl-1 {
        margin: 8px !important
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 8px !important
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 8px !important
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 8px !important
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 8px !important
    }
    .m-xxl-2 {
        margin: 10px !important
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 10px !important
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 10px !important
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 10px !important
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 10px !important
    }
    .m-xxl-3 {
        margin: 12px !important
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 12px !important
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 12px !important
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 12px !important
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 12px !important
    }
    .m-xxl-4 {
        margin: 16px !important
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 16px !important
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 16px !important
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 16px !important
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 16px !important
    }
    .m-xxl-5 {
        margin: 20px !important
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 20px !important
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 20px !important
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 20px !important
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 20px !important
    }
    .m-xxl-6 {
        margin: 24px !important
    }
    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 24px !important
    }
    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 24px !important
    }
    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 24px !important
    }
    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 24px !important
    }
    .m-xxl-7 {
        margin: 32px !important
    }
    .mt-xxl-7,
    .my-xxl-7 {
        margin-top: 32px !important
    }
    .mr-xxl-7,
    .mx-xxl-7 {
        margin-right: 32px !important
    }
    .mb-xxl-7,
    .my-xxl-7 {
        margin-bottom: 32px !important
    }
    .ml-xxl-7,
    .mx-xxl-7 {
        margin-left: 32px !important
    }
    .m-xxl-8 {
        margin: 36px !important
    }
    .mt-xxl-8,
    .my-xxl-8 {
        margin-top: 36px !important
    }
    .mr-xxl-8,
    .mx-xxl-8 {
        margin-right: 36px !important
    }
    .mb-xxl-8,
    .my-xxl-8 {
        margin-bottom: 36px !important
    }
    .ml-xxl-8,
    .mx-xxl-8 {
        margin-left: 36px !important
    }
    .m-xxl-9 {
        margin: 60px !important
    }
    .mt-xxl-9,
    .my-xxl-9 {
        margin-top: 60px !important
    }
    .mr-xxl-9,
    .mx-xxl-9 {
        margin-right: 60px !important
    }
    .mb-xxl-9,
    .my-xxl-9 {
        margin-bottom: 60px !important
    }
    .ml-xxl-9,
    .mx-xxl-9 {
        margin-left: 60px !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }
    .p-xxl-1 {
        padding: 8px !important
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 8px !important
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 8px !important
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 8px !important
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 8px !important
    }
    .p-xxl-2 {
        padding: 10px !important
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 10px !important
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 10px !important
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 10px !important
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 10px !important
    }
    .p-xxl-3 {
        padding: 12px !important
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 12px !important
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 12px !important
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 12px !important
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 12px !important
    }
    .p-xxl-4 {
        padding: 16px !important
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 16px !important
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 16px !important
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 16px !important
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 16px !important
    }
    .p-xxl-5 {
        padding: 20px !important
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 20px !important
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 20px !important
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 20px !important
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 20px !important
    }
    .p-xxl-6 {
        padding: 24px !important
    }
    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 24px !important
    }
    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 24px !important
    }
    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 24px !important
    }
    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 24px !important
    }
    .p-xxl-7 {
        padding: 32px !important
    }
    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 32px !important
    }
    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 32px !important
    }
    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 32px !important
    }
    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 32px !important
    }
    .p-xxl-8 {
        padding: 36px !important
    }
    .pt-xxl-8,
    .py-xxl-8 {
        padding-top: 36px !important
    }
    .pr-xxl-8,
    .px-xxl-8 {
        padding-right: 36px !important
    }
    .pb-xxl-8,
    .py-xxl-8 {
        padding-bottom: 36px !important
    }
    .pl-xxl-8,
    .px-xxl-8 {
        padding-left: 36px !important
    }
    .p-xxl-9 {
        padding: 60px !important
    }
    .pt-xxl-9,
    .py-xxl-9 {
        padding-top: 60px !important
    }
    .pr-xxl-9,
    .px-xxl-9 {
        padding-right: 60px !important
    }
    .pb-xxl-9,
    .py-xxl-9 {
        padding-bottom: 60px !important
    }
    .pl-xxl-9,
    .px-xxl-9 {
        padding-left: 60px !important
    }
    .m-xxl-n1 {
        margin: -8px !important
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -8px !important
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -8px !important
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -8px !important
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -8px !important
    }
    .m-xxl-n2 {
        margin: -10px !important
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -10px !important
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -10px !important
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -10px !important
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -10px !important
    }
    .m-xxl-n3 {
        margin: -12px !important
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -12px !important
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -12px !important
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -12px !important
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -12px !important
    }
    .m-xxl-n4 {
        margin: -16px !important
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -16px !important
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -16px !important
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -16px !important
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -16px !important
    }
    .m-xxl-n5 {
        margin: -20px !important
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -20px !important
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -20px !important
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -20px !important
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -20px !important
    }
    .m-xxl-n6 {
        margin: -24px !important
    }
    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -24px !important
    }
    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -24px !important
    }
    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -24px !important
    }
    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -24px !important
    }
    .m-xxl-n7 {
        margin: -32px !important
    }
    .mt-xxl-n7,
    .my-xxl-n7 {
        margin-top: -32px !important
    }
    .mr-xxl-n7,
    .mx-xxl-n7 {
        margin-right: -32px !important
    }
    .mb-xxl-n7,
    .my-xxl-n7 {
        margin-bottom: -32px !important
    }
    .ml-xxl-n7,
    .mx-xxl-n7 {
        margin-left: -32px !important
    }
    .m-xxl-n8 {
        margin: -36px !important
    }
    .mt-xxl-n8,
    .my-xxl-n8 {
        margin-top: -36px !important
    }
    .mr-xxl-n8,
    .mx-xxl-n8 {
        margin-right: -36px !important
    }
    .mb-xxl-n8,
    .my-xxl-n8 {
        margin-bottom: -36px !important
    }
    .ml-xxl-n8,
    .mx-xxl-n8 {
        margin-left: -36px !important
    }
    .m-xxl-n9 {
        margin: -60px !important
    }
    .mt-xxl-n9,
    .my-xxl-n9 {
        margin-top: -60px !important
    }
    .mr-xxl-n9,
    .mx-xxl-n9 {
        margin-right: -60px !important
    }
    .mb-xxl-n9,
    .my-xxl-n9 {
        margin-bottom: -60px !important
    }
    .ml-xxl-n9,
    .mx-xxl-n9 {
        margin-left: -60px !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media(min-width:1023px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:1024px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:1366px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1680px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1920px) {
    .text-xxl-left {
        text-align: left !important
    }
    .text-xxl-right {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #000 !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #000 !important
}

.text-secondary {
    color: #8d8d8d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #676767 !important
}

.text-success {
    color: #36b74f !important
}

a.text-success:hover,
a.text-success:focus {
    color: #257c36 !important
}

.text-info {
    color: #36b74f !important
}

a.text-info:hover,
a.text-info:focus {
    color: #257c36 !important
}

.text-warning {
    color: #d29b56 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ad752e !important
}

.text-danger {
    color: red !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #b30000 !important
}

.text-light {
    color: #f9f9f9 !important
}

a.text-light:hover,
a.text-light:focus {
    color: #d3d3d3 !important
}

.text-dark {
    color: #000 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #000 !important
}

.text-brand-primary {
    color: red !important
}

a.text-brand-primary:hover,
a.text-brand-primary:focus {
    color: #b30000 !important
}

.text-body {
    color: #363636 !important
}

.text-muted {
    color: #e4e4e4 !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    pre,
    blockquote {
        border: .0625rem solid #666;
        page-break-inside: avoid
    }
    tr,
    img {
        page-break-inside: avoid
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 1366px !important
    }
    .container {
        min-width: 1366px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: .0625rem solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dadada !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #000
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #000
    }
}

.carousel .icon-prev,
.carousel .icon-next {
    background-color: #fff;
    font-size: 1.875em;
    height: 3rem;
    padding-top: .24em;
    width: 3rem
}

.carousel .icon-prev::before,
.carousel .icon-next::before {
    color: #000;
    font-family: fontawesome
}

.carousel .icon-prev::before {
    content: ""
}

.carousel .icon-next::before {
    content: ""
}

.carousel .carousel-control-prev {
    justify-content: flex-start
}

.carousel .carousel-control-next {
    justify-content: flex-end
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
    width: 3rem
}

.carousel .carousel-control-next:focus,
.carousel .carousel-control-prev:focus {
    outline: none
}

.carousel .carousel-control-next:focus-visible,
.carousel .carousel-control-prev:focus-visible {
    outline: auto #000
}

.nav-tabs {
    border-bottom: .0625rem solid #ccc
}

.nav-tabs .nav-link {
    border: 0;
    padding: 0;
    font-size: 12px;
    display: inline;
    text-decoration: none
}

.nav-tabs .nav-link.active {
    padding-bottom: 4px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    border-bottom: .0625rem solid var(--skin-primary-color-1)
}

.nav-tabs .nav-item {
    padding: 10px 0
}

.card {
    margin-bottom: 1em
}

.card.customer-section,
.card.shipping-section,
.card.billing-section,
.card.shipping,
.card.payment {
    border: 1px solid #000;
    margin: 10px 0;
    padding: 20px
}

.card-header {
    border-bottom: none
}

.card-header h4 {
    margin-bottom: 0
}

.modal .modal-body {
    flex: 0 0 auto
}

dt {
    color: #a8a8a8;
    font-weight: 400
}

.custom-checkbox .custom-control-label::before {
    border: 1px solid #000;
    background: #f9f9f9;
    background: linear-gradient(#f9f9f9, #ccc)
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: transparent
}

.custom-radio .custom-control-label::before {
    border: 1px solid #000;
    background: #ccc;
    background: linear-gradient(#ccc, #666)
}

.form-control.is-invalid {
    background-image: none
}

@keyframes fadeInMessage {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutMessage {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(100%)
    }
}

.pull-left-xs {
    float: left
}

.pull-right-xs {
    float: right
}

@media(min-width:1023px)and (max-width:1023.98px) {
    .pull-left-sm {
        float: left
    }
    .pull-right-sm {
        float: right
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    .pull-left-md {
        float: left
    }
    .pull-right-md {
        float: right
    }
}

@media(min-width:1366px)and (max-width:1679.98px) {
    .pull-left-lg {
        float: left
    }
    .pull-right-lg {
        float: right
    }
}

@media(min-width:1680px)and (max-width:1919.98px) {
    .pull-left-xl {
        float: left
    }
    .pull-right-xl {
        float: right
    }
}

@media(min-width:1920px) {
    .pull-left-xxl {
        float: left
    }
    .pull-right-xxl {
        float: right
    }
}

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

@media(max-width:1023.98px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media(max-width:1365.98px) {
    .hidden-md-down {
        display: none !important
    }
}

@media(max-width:1679.98px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media(max-width:1919.98px) {
    .hidden-xl-down {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !important
}

.row.equal-height>[class^=col] {
    display: flex
}

@keyframes slide-in {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0%)
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

.font-primary-xl-u-bold {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-bold-u-lg {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-bold-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-regular-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-lower-bold-l-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-regular-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: uppercase
}

.secondary-font-light-l-md {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-flat-bold-u-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-u-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-transform: uppercase
}

.generic-font-size {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    text-transform: initial
}

.primary-font-flat-bold-l-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-regular-bold-l-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.secondary-font-light-l-sm {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-flat-bold-u-xs {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-bold-u-xs {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-bold-u-md2 {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.4285714286;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-demi-l-lg2 {
    font-family: avantgarde-demi, helvetica, Arial, serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: .625;
    letter-spacing: .1em;
    text-transform: initial
}

.letter-spacing-6 {
    letter-spacing: .0375rem
}

.letter-spacing-7 {
    letter-spacing: .045rem
}

.letter-spacing-10 {
    letter-spacing: .0625rem
}

@font-face {
    font-family: avantgarde;
    src: url(../fonts/AvantGarde-Medium.woff2) format("woff2"), url(../font/AvantGarde-Medium.woff) format("woff");
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: avantgarde-demi;
    src: url(../fonts/AvantGarde-Demi.woff2) format("woff2"), url(../fonts/AvantGarde-Demi.woff) format("woff");
    font-weight: 600;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: avantgarde;
    src: url(../fonts/AvantGarde-Bold.woff2) format("woff2"), url(../fonts/AvantGarde-Bold.woff) format("woff");
    font-weight: 700;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: avantgarde;
    src: url(../fonts/AvantGarde-Medium-Oblique.woff2) format("woff2"), url(../font/AvantGarde-Medium-Oblique.woff) format("woff");
    font-style: italic;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: helveticalight;
    src: url(../fonts/HelveticaLight.woff) format("woff"), url(../fonts/HelveticaLight.woff2) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: itcavantgardegothicdemi;
    src: url(../fonts/ITC-Avant-Garde-Gothic-Demi.woff) format("woff"), url(../fonts/ITC-Avant-Garde-Gothic-Demi.woff2) format("woff2");
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: custom-icons;
    src: url(../fonts/custom-icons.eot);
    src: url(../fonts/custom-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/custom-icons.woff2) format("woff2"), url(../fonts/custom-icons.woff) format("woff"), url(../fonts/custom-icons.ttf) format("truetype"), url(../fonts/custom-icons.svg#custom-icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap
}

[class^=ico-],
[class*=" ico-"] {
    display: inline-block;
    vertical-align: middle;
    transform: translate(0, 0);
    text-rendering: auto;
    font-family: custom-icons;
    font-size: 1.25rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@media(min-width:1024px) {
    [class^=ico-],
    [class*=" ico-"] {
        font-size: 1rem
    }
}

.ico-account::before {
    content: ""
}

.ico-alerte::before {
    content: ""
}

.ico-arrow-left::before {
    content: ""
}

.ico-arrow-right::before {
    content: ""
}

.ico-boutique::before {
    content: ""
}

.ico-burger-menu::before {
    content: ""
}

.ico-calendar::before {
    content: ""
}

.ico-cart::before {
    content: ""
}

.ico-chat::before {
    content: ""
}

.ico-check::before {
    content: ""
}

.ico-chevron-left::before {
    content: ""
}

.ico-clock::before {
    content: ""
}

.ico-close::before {
    content: ""
}

.ico-countries::before {
    content: ""
}

.ico-currency::before {
    content: ""
}

.ico-dropdown::before {
    content: ""
}

.ico-dropup::before {
    content: ""
}

.ico-facebook::before {
    content: ""
}

.ico-geoloc::before {
    content: ""
}

.ico-group::before {
    content: ""
}

.ico-info::before {
    content: ""
}

.ico-instagram::before {
    content: ""
}

.ico-maje::before {
    content: ""
}

.ico-more::before {
    content: ""
}

.ico-pinch::before {
    content: ""
}

.ico-pinterest::before {
    content: ""
}

.ico-plus::before {
    content: ""
}

.ico-position::before {
    content: ""
}

.ico-search::before {
    content: ""
}

.ico-slider-right::before {
    content: ""
}

.ico-tiktok::before {
    content: ""
}

.ico-wishlist::before {
    content: ""
}

.ico-wishlistfilled::before {
    content: ""
}

::-webkit-scrollbar {
    width: .5rem
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: .15625rem
}

select,
.nice-select {
    padding: 4px;
    border: .0625rem solid transparent;
    border-bottom-color: #000;
    color: #bfbfbf;
    font-size: .6875rem;
    letter-spacing: .1em;
    -webkit-tap-highlight-color: transparent;
    border-radius: 0;
    cursor: pointer;
    display: block;
    outline: none;
    position: relative;
    text-align: left
}

select.full-border,
.nice-select.full-border {
    border-color: #000;
    padding: .5rem 0 0 .5rem
}

select:active,
select:hover,
.nice-select:active,
.nice-select.open,
.nice-select:hover {
    color: #000;
    border-bottom-color: #000;
    cursor: pointer
}

.nice-select::after {
    font-family: custom-icons;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1;
    display: block;
    position: absolute;
    right: 0;
    margin-top: -.75rem;
    font-weight: 700;
    content: ""
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    z-index: 10
}

.nice-select.disabled {
    border-color: #bfbfbf;
    color: #bfbfbf;
    pointer-events: none
}

.nice-select.disabled::after {
    border-color: #bfbfbf
}

.nice-select.wide {
    width: 100%;
    padding: 8px 16px 8px 0;
    margin-bottom: 16px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #000;
    border-radius: 0
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select .list {
    background-color: #fff;
    border-top: .0625rem solid #000;
    box-shadow: 0 3px 4px #8d8d8d;
    width: 100%;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    outline: none;
    padding: 8px 12px;
    text-align: left
}

.nice-select .option:hover,
.nice-select .option.focus {
    background-color: #f9f9f9
}

.nice-select .option.selected {
    color: #8d8d8d
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #666;
    cursor: default
}

.clear::before {
    content: "";
    clear: both;
    display: table
}

.close {
    background: transparent;
    border: 0
}

.text-underline {
    text-decoration: underline !important
}

@media(min-width:1023px) {
    .position-absolute-md {
        position: absolute !important
    }
    .position-fixed-md {
        position: fixed !important
    }
}

.start-0 {
    left: 0
}

.end-0 {
    right: 0
}

.modal-backdrop {
    z-index: 1000
}

.font-icon {
    font-family: custom-icons !important
}

.card-border-top {
    border-top: .03125rem solid #000 !important
}

.card-border-right {
    border-right: .03125rem solid #000 !important
}

.card-border-bottom {
    border-bottom: .03125rem solid #000 !important
}

.card-border-left {
    border-left: .03125rem solid #000 !important
}

.show-less-btn,
.show-more-btn {
    display: none
}

.link-secondary {
    color: #444;
    text-decoration: none;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

.link-secondary:hover {
    color: rgba(14, 14, 14, .8);
    text-decoration: underline
}

.link-secondary.focus,
.link-secondary:active,
.link-secondary.nice-select.open {
    color: #6b6b6b;
    text-decoration: none
}

.link-secondary.disabled {
    color: #bfbfbf;
    text-decoration: underline
}

.link-secondary:hover {
    color: rgba(14, 14, 14, .8);
    text-decoration: underline
}

.link-secondary.focus,
.link-secondary:active,
.link-secondary.nice-select.open {
    border: .0625rem solid #2cb0da;
    color: #6b6b6b;
    text-decoration: none
}

.link-secondary.disabled {
    color: #bfbfbf;
    text-decoration: underline
}

.link-secondary.focus,
.link-secondary:active,
.link-secondary.nice-select.open {
    color: #bfbfbf
}

.link-ui {
    color: #444;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial;
    text-decoration: underline;
    font-family: avantgarde, helvetica, Arial, serif
}

.link-ui.link-ui-icon {
    position: relative;
    display: flex;
    align-items: center
}

.link-ui.link-ui-icon .icon {
    margin-right: .75rem
}

.link-ui.link-ui-default {
    text-transform: uppercase;
    font-weight: 700
}

.nav-link {
    margin-right: 0;
    color: #000;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    line-height: 1.5
}

.nav-link.active,
.nav-link:active,
.nav-link.nice-select.open,
.nav-link:hover {
    color: #000;
    text-decoration: underline
}

.form-inline {
    align-items: flex-start
}

.form-inline label,
.form-inline .form-group {
    display: block
}

.form-inline label {
    flex: 0 0 100%;
    margin-bottom: .625rem
}

.form-inline .form-group+.form-group {
    margin-left: 1.25rem
}

.form-inline .form-group {
    position: relative
}

.form-inline .form-group:nth-of-type(1) {
    flex: 0 0 16.4375rem
}

.form-inline .form-group:nth-of-type(1) .form-control {
    width: 100%
}

.form-animate-label {
    position: relative
}

.form-animate-label label {
    position: absolute;
    transform-origin: left center;
    transform: translateY(20px);
    transition: all .2s;
    color: #000;
    left: 0;
    z-index: 1;
    font-size: .6875rem;
    line-height: 1rem;
    letter-spacing: .1em
}

.form-animate-label label::first-letter {
    text-transform: uppercase
}

.form-animate-label .zip-code-label {
    z-index: 1
}

.form-animate-label.focus-in label {
    font-size: .5625rem;
    transform: translateY(-3px) scale(1)
}

.form-animate-label:hover label {
    color: #000
}

.form-input-actions .form-actions-container {
    position: absolute;
    transform: translateY(0.75rem);
    right: 0
}

input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill:hover,
input.form-control:-webkit-autofill:focus,
input.form-control:-webkit-autofill:active {
    color: #bfbfbf;
    border-bottom-color: #bfbfbf
}

header input[type=email],
header input[type=number],
header input[type=password],
header input[type=tel],
header input[type=text],
header textarea,
header .style-select,
footer input[type=email],
footer input[type=number],
footer input[type=password],
footer input[type=tel],
footer input[type=text],
footer textarea,
footer .style-select{
    border: 0;
    border-bottom: .0625rem solid #000;
    font-size: .6875rem;
    letter-spacing: .1em;
    background-color: #fff;
    margin: 0;
    text-indent: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 10px 0;
    border-radius: 0;
    line-height: 1
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus,
.style-select:focus {
    border: 0;
    border-bottom: .0625rem solid #000;
    outline: 0
}

.custom-control label {
    padding: 0;
    margin-bottom: 0
}

.form-control-label.text-danger {
    color: #000 !important
}

.form-control-label::after {
    color: #000
}

@media all and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .form-control,
    .custom-select,
    .invalid-feedback {
        height: 2.525rem
    }
}

.form-inline+.form-group {
    margin-top: 1.25rem
}

.form-group {
    margin-bottom: 16px
}

.form-control,
.custom-select {
    display: block
}

.form-control:disabled,
.custom-select:disabled {
    border-color: #bfbfbf;
    color: #bfbfbf !important
}

.form-control:disabled::-webkit-input-placeholder,
.custom-select:disabled::-webkit-input-placeholder {
    color: #ccc
}

.form-control:disabled::-moz-placeholder,
.custom-select:disabled::-moz-placeholder {
    color: #ccc
}

.form-control:disabled:-ms-input-placeholder,
.custom-select:disabled:-ms-input-placeholder {
    color: #ccc
}

.form-control:disabled:-moz-placeholder,
.custom-select:disabled:-moz-placeholder {
    color: #ccc
}

.select-with-label.required:not(.show) .custom-select .current::after {
    content: "*";
    color: #bfbfbf
}

.form-control.is-valid {
    background-color: #f4f4f4;
    border-color: #474747
}

.form-control.is-valid:focus {
    border-color: #474747;
    box-shadow: none
}

.form-control.is-invalid {
    background-color: #f4f4f4;
    border-color: red
}

.form-control.is-invalid:focus {
    box-shadow: inset 0 0 0 1px red
}

.form-control.form-control-light {
    background-color: transparent;
    color: #fff
}

.form-control.form-control-light:not(:-moz-placeholder-shown) {
    background-color: #474747;
    box-shadow: inset 0 0 0 1px #fff
}

.form-control.form-control-light:focus,
.form-control.form-control-light:not(:placeholder-shown) {
    background-color: #474747;
    box-shadow: inset 0 0 0 1px #fff
}

.form-control.form-control-light:not(:-moz-placeholder-shown)+button {
    color: #8d8d8d
}

.form-control.form-control-light:focus+button,
.form-control.form-control-light:not(:placeholder-shown)+button {
    color: #8d8d8d
}

.form-control.form-control-light:-webkit-autofill+button {
    color: #000;
    -webkit-text-fill-color: #000
}

.form-control.form-control-light::-webkit-input-placeholder {
    color: #e4e4e4
}

.form-control.form-control-light::-moz-placeholder {
    color: #e4e4e4
}

.form-control.form-control-light:-ms-input-placeholder {
    color: #e4e4e4
}

.form-control.form-control-light:-moz-placeholder {
    color: #e4e4e4
}

.form-control.form-control-light.is-invalid {
    background-color: rgba(255, 0, 0, .1)
}

.form-control.form-control-light.is-invalid:focus {
    box-shadow: inset 0 0 0 1px red
}

.form-control.form-control-light.is-invalid::-webkit-input-placeholder {
    color: #fff
}

.form-control.form-control-light.is-invalid::-moz-placeholder {
    color: #fff
}

.form-control.form-control-light.is-invalid:-ms-input-placeholder {
    color: #fff
}

.form-control.form-control-light.is-invalid:-moz-placeholder {
    color: #fff
}

.form-control.form-control-light.is-invalid+button {
    color: #e4e4e4
}

.form-control.form-control-light+button {
    color: #8d8d8d
}

.form-control.form-control-light+button.active,
.form-control.form-control-light+button:active,
.form-control.form-control-light+button.nice-select.open,
.form-control.form-control-light+button:focus {
    background-color: transparent;
    border-color: transparent;
    color: #8d8d8d
}

.form-control.form-control-dark {
    background-color: #e4e4e4
}

.form-control.form-control-dark:focus {
    box-shadow: inset 0 0 0 1px #fff
}

.form-control.form-control-dark.is-invalid:focus {
    box-shadow: inset 0 0 0 1px red
}

.form-control.form-control-dark+button {
    color: #000
}

.form-control.form-control-dark+button.active,
.form-control.form-control-dark+button:active,
.form-control.form-control-dark+button.nice-select.open,
.form-control.form-control-dark+button:focus {
    background-color: transparent;
    border-color: transparent;
    color: #000
}

.form-info-message {
    margin: 8px 0;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.invalid-feedback {
    font-size: .5625rem;
    letter-spacing: .03125rem;
    line-height: 1.44;
    color: red;
    margin-top: .1875rem;
    border-color: red !important
}

.form-text {
    color: #444;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial;
    padding: 0 1.25rem !important;
    color: #6b6b6b !important;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .6875rem;
    line-height: 1.5
}

.form-text.invalid-feedback {
    color: red !important
}

.form-text.form-text--bigger {
    font-size: .625rem
}

select.form-control,
.form-control-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

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

select.form-control:-moz-focusring,
.form-control-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.form-control-select::after {
    font-family: custom-icons;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125rem;
    line-height: 1;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    margin-top: -1.5rem
}

.custom-control {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: auto
}

.custom-checkbox,
.custom-radio,
.adyen-checkout__checkbox__input {
    margin-bottom: .5rem
}

.custom-checkbox .custom-control-input,
.custom-checkbox .adyen-checkout__checkbox__input,
.custom-radio .custom-control-input,
.custom-radio .adyen-checkout__checkbox__input,
.adyen-checkout__checkbox__input .custom-control-input,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input {
    border: .0625rem solid #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: .9375rem;
    height: .9375rem;
    margin-right: 8px;
    z-index: 0
}

.custom-checkbox .custom-control-input:focus,
.custom-checkbox .adyen-checkout__checkbox__input:focus,
.custom-radio .custom-control-input:focus,
.custom-radio .adyen-checkout__checkbox__input:focus,
.adyen-checkout__checkbox__input .custom-control-input:focus,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input:focus {
    border: .0625rem solid #000
}

.custom-checkbox .custom-control-input:checked,
.custom-checkbox .custom-control-input.checked,
.custom-checkbox .adyen-checkout__checkbox__input:checked,
.custom-checkbox .adyen-checkout__checkbox__input.checked,
.custom-radio .custom-control-input:checked,
.custom-radio .custom-control-input.checked,
.custom-radio .adyen-checkout__checkbox__input:checked,
.custom-radio .adyen-checkout__checkbox__input.checked,
.adyen-checkout__checkbox__input .custom-control-input:checked,
.adyen-checkout__checkbox__input .custom-control-input.checked,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input:checked,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input.checked {
    background-color: #000
}

.custom-checkbox .custom-control-input:disabled,
.custom-checkbox .adyen-checkout__checkbox__input:disabled,
.custom-radio .custom-control-input:disabled,
.custom-radio .adyen-checkout__checkbox__input:disabled,
.adyen-checkout__checkbox__input .custom-control-input:disabled,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input:disabled {
    border-color: #bfbfbf
}

.custom-checkbox .custom-control-input:disabled+label,
.custom-checkbox .adyen-checkout__checkbox__input:disabled+label,
.custom-radio .custom-control-input:disabled+label,
.custom-radio .adyen-checkout__checkbox__input:disabled+label,
.adyen-checkout__checkbox__input .custom-control-input:disabled+label,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input:disabled+label {
    color: #bfbfbf
}

.custom-radio .custom-control-input {
    border-radius: 2.5rem
}

.custom-checkbox .custom-control-input,
.custom-checkbox .adyen-checkout__checkbox__input,
.adyen-checkout__checkbox__input .custom-control-input,
.adyen-checkout__checkbox__input .adyen-checkout__checkbox__input {
    border-radius: .1875rem;
    margin-top: .3125rem
}

.form-conditions-block {
    margin-bottom: 1.125rem;
    font-size: .5625rem;
    letter-spacing: .03125rem;
    line-height: 1.44
}

.input-group {
    display: flex
}

.input-group button {
    position: absolute
}

.input-group.icon-right button {
    right: 0;
    bottom: 0;
    padding-right: 0
}

.input-group.icon-left label {
    left: 1.25rem;
    top: -19px;
    color: #000;
    text-transform: initial
}

.input-group.icon-left button {
    left: 0;
    top: 0;
    padding-right: 0;
    bottom: 0;
    width: 20px;
    border: 0;
    background: transparent
}

.input-group.icon-left .input-text {
    padding: 0 0 10px 20px;
    height: 1.875rem;
    margin-right: .625rem;
    background: transparent;
    border: 0
}

.input-group.icon-left .input-text:hover,
.input-group.icon-left .input-text:focus {
    background: transparent
}

@media(max-width:1023.98px) {
    .input-group.icon-left label {
        top: -1rem
    }
    .input-group.icon-left .input-text {
        padding: .625rem 0 .875rem 1.375rem
    }
}

.input-group.focus-in.icon-left label {
    top: -10px;
    color: #bfbfbf
}

@media(min-width:1024px)and (max-width:1365.98px) {
    .input-group.focus-in.icon-left label {
        top: -.5rem
    }
}

@media(max-width:1023.98px) {
    .input-group.focus-in.icon-left label {
        top: -.5rem
    }
}

.input-group .input-clear-btn {
    position: absolute;
    right: 0;
    top: 1rem;
    transform: rotate(45deg);
    cursor: pointer
}

.input-group-button button {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    flex: auto;
    background-color: transparent;
    border-color: transparent
}

.input-group.is-invalid~.invalid-feedback,
.form-control-label.text-danger~.invalid-feedback {
    display: block
}

.custom-radio.custom-radio-as-checkbox .custom-control-label::before {
    border: #000;
    border-radius: 0
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none
}

.field-required {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: uppercase
}

.show-password {
    position: absolute;
    width: 1.03125rem;
    height: .75rem;
    right: 0;
    top: .875rem;
    background: url(../../images/password-seen.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.show-password.show {
    background: url(../../images/password-hide.svg);
    height: 1rem;
    top: .75rem
}

.show-password.ico-close::before {
    display: none;
    position: absolute;
    top: -.3125rem;
    left: 0;
    font-size: 1rem;
    font-weight: 700
}

.show-password.ico-close.show {
    background: 0 0
}

.show-password.ico-close.show::before {
    display: block
}

.custom-toggle {
    width: 7.5rem
}

.custom-toggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

.custom-toggle label {
    cursor: pointer;
    height: .9375rem;
    width: 1.875rem;
    display: block;
    border-radius: .75rem;
    position: relative;
    border: .0625rem solid #000
}

.custom-toggle label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: .8125rem;
    width: .8125rem;
    background: #000;
    border: .0625rem solid #000;
    border-radius: .75rem;
    transition: all 300ms
}

.custom-toggle label span {
    position: absolute;
    top: -2px;
    left: 32px;
    width: 5.5rem
}

.custom-toggle input:checked+label {
    background: #000
}

.custom-toggle input:checked+label::after {
    background-color: #fff;
    left: calc(100% - 25px);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s ease
}

.custom-toggle label:active::after,
.custom-toggle label.nice-select.open::after {
    width: .75rem
}

.phone-number-container.dropdown-displayed:not(.focus-in) label {
    left: 5rem;
    top: .1875rem
}

.phone-number-container .country-flag-dropdown {
    width: 4.25rem;
    position: absolute;
    top: .5rem
}

.phone-number-container .country-flag-dropdown .size-list-container {
    background: #fff;
    border: .0625rem solid #bfbfbf;
    margin-top: -.1875rem
}

.phone-number-container .country-flag-dropdown .dropdown-toggle {
    border-color: transparent;
    height: 1.75rem
}

.phone-number-container .country-flag-dropdown .dropdown-toggle::after {
    right: .375rem;
    transform: rotate(0deg)
}

.phone-number-container .country-flag-dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg)
}

.phone-number-container .country-flag-dropdown .dropdown-item .option-select {
    padding: .25rem
}

.phone-number-container .country-flag-dropdown .dropdown-menu {
    display: none
}

.phone-number-container .country-flag-dropdown .dropdown-menu.show {
    min-width: auto;
    bottom: 1.5rem;
    border-color: #bfbfbf;
    width: 100%;
    margin-left: 0;
    margin-top: .375rem;
    display: block
}

.phone-number-container .country-flag-dropdown~.phone-number-input-only {
    padding-top: .9375rem;
    padding-left: 4.375rem;
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.phone-number-container .country-flag-dropdown .prefix-opacity {
    opacity: .4
}

.phone-number-container .selected-color-bg,
.phone-number-container .swatch-value {
    display: inline-block;
    width: 1.375rem;
    height: .875rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.user-send-update-option {
    letter-spacing: .03125rem
}

.btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    white-space: nowrap;
    position: relative
}

.btn.active .icon,
.btn:active .icon,
.btn.nice-select.open .icon,
.btn:hover .icon,
.btn:focus .icon {
    text-decoration: none
}

.btn:focus {
    box-shadow: none
}

.btn-primary {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: avantgarde, helvetica, Arial, serif;
    border: .0625rem solid #000;
    font-weight: 500;
    padding: 12px 16px;
    outline: transparent;
    border-radius: .3125rem;
    line-height: 1
}

.btn-primary:hover {
    color: #fff
}

@media(min-width:1023px) {
    .btn-primary:hover {
        background: rgba(14, 14, 14, .8)
    }
}

.btn-primary:focus-visible::after {
    border: .125rem solid #2cb0da;
    content: "";
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    position: absolute;
    left: -1px;
    top: -1px
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #bfbfbf;
    color: #fff;
    border: .0625rem solid #bfbfbf
}

.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: avantgarde, helvetica, Arial, serif;
    border: .0625rem solid #000;
    font-weight: 500;
    padding: 12px 16px;
    outline: transparent;
    border-radius: .3125rem;
    line-height: 1;
    background: transparent;
    color: #000
}

.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    color: #fff
}

@media(min-width:1023px) {
    .btn-secondary:hover,
    .btn-outline-primary:hover,
    .btn-outline-secondary:hover {
        background: rgba(14, 14, 14, .8)
    }
}

.btn-secondary:focus-visible::after,
.btn-outline-primary:focus-visible::after,
.btn-outline-secondary:focus-visible::after {
    border: .125rem solid #2cb0da;
    content: "";
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    position: absolute;
    left: -1px;
    top: -1px
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background: #bfbfbf;
    color: #fff;
    border: .0625rem solid #bfbfbf
}

.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    background: transparent;
    border-color: rgba(14, 14, 14, .8);
    color: #000
}

.btn-secondary:focus-visible,
.btn-outline-primary:focus-visible,
.btn-outline-secondary:focus-visible {
    border: .125rem solid #2cb0da;
    background: transparent
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background: #e4e4e4;
    color: #bfbfbf;
    border: .0625rem solid #bfbfbf
}

.btn-transparent {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: avantgarde, helvetica, Arial, serif;
    border: .0625rem solid #000;
    font-weight: 500;
    padding: 12px 16px;
    outline: transparent;
    border-radius: .3125rem;
    line-height: 1;
    background: transparent;
    border: 0;
    color: #000
}

.btn-transparent:hover {
    color: #fff
}

@media(min-width:1023px) {
    .btn-transparent:hover {
        background: rgba(14, 14, 14, .8)
    }
}

.btn-transparent:focus-visible::after {
    border: .125rem solid #2cb0da;
    content: "";
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    position: absolute;
    left: -1px;
    top: -1px
}

.btn-transparent.disabled,
.btn-transparent:disabled {
    background: #bfbfbf;
    color: #fff;
    border: .0625rem solid #bfbfbf
}

.btn-transparent:hover {
    background: transparent;
    border: 0;
    color: #000
}

.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.nice-select.open {
    border: 0;
    background: transparent
}

.btn-transparent:focus::after,
.btn-transparent:active::after,
.btn-transparent.nice-select.open::after {
    background: transparent
}

.btn-transparent.disabled,
.btn-transparent:disabled {
    background: transparent;
    color: #bfbfbf;
    border: 0
}

.btn-tiny {
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .040625rem;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    padding: .40625rem 1.5rem;
    border: .0625rem solid #000;
    border-radius: .3125rem;
    outline: transparent
}

.btn-tiny:focus-visible::after {
    border: .125rem solid #2cb0da;
    content: "";
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    position: absolute;
    left: -1px;
    top: -1px
}

.btn-tiny.disabled,
.btn-tiny:disabled {
    color: #6b6b6b;
    border: .0625rem solid #6b6b6b
}

.btn-form {
    flex: 0 0 5.25rem;
    width: 5.25rem;
    line-height: 2.7
}

.remove-btn,
.remove-btn-lg {
    cursor: pointer
}

.modal-header button.close {
    margin: 0;
    text-shadow: none
}

a.btn {
    text-decoration: none
}

.btn-link {
    position: relative
}

.btn-link::after {
    content: "";
    width: 100%;
    height: .0625rem;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #000
}

button.disabled {
    pointer-events: none
}

@font-face {
    font-family: custom-icons;
    src: url(../fonts/custom-icons.eot);
    src: url(../fonts/custom-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/custom-icons.woff2) format("woff2"), url(../fonts/custom-icons.woff) format("woff"), url(../fonts/custom-icons.ttf) format("truetype"), url(../fonts/custom-icons.svg#custom-icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap
}

[class^=ico-],
[class*=" ico-"] {
    display: inline-block;
    vertical-align: middle;
    transform: translate(0, 0);
    text-rendering: auto;
    font-family: custom-icons;
    font-size: 1.25rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@media(min-width:1024px) {
    [class^=ico-],
    [class*=" ico-"] {
        font-size: 1rem
    }
}

.ico-account::before {
    content: ""
}

.ico-alerte::before {
    content: ""
}

.ico-arrow-left::before {
    content: ""
}

.ico-arrow-right::before {
    content: ""
}

.ico-boutique::before {
    content: ""
}

.ico-burger-menu::before {
    content: ""
}

.ico-calendar::before {
    content: ""
}

.ico-cart::before {
    content: ""
}

.ico-chat::before {
    content: ""
}

.ico-check::before {
    content: ""
}

.ico-chevron-left::before {
    content: ""
}

.ico-clock::before {
    content: ""
}

.ico-close::before {
    content: ""
}

.ico-countries::before {
    content: ""
}

.ico-currency::before {
    content: ""
}

.ico-dropdown::before {
    content: ""
}

.ico-dropup::before {
    content: ""
}

.ico-facebook::before {
    content: ""
}

.ico-geoloc::before {
    content: ""
}

.ico-group::before {
    content: ""
}

.ico-info::before {
    content: ""
}

.ico-instagram::before {
    content: ""
}

.ico-maje::before {
    content: ""
}

.ico-more::before {
    content: ""
}

.ico-pinch::before {
    content: ""
}

.ico-pinterest::before {
    content: ""
}

.ico-plus::before {
    content: ""
}

.ico-position::before {
    content: ""
}

.ico-search::before {
    content: ""
}

.ico-slider-right::before {
    content: ""
}

.ico-tiktok::before {
    content: ""
}

.ico-wishlist::before {
    content: ""
}

.ico-wishlistfilled::before {
    content: ""
}

.form-group.required .form-control-label::after {
    content: "*";
    color: #bfbfbf
}

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

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

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

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

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

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

.slick-track::after {
    clear: both
}

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

.slick-dots li button::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-arrow {
    background-color: transparent;
    color: transparent;
    border: none;
    position: absolute;
    top: 40%;
    z-index: 1
}

.slick-arrow .ico-slider-right {
    font-family: custom-icons;
    font-size: 1rem;
    color: #000
}

.slick-next {
    right: 1.25rem
}

.slick-prev {
    left: 1.25rem;
    transform: rotate(180deg)
}

@media(max-width:1023.98px) {
    .product-carousels-starts {
        background-color: #fff;
        overflow: auto;
        position: relative
    }
}

.product-carousels-starts h2 {
    margin-top: 2rem;
    margin-left: .75rem
}

@media(min-width:1024px) {
    .product-carousels-starts h2 {
        font-size: .75rem;
        margin-left: 1.25rem
    }
}

.product-carousels-starts .packshot-image-wrapper {
    display: none
}

.plp-no-result .search-products-recs {
    margin: 0 -.75rem
}

@media(min-width:1024px) {
    .plp-no-result .search-products-recs {
        margin: 0 -1.5625rem
    }
}

.plp-no-result .search-section-title {
    margin-bottom: .75rem
}

.plp-no-result .slick-slide {
    margin: 0 .75rem
}

@media(min-width:1024px) {
    .plp-no-result .slick-slide {
        margin: 0 1.5625rem
    }
}

.plp-no-result .slick-list {
    padding: 0 1rem
}

@media(min-width:768px) {
    .plp-no-result .slick-list {
        padding: 0
    }
}

.plp-no-result .slick-arrow {
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer
}

.plp-no-result .slick-arrow::before {
    position: relative;
    left: .875rem;
    top: .5rem;
    display: flex;
    width: .9375rem;
    height: .9375rem;
    border-style: solid;
    border-color: #000;
    border-width: .0625rem .0625rem 0 0;
    transform: rotate(-135deg);
    content: ""
}

.plp-no-result .slick-arrow.slick-arrow-right {
    left: auto;
    right: 0
}

@media(min-width:1024px) {
    .plp-no-result .slick-arrow.slick-arrow-right {
        right: -1.375rem
    }
}

.plp-no-result .slick-arrow.slick-arrow-right::before {
    left: auto;
    right: 0;
    transform: rotate(45deg)
}

@media(min-width:1024px) {
    .plp-no-result .slick-arrow.slick-arrow-left {
        left: -1.375rem
    }
}

.modal-background {
    background-color: #000;
    display: none;
    height: 100%;
    position: fixed;
    opacity: .5;
    width: 100%;
    top: 0;
    left: 0
}

#geolcationModal .modal-dialog {
    margin: auto;
    max-width: 30.625rem;
    top: 10%
}

@media(min-width:1023px) {
    #geolcationModal .modal-dialog {
        top: 30%
    }
}

#geolcationModal .modal-body {
    padding: 1.625rem 1.375rem
}

@media(min-width:1023px) {
    #geolcationModal .modal-body {
        padding: 1.875rem 2.5rem
    }
}

#geolcationModal .geoloc-popin-title {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .081875rem;
    margin-bottom: .75rem
}

@media(min-width:1023px) {
    #geolcationModal .geoloc-popin-title {
        margin-bottom: .5625rem
    }
}

#geolcationModal .geoloc-popin-text {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .0375rem;
    line-height: 1.58;
    margin-bottom: 1.25rem
}

#geolcationModal .geoloc-popin-buttons a {
    font-size: .75rem;
    letter-spacing: .0375rem;
    line-height: 1.42;
    margin-bottom: .625rem;
    text-align: center;
    text-wrap: wrap
}

#geolcationModal .geoloc-popin-dropdown {
    letter-spacing: .01875rem;
    text-transform: none;
    width: 100%
}

@media(min-width:1023px) {
    #geolcationModal .geoloc-popin-dropdown {
        margin-bottom: .4375rem
    }
}

#geolcationModal .geoloc-popin-dropdown .dropdown {
    text-align: center;
    width: 100%
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu {
    background: #fff;
    border-color: #000;
    border-radius: .3125rem;
    left: -1rem;
    max-height: 16.25rem;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    top: 28px;
    width: calc(100% + 32px)
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu::-webkit-scrollbar {
    width: .25rem;
    height: .125rem
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu::-webkit-scrollbar-track {
    border: .125rem solid #ccc;
    background: #ccc
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 0
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu:hover::-webkit-scrollbar-track {
    background: #f5f5f5
}

#geolcationModal .geoloc-popin-dropdown .dropdown-menu:hover::-webkit-scrollbar-thumb {
    background-color: #000
}

#geolcationModal .geoloc-popin-dropdown .dropdown-toggle::after {
    border: 0;
    content: "";
    font-family: custom-icons;
    transform: rotate(90deg);
    vertical-align: middle
}

#geolcationModal .geoloc-popin-dropdown .dropdown-toggle,
#geolcationModal .geoloc-popin-dropdown .dropdown-item {
    margin: 0;
    padding: .75rem 1rem
}

#geolcationModal .geoloc-popin-dropdown .dropdown-item+.dropdown-item {
    border-top: .0625rem solid #000
}

input[placeholder] {
    text-overflow: ellipsis
}

.hide-order-discount {
    display: none
}

.hide-shipping-discount {
    display: none
}

.order-discount {
    color: #000
}

.shipping-discount {
    color: #000
}

.error-messaging {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.error-hero {
    background-image: url(../images/storelocator.jpg);
    margin-bottom: .625em
}

.error-message {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.error.continue-shopping {
    margin-bottom: 6.25em
}

.error-unassigned-category {
    color: #dc3545
}

.skip {
    position: absolute;
    left: -9999px;
    top: -4.2em;
    overflow: hidden;
    padding: 1em 1.5em;
    background: #fff;
    transition: all .2s ease-in-out
}

a.skip:active,
a.skip.nice-select.open,
a.skip:focus,
a.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    z-index: 10000000;
    background: #fff;
    transition: all .2s ease-in-out
}

.position-top-up {
    top: 0 !important
}

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

.reinsurance-block-container.overflowed,
.horizontal-scroll-container.overflowed {
    position: relative
}

.reinsurance-block-container.overflowed::before,
.horizontal-scroll-container.overflowed::before {
    content: "";
    height: 100%;
    width: 55px;
    position: absolute;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
    z-index: 1
}

.reinsurance-block-container.overflowed::after,
.horizontal-scroll-container.overflowed::after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 1;
    width: .625rem;
    height: .625rem;
    border-bottom: .125rem solid #000;
    border-right: .125rem solid #000;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
}

.reinsurance-block-container.overflowed.overflowed-end::before,
.reinsurance-block-container.overflowed.overflowed-end::after,
.horizontal-scroll-container.overflowed.overflowed-end::before,
.horizontal-scroll-container.overflowed.overflowed-end::after {
    display: none
}

@media(max-width:1022.98px) {
    .menu-toggleable-left.navbar-toggleable-xs {
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        transition: left .4s linear
    }
    .menu-toggleable-left.navbar-toggleable-xs.in {
        min-width: 100%;
        left: 0
    }
    .menu-toggleable-left.navbar-toggleable-xs.out {
        min-width: 100%;
        left: 100%
    }
}

@media(max-width:1023.98px) {
    .menu-toggleable-left.navbar-toggleable-sm {
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        transition: left .4s linear
    }
    .menu-toggleable-left.navbar-toggleable-sm.in {
        min-width: 100%;
        left: 0
    }
    .menu-toggleable-left.navbar-toggleable-sm.out {
        min-width: 100%;
        left: 100%
    }
}

@media(max-width:1365.98px) {
    .menu-toggleable-left.navbar-toggleable-md {
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        transition: left .4s linear
    }
    .menu-toggleable-left.navbar-toggleable-md.in {
        min-width: 100%;
        left: 0
    }
    .menu-toggleable-left.navbar-toggleable-md.out {
        min-width: 100%;
        left: 100%
    }
}

@media(max-width:1679.98px) {
    .menu-toggleable-left.navbar-toggleable-lg {
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        transition: left .4s linear
    }
    .menu-toggleable-left.navbar-toggleable-lg.in {
        min-width: 100%;
        left: 0
    }
    .menu-toggleable-left.navbar-toggleable-lg.out {
        min-width: 100%;
        left: 100%
    }
}

@media(max-width:1919.98px) {
    .menu-toggleable-left.navbar-toggleable-xl {
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        transition: left .4s linear
    }
    .menu-toggleable-left.navbar-toggleable-xl.in {
        min-width: 100%;
        left: 0
    }
    .menu-toggleable-left.navbar-toggleable-xl.out {
        min-width: 100%;
        left: 100%
    }
}

.menu-toggleable-left.navbar-toggleable-xxl {
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    display: block;
    max-width: 100%;
    transition: left .4s linear
}

.menu-toggleable-left.navbar-toggleable-xxl.in {
    min-width: 100%;
    left: 0
}

.menu-toggleable-left.navbar-toggleable-xxl.out {
    min-width: 100%;
    left: 100%
}

@media(min-width:1023px) {
    .main-menu .navbar.bg-inverse {
        margin-left: auto
    }
}

.main-menu,
.main-menu .nav-item-link,
.main-menu .nav-link {
    color: #000
}

@media(min-width:1023px) {
    .menu-spacer {
        margin-top: 2.5rem !important;
        display: inline-block
    }
}

.menu-spacer::after {
    top: 1.0625rem
}

.menu-underline::after {
    opacity: 1 !important
}

.navbar.bg-inverse {
    background-color: transparent !important;
    padding: 0
}

@media(min-width:1024px) {
    .navbar.bg-inverse .navbar-nav .nav-item+.nav-item {
        margin-left: 0
    }
    .navbar.bg-inverse .navbar-nav .nav-link {
        white-space: nowrap
    }
}

.navbar-expand-md .navbar-nav.nav-center {
    justify-content: center
}

.navbar-expand-md .navbar-nav.nav-spaced {
    justify-content: space-evenly
}

.navbar-expand-md .navbar-nav.nav-right {
    justify-content: end
}

.newtag {
    max-width: 1.5rem
}

@media(max-width:1023.98px) {
    .main-menu.menu-toggleable-left {
        background-color: #fff;
        z-index: 4;
        transition: left .5s ease
    }
}

.menu-toggleable-left .close-menu {
    flex: 0 0 100%;
    box-sizing: content-box;
    padding: 12px 0 6px 12px
}

@media(min-width:1024px) {
    .menu-toggleable-left .close-menu {
        display: none
    }
}

.menu-toggleable-left .logo-placeholder {
    opacity: 0;
    margin-bottom: 10px
}

.menu-toggleable-left .close-button {
    right: 0;
    line-height: 0;
    top: .375rem
}

.menu-toggleable-left .close-button button {
    font-size: 1.125rem;
    line-height: .5rem;
    margin: 0;
    padding: .75rem
}

.menu-toggleable-left .close-button button .ico-close {
    font-size: 1rem
}

.menu-toggleable-left .menu-group {
    flex: 0 0 100%;
    height: 100%;
    margin-top: .75rem
}

.menu-toggleable-left li>.close-menu {
    margin-right: 0;
    margin-top: -.6rem;
    margin-left: 0
}

@media(max-width:1023.98px) {
    .menu-toggleable-left .bg-inverse {
        color: #222;
        width: 100%
    }
}

@media(max-width:1022.98px) {
    .menu-toggleable-left.in {
        right: 0
    }
}

@media(max-width:1023.98px) {
    .menu-toggleable-left.in .nav-item+.nav-item {
        border-top: .0625rem solid #000
    }
    .page .menu-toggleable-left.in .navigation .nav-item {
        align-items: center
    }
    .menu-toggleable-left.in .navigation .brand-logo svg use {
        fill: #000
    }
    .menu-toggleable-left.in .navigation .nav-item:hover .nav-link {
        -webkit-text-stroke: initial
    }
    .menu-toggleable-left.in .dropdown {
        position: static;
        display: flex
    }
    .menu-toggleable-left.in .dropdown-toggle::after {
        display: none
    }
    .menu-toggleable-left.in .dropdown-toggle .ico-arrow-right {
        right: 0;
        position: absolute;
        border: 0;
        color: #000;
        line-height: 0;
        font-size: 1rem;
        display: block;
        font-weight: 400;
        line-height: 1
    }
    .menu-toggleable-left.in .show>.dropdown-menu {
        left: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        overflow-y: scroll
    }
}

@media(max-width:1023.98px)and (max-width:1023.98px) {
    .menu-toggleable-left.in .show>.dropdown-menu {
        overflow-y: auto;
        animation: slide-in .4s forwards
    }
    .menu-toggleable-left.in .show>.dropdown-menu.slide-left {
        animation: slide-out .4s forwards
    }
}

@media(max-width:1023.98px) {
    .menu-toggleable-left.in .dropdown-menu {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        border: 0;
        transition: right .5s cubic-bezier(0, 1, .5, 1);
        display: block
    }
    .menu-toggleable-left.in .main-menu-submenu .mobile-navigation-header {
        border-bottom: none !important;
        padding-bottom: 0 !important
    }
    .menu-toggleable-left.in .main-menu-submenu .dropdown-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 50px 20px
    }
    .menu-toggleable-left.in .main-menu-submenu .dropdown-menu-header__compensate {
        width: 16px;
        padding: 0
    }
    .menu-toggleable-left.in .main-menu-submenu .dropdown-menu-header__compensate.main-back {
        position: relative;
        left: -5px
    }
    .menu-toggleable-left.in .main-menu-submenu::-webkit-scrollbar {
        display: none;
        width: auto
    }
    .menu-toggleable-left.in .menu-header-compensator {
        z-index: -1;
        pointer-events: none
    }
    .menu-toggleable-left.in .submenu-items-container {
        flex-flow: column nowrap !important
    }
}

@media(min-width:1024px) {
    .multilevel-dropdown .dropdown-menu>.dropdown>.dropdown-menu {
        top: -.65em;
        left: 99%
    }
}

.multilevel-dropdown .navbar>.close-menu>.back {
    display: none
}

.multilevel-dropdown .close-menu .back .caret-left {
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-left: .3 solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    margin-bottom: .125em
}

.multilevel-dropdown .dropdown-item.top-category {
    padding: 0 .75rem;
    top: 3.75rem;
    position: fixed;
    z-index: 1;
    background: #fff;
    padding-left: 2.375rem
}

.multilevel-dropdown .dropdown-item.top-category .ico-arrow-right {
    display: none
}

.multilevel-dropdown .dropdown-item.top-category>.nav-link {
    padding-left: 0
}

.mobile-menu-open .header-top-content .content-logo {
    display: none
}

.mobile-menu-open .close-menu {
    padding: .75rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-menu-open .close-menu .logo-placeholder {
    opacity: 1;
    display: block
}

.mobile-menu-open .close-menu .close-button {
    position: relative !important;
    top: 0;
    right: 0;
    padding-right: .75rem;
    color: #000
}

.mobile-menu-open .close-menu .close-button .button {
    padding: 0
}

.mobile-menu-open .listMenu.mobile-util ul {
    border-top: .0625rem solid #000;
    padding: 1.0625rem 0 0 .75rem;
    list-style: none;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: uppercase
}

.mobile-menu-open .listMenu.mobile-util ul li {
    margin-bottom: 20px
}

.mobile-menu-open .selected-lang-mob {
    position: relative;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 2.875rem;
    margin: 0;
    padding: 0 3.125rem;
    list-style: none;
    background-color: #f2f2f2
}

.mobile-menu-open .selected-lang-mob .langSelector {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.mobile-menu-open .selected-lang-mob .langSelector span {
    text-decoration: underline
}

.mobile-menu-open .selected-lang-mob .langSelector .ico-arrow-right {
    position: absolute;
    border: 0;
    color: #000;
    line-height: 0;
    font-size: 1rem;
    display: block;
    font-weight: 400;
    position: relative
}

.mobile-menu-open .selected-lang-mob .langSelector .langSelector-container {
    display: flex;
    align-items: center;
    -moz-column-gap: 9px;
    column-gap: 9px
}

.mobile-menu-open .main-menu-submenu .dropdown-menu-header {
    color: #000;
    padding: 0 50px 10px;
    font-size: 13px;
    font-weight: 700
}

.mobile-menu-open .main-menu-submenu .main-back {
    border: none;
    color: #000;
    background-color: #fff;
    cursor: pointer
}

.mobile-menu-open .main-menu-submenu .main-back::before {
    position: absolute;
    font-size: 1rem;
    top: 9px;
    left: 12px;
    font-family: custom-icons
}

.mobile-menu-open .main-menu-submenu .main-back .icon {
    font-size: 13px;
    font-weight: 700;
    transform: scaleX(-1)
}

.mobile-menu-open .main-menu-submenu .main-back button {
    color: #000;
    padding-left: 0
}

.mobile-menu-open .main-menu-submenu .main-back button .ico-arrow-left {
    color: #000;
    font-size: 1rem;
    font-weight: 400
}

.mobile-menu-open .main-menu-submenu .close-button .button {
    color: #000
}

.mobile-menu-open .main-menu-submenu .close-button .button .ico-close {
    color: #000
}

.mobile-menu-open .main-menu-submenu.level3-submenu-opened .top-category .category-level-1,
.mobile-menu-open .main-menu-submenu.level3-submenu-opened .back.position-absolute {
    display: none
}

.mobile-menu-open .sub-category-root {
    flex-direction: column
}

.mobile-menu-open .sub-category-root .row.h-100 {
    flex-direction: column
}

.mobile-menu-open .category-level-2 {
    margin-top: 5.5rem;
    border-top: .05rem solid #000
}

.mobile-menu-open .category-level-2 .level-2 {
    padding: 0;
    border-bottom: .0625rem solid #000;
    position: relative
}

.mobile-menu-open .category-level-2 .level-2:active,
.mobile-menu-open .category-level-2 .level-2.nice-select.open,
.mobile-menu-open .category-level-2 .level-2:hover {
    background: transparent
}

.mobile-menu-open .category-level-2 .level-2 a {
    height: 60px;
    padding: 20px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.mobile-menu-open .category-level-2 .level-2 a img {
    top: .9375rem
}

.mobile-menu-open .category-level-2 .level-2 a:active,
.mobile-menu-open .category-level-2 .level-2 a.nice-select.open,
.mobile-menu-open .category-level-2 .level-2 a:hover {
    text-decoration: none
}

.mobile-menu-open .category-level-2 .level-2 a [class^=ico-] {
    border: 0;
    color: #000;
    line-height: 0;
    font-size: 15px;
    display: block;
    font-weight: 400
}

.mobile-menu-open .category-level-3 {
    left: -100%;
    display: block;
    max-width: 100%;
    position: absolute;
    background: #fff;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    transform: translateX(-100%);
    top: 0;
    padding-top: 4.375rem
}

@media(max-width:1023.98px) {
    .mobile-menu-open .category-level-3 {
        overflow-y: auto
    }
}

.mobile-menu-open .category-level-3.show {
    animation: slide-in .4s forwards;
    left: 0
}

.mobile-menu-open .category-level-3.show.slide-left {
    animation: slide-out .4s forwards
}

.mobile-menu-open .category-level-3.show>.row {
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin-top: 1.25rem
}

.mobile-menu-open .category-level-3.show .level-3 {
    padding: 0;
    position: relative;
    max-width: 100%;
    padding-top: 10px
}

.mobile-menu-open .category-level-3.show .level-3.col-4:not(:first-child)::before {
    content: "";
    position: absolute;
    top: -8px;
    width: 100%;
    border-top: .0625rem solid #000
}

.mobile-menu-open .category-level-3.show .level-3:first-child {
    border: 0;
    padding-top: 0
}

.mobile-menu-open .category-level-3.show .level-3>ul {
    padding: 0
}

.mobile-menu-open .category-level-3.show .level-3>ul li {
    padding: 0 0 .5rem
}

.mobile-menu-open .category-level-3.show .level-3>ul li:active,
.mobile-menu-open .category-level-3.show .level-3>ul li.nice-select.open,
.mobile-menu-open .category-level-3.show .level-3>ul li:hover {
    background: transparent
}

.mobile-menu-open .category-level-3.show .level-3 .nev-link-item,
.mobile-menu-open .category-level-3.show .level-3 .nev-label-text {
    padding: 0 0 12px 12px;
    display: block;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: uppercase
}

.mobile-menu-open .category-level-3.show .level-3 .heading-link {
    font-weight: 700
}

.mobile-menu-open .top-category-level3.back {
    position: absolute;
    background: #fff;
    padding: 15px 20px 15px 36px;
    border-bottom: .0625rem solid #000;
    z-index: 3;
    top: 1rem;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.4285714286;
    letter-spacing: .1em;
    text-transform: uppercase
}

.mobile-menu-open .top-category-level3.back::before {
    top: 14px
}

.mobile-menu-open .top-menu-link>.nav-link:hover,
.mobile-menu-open .top-menu-link~.nav-item .nav-link:hover {
    text-decoration: none !important;
    font-weight: 700
}

@media(min-width:1024px) {
    .navbar-expand-md .navbar-nav {
        height: 100%
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        width: 100%;
        position: fixed;
        margin-left: 0;
        top: inherit;
        left: 0;
        margin-top: 0;
        border: 0;
        padding: 0;
        min-height: 450px;
        border-top: .0625rem solid #000
    }
    .navbar-expand-md .navbar-nav .dropdown-menu::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: .05rem;
        background-color: #000
    }
    .navbar-expand-md .navbar-nav .nav-item .nav-link {
        padding: 0 5rem 1.25rem 0;
        text-decoration: none;
        height: 100%;
        font-family: avantgarde, helvetica, Arial, serif;
        font-weight: 700;
        font-size: .625rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .navbar-expand-md .navbar-nav .nav-item .nav-link:last-child() {
        padding-right: 5.25rem
    }
    .navbar-expand-md .navbar-nav .nav-item .nav-link:hover {
        text-decoration: none
    }
    .navbar-expand-md .navbar-nav .nav-item .nav-link::after {
        border: 0;
        content: "";
        margin-left: 0
    }
    .navbar-expand-md .navbar-nav .nav-item.show .nav-link span::after,
    .navbar-expand-md .navbar-nav .nav-item .nav-link:hover span::after {
        border-bottom: .0625rem solid #000;
        position: absolute;
        margin-bottom: .25rem;
        display: block;
        width: 100%;
        left: 0;
        content: ""
    }
    .main-menu-submenu {
        transition: left .5s ease
    }
    .main-menu-submenu.show {
        display: grid !important;
        grid-template-rows: 1fr;
        height: 50vh;
        overflow: hidden
    }
    .main-menu-submenu.show>div {
        overflow: hidden
    }
}

@media(min-width:1024px)and (min-width:1680px) {
    .main-menu-submenu.show>div .product,
    .main-menu-submenu.show>div .product-tile,
    .main-menu-submenu.show>div .image-container,
    .main-menu-submenu.show>div .packshot-image-wrapper,
    .main-menu-submenu.show>div .carousel-inner,
    .main-menu-submenu.show>div .carousel-item {
        height: 100%
    }
    .main-menu-submenu.show>div .product-tile .carousel-inner .img-fluid {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(min-width:1024px) {
    .main-menu-submenu.show .video-container {
        display: flex
    }
    .main-menu-submenu.show .promotion-pushContent,
    .main-menu-submenu.show .last-seen-products-carousel {
        height: 100%
    }
    .main-menu-submenu.show .promotion-pushContent .product-item,
    .main-menu-submenu.show .promotion-pushContent .product-item div,
    .main-menu-submenu.show .promotion-pushContent .carousel-inner a,
    .main-menu-submenu.show .last-seen-products-carousel .product-item,
    .main-menu-submenu.show .last-seen-products-carousel .product-item div,
    .main-menu-submenu.show .last-seen-products-carousel .carousel-inner a {
        height: inherit
    }
    .main-menu-submenu.show .promotion-pushContent .category-push-image,
    .main-menu-submenu.show .last-seen-products-carousel .category-push-image {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
    .main-menu-submenu .product-tile .hires-image-wrapper {
        display: none
    }
    .main-menu-submenu .product-tile .product-tag-grid {
        display: none
    }
    .main-menu-submenu .category-level-2 {
        padding: 1.25rem 0 0 1.25rem
    }
    .main-menu-submenu .level-2,
    .main-menu-submenu .level-3,
    .main-menu-submenu .level-4 {
        padding: 0;
        margin-bottom: 8px;
        background: transparent
    }
    .main-menu-submenu .level-2 ul,
    .main-menu-submenu .level-3 ul,
    .main-menu-submenu .level-4 ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .main-menu-submenu .level-2 ul li,
    .main-menu-submenu .level-3 ul li,
    .main-menu-submenu .level-4 ul li {
        padding: 0;
        list-style: none
    }
    .main-menu-submenu .level-2 .nev-link-item,
    .main-menu-submenu .level-3 .nev-link-item,
    .main-menu-submenu .level-4 .nev-link-item {
        color: #000;
        padding: 0;
        position: relative;
        font-family: avantgarde, helvetica, Arial, serif;
        font-weight: 700;
        font-size: .625rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .main-menu-submenu .level-2 .nev-link-item::after,
    .main-menu-submenu .level-3 .nev-link-item::after,
    .main-menu-submenu .level-4 .nev-link-item::after {
        opacity: 0;
        border-bottom: .0625rem solid #000;
        position: absolute;
        margin-bottom: .25rem;
        display: block;
        width: 100%;
        left: 0;
        content: ""
    }
    .main-menu-submenu .level-2 .nev-link-item:hover,
    .main-menu-submenu .level-3 .nev-link-item:hover,
    .main-menu-submenu .level-4 .nev-link-item:hover {
        text-decoration: none
    }
    .main-menu-submenu .level-2 .nev-link-item:hover::after,
    .main-menu-submenu .level-3 .nev-link-item:hover::after,
    .main-menu-submenu .level-4 .nev-link-item:hover::after {
        opacity: 1
    }
    .main-menu-submenu .level-2 .nev-link-item.active::after,
    .main-menu-submenu .level-3 .nev-link-item.active::after,
    .main-menu-submenu .level-4 .nev-link-item.active::after {
        opacity: 1
    }
    .main-menu-submenu .level-2 .nev-label-text,
    .main-menu-submenu .level-3 .nev-label-text,
    .main-menu-submenu .level-4 .nev-label-text {
        color: #000;
        padding: 0;
        position: relative;
        font-family: avantgarde, helvetica, Arial, serif;
        font-weight: 700;
        font-size: .625rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .main-menu-submenu .level-4 .nev-link-item {
        font-family: avantgarde, helvetica, Arial, serif;
        font-weight: 400;
        font-size: .625rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .main-menu-submenu .category-level-3 {
        padding: 1.25rem 0 0 1.25rem
    }
    .main-menu-submenu .category-level-3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: auto
    }
    .main-menu-submenu .category-level-3 .heading-link {
        display: inline-block;
        margin-bottom: 8px;
        font-weight: 700
    }
    .main-menu-submenu .category-level-3 .nev-link-item:hover {
        color: rgba(14, 14, 14, .8)
    }
    .main-menu-submenu .promotion-push-text {
        right: 0;
        bottom: 0;
        font-family: avantgarde, helvetica, Arial, serif;
        font-weight: 700;
        font-size: .625rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .main-menu-submenu .promotion-push-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: 50px
    }
    .main-menu-submenu .promotion-push-content_title {
        font-family: avantgarde-demi, helvetica, Arial, serif;
        font-size: 1.25rem;
        font-weight: 600;
        letter-spacing: .056875rem;
        text-transform: initial;
        line-height: 1.5625rem
    }
    .main-menu-submenu .promotion-push-content_link {
        font-size: .75rem;
        letter-spacing: .040625rem;
        padding: .3125rem 0 .375rem;
        background-color: #fff;
        min-width: 6.625rem;
        color: #000;
        display: flex;
        border-radius: 5px;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        line-height: .9375rem;
        margin-top: 1.375rem;
        text-transform: initial
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    .navbar-expand-md .navbar-nav .nav-item .nav-link {
        padding-right: 40px
    }
}

.navbar-new-badge {
    left: calc(100% + 5px);
    height: .5625rem;
    max-height: .5625rem;
    overflow: hidden;
    top: -.25rem;
    width: auto
}

@media(max-width:1023.98px) {
    .navigation {
        display: block !important;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.navigation .nav-item {
    display: flex;
    align-items: center
}

.navigation .nav-item:hover .nav-link {
    text-decoration: none
}

@media(min-width:1023px) {
    .navigation .nav-item:hover .nav-link {
        -webkit-text-stroke: initial
    }
}

@media(min-width:1023px) {
    .navigation .nav-item.top-menu-link.hovered .nav-link,
    .navigation .nav-item.top-link-no-menu.hovered .nav-link {
        font-weight: 700
    }
}

@media(max-width:1023.98px) {
    .navigation .nav-item {
        height: 60px;
        padding: 0 50px
    }
}

.navigation .dropdown,
.navigation .nav-item {
    position: unset
}

.navigation .dropdown .dropdown-toggle::after,
.navigation .nav-item .dropdown-toggle::after {
    content: "";
    display: none
}

.navigation .dropdown-menu {
    width: 100%;
    position: absolute;
    margin-left: 0;
    left: 0;
    margin-top: 0;
    border: 0;
    padding: 0;
    min-height: 550px
}

.navigation .dropdown-menu .submenu-items-container {
    width: 100%
}

@media(min-width:1024px) {
    .navigation .dropdown-menu .submenu-items-container {
        gap: 62px 0;
        overflow-y: hidden;
        width: 55%;
        padding: 70px 130px
    }
    .navigation .dropdown-menu .submenu-items-container>div:first-of-type {
        height: 100%
    }
}

@media(max-width:1023.98px) {
    .navigation .dropdown-menu .submenu-items-container .category-l2 {
        height: 1.25rem;
        padding: 0 3.125rem;
        margin-top: 0;
        background-color: #f2f2f2;
        font-size: .625rem !important;
        font-weight: 500 !important;
        letter-spacing: .048125rem !important;
        color: #000
    }
}

.navigation .dropdown-menu .submenu-items-container .category-l3>span {
    line-height: normal
}

@media(min-width:1024px) {
    .navigation .dropdown-menu .submenu-items-container .category-l3 {
        text-transform: initial
    }
    .navigation .dropdown-menu .submenu-items-container .category-l3:hover {
        color: #000
    }
}

@media(max-width:1023.98px) {
    .navigation .dropdown-menu .submenu-items-container .category-l3 {
        border-bottom: 1px solid #000;
        padding: 0 50px;
        height: 60px
    }
}

.navigation .dropdown-menu .submenu-items-container .nav-item-link {
    display: flex;
    margin-bottom: 17px;
    font-size: 11px;
    letter-spacing: 1.1px
}

@media(max-width:1023.98px) {
    .navigation .dropdown-menu .submenu-items-container .nav-item-link {
        margin-bottom: 0
    }
    .navigation .dropdown-menu .submenu-items-container .nav-item-link.category-l3 {
        font-size: .75rem;
        font-weight: 500;
        text-transform: none !important
    }
    .navigation .dropdown-menu .submenu-items-container .nav-item-link:hover,
    .navigation .dropdown-menu .submenu-items-container .nav-item-link:active,
    .navigation .dropdown-menu .submenu-items-container .nav-item-link.nice-select.open {
        font-weight: 700;
        color: #000
    }
}

@media(min-width:1024px) {
    .navigation .dropdown-menu .submenu-items-container .nav-item-link>span::after {
        content: "";
        display: block;
        border-top: 1px #000 solid;
        width: 0%;
        height: .125rem;
        transition: all;
        transition-duration: 500ms
    }
}

.navigation .dropdown-menu .submenu-items-container .nav-item-link.menu-underline>span::after,
.navigation .dropdown-menu .submenu-items-container .nav-item-link:hover>span::after {
    width: 100%
}

.navigation .dropdown-menu .submenu-image-container {
    justify-content: flex-end;
    flex-grow: 1
}

.navigation .dropdown-menu .submenu-image-container>.row {
    gap: 30px
}

.navigation .dropdown-menu .submenu-image-container .product-tile .pdp-link .link,
.navigation .dropdown-menu .submenu-image-container .product-tile .price,
.navigation .dropdown-menu .submenu-image-container .product-tile .tile-name-price {
    font-size: .6875rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: .03125rem;
    line-height: 1.45;
    color: #000
}

@media(min-width:1024px) {
    .navigation .dropdown-menu {
        top: 43px;
        opacity: 0;
        z-index: -1;
      display:none;
    }
    .navigation .show>.dropdown-menu {
        transition: opacity .8s, top .8s;
        opacity: 1;
        top: 100%;
        z-index: 1
    }
}

.navigation .mobile-navigation-header .close-button {
    margin: 0;
    border: none;
    background-color: #fff
}

.navigation .mobile-navigation-header .close-button .ico-close {
    font-size: 1rem
}

.navigation .actions a {
    margin-right: 20px
}

.navigation .shortcuts .shortcut {
    height: 45px;
    padding: 0 50px;
    border-bottom: 1px solid #fff;
    background-color: #f2f2f2;
    font-size: 12px
}

.navigation .account-link-container {
    padding: 10px 50px
}

.navigation .account-link-container .account-link {
    display: flex;
    width: 100%;
    height: 42px;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    border-radius: 5px
}

@media(max-width:1023.98px) {
    .navigation .highlighted {
        border: 1px solid #000;
        padding: 0 5px;
        border-radius: 4px
    }
}

.page[data-action=Home-Show] .navigation .nav-item {
    align-items: flex-start
}

.page[data-action=Home-Show] .navigation .nav-item .nav-link {
    align-items: flex-start
}

@media(min-width:1024px) {
    .page[data-action=Home-Show] .navigation .nav-item .nav-link {
        bottom: -10px
    }
}

.page[data-action=Home-Show] .fixed-top .navigation .nav-item {
    align-items: center
}

.page[data-action=Home-Show] .fixed-top .navigation .nav-item .nav-link {
    align-items: center
}

@media(min-width:1024px) {
    .page[data-action=Home-Show] .fixed-top .navigation .nav-item .nav-link {
        bottom: 10px
    }
}

.menu-toggleable-left.navbar-toggleable-sm.in.slide-out {
    left: -100%
}

.menu-toggleable-left.navbar-toggleable-sm.in.slide-out .main-menu-submenu {
    left: -100%
}

.header.container {
    padding: 12px 20px 0
}

.header.container .content-logo {
    margin-bottom: 12px;
    z-index: 1001
}

@media(max-width:1023.98px) {
    .header.container {
        padding: 12px 0 .375rem
    }
    .header.container .header-top-content {
        padding: 0 12px
    }
    .header.container .content-logo {
        padding-right: 10px;
        margin-bottom: 0;
        position: relative;
        width: 50%
    }
}

.page-header-main {
    position: relative;
    z-index: 15
}

.page-header-main.bg-white .headerTop {
    background: #fff
}

.page-header-main.show-logo-top .content-logo {
    z-index: 1002
}

.page-header-main .content-links .spacer {
    margin-right: 20px;
    margin-top: -.125rem
}

.page-header-main .content-links .spacer-sm {
    margin-right: 12px;
    margin-top: -.125rem
}

@media(min-width:1024px) {
    .page-header-main .content-links .spacer {
        margin-right: 16px;
        margin-top: -.25rem
    }
    .page-header-main .content-links .spacer-sm {
        margin-right: 0;
        margin-top: -.25rem
    }
}

.page-header-main .content-links .spacer-end {
    margin-right: 10px
}

.page-header-main .brand-locale {
    float: right
}

.page-header-main .brand-locale a {
    text-decoration: none;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    text-transform: uppercase;
    padding-left: 1.5625rem
}

.page-header-main .ico-burger-menu {
    line-height: .5rem;
    margin-right: 1px;
    color: #000;
    font-size: 1.6rem
}

.page-header-main .site-search {
    width: 100%
}

.page-header-main .site-search .btn-search-panel {
    width: 100%;
    height: 1.75rem;
    margin: 0;
    padding: 0 1rem;
    border-radius: .875rem;
    border: solid .05rem #000;
    opacity: 1;
    transition: .3s all
}

.page-header-main .site-search .btn-search-panel.search-open {
    opacity: 0
}

.page-header-main .site-search .btn-search-panel label {
    cursor: pointer;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    text-transform: initial
}

.page-header-main .site-search .btn-search-panel .ico-search {
    font-size: .75rem
}

@media(min-width:1023px) {
    .page-header-main .site-search .btn-search-panel {
        width: 10.75rem;
        height: 1.375rem;
        padding: 0 .6875rem;
        border-radius: .75rem;
        border: solid .0625rem #000
    }
    .page-header-main .site-search .btn-search-panel .form-control-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: .625rem;
        max-height: 1.375rem;
        letter-spacing: .0625rem
    }
}

@media(max-width:1023.98px) {
    .page-header-main .search-mobile {
        margin-top: 10px;
        padding: 0 .75rem
    }
    .page-header-main .search-mobile .btn-search-panel {
        text-align: left
    }
    .page-header-main .search-mobile .btn-search-panel .form-control-label .search-label {
        padding-left: 1.5rem
    }
    .page-header-main .search-mobile .btn-search-panel .form-control-label .ico-search {
        position: absolute;
        left: 0;
        top: 0
    }
    .page-header-main .header-search-desktop .btn-search-panel {
        border: 0
    }
    .page-header-main .header-search-desktop .btn-search-panel .search-label {
        display: none
    }
    .page-header-main .header-search-desktop .btn-search-panel .ico-search {
        font-size: 1.25rem
    }
}

.navbar-header .navbar-toggler {
    font-size: 1rem;
    padding: 0;
    left: 0;
    top: 0
}

.navbar-header .user {
    position: relative
}

.navbar-header .user .popover {
    position: absolute;
    display: none;
    padding: 1em;
    top: 85%;
    left: 0
}

.navbar-header .user .popover a {
    white-space: nowrap;
    margin-bottom: .5em
}

.navbar-header .user .popover::before {
    left: 1.5rem
}

.navbar-header .user .popover::after {
    left: 1.5rem
}

.navbar-header .user .popover.show {
    display: block
}

.header-banner .header-promotion-inner {
    position: relative;
    background-color: #222;
    text-align: center;
    color: #fff;
    padding: .625rem 7.75rem .5625rem;
    z-index: 2;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem
}

@media(max-width:1023.98px) {
    .header-banner .header-promotion-inner {
        padding: .625rem .75rem
    }
}

.header-banner p {
    margin: 0;
    padding: 0
}

.header-banner .close-button {
    display: none
}

.header .brand-logo .img-fluid,
.header.fixed-top .brand-logo .img-fluid {
    width: auto;
    height: 2.75rem
}

@media(min-width:1023px) {
    .header .brand-logo .img-fluid,
    .header.fixed-top .brand-logo .img-fluid {
        height: 4.625rem
    }
}

.header .header-actions-right .account-spacer,
.header.fixed-top .header-actions-right .account-spacer {
    display: none
}

@media(min-width:1024px) {
    .header .header-actions-right .account-spacer,
    .header.fixed-top .header-actions-right .account-spacer {
        display: block
    }
}

.header .header-top-wrapper,
.header.fixed-top .header-top-wrapper {
    align-items: center
}

@media(min-width:1023px) {
    .header .header-top-wrapper,
    .header.fixed-top .header-top-wrapper {
        height: 74px
    }
}

.header .header-top-wrapper .header-links-navigation-content,
.header.fixed-top .header-top-wrapper .header-links-navigation-content {
    justify-content: flex-end
}

@media(min-width:1024px) {
    .header .main-menu,
    .header.fixed-top .main-menu {
        margin-left: 1.25rem
    }
    .header .main-menu .nav-item .nav-link,
    .header.fixed-top .main-menu .nav-item .nav-link {
        padding-bottom: 0 !important;
        padding-right: 1.75rem;
        padding-top: 0;
        bottom: 10px
    }
    .header .main-menu .nav-item:first-child .nav-link,
    .header.fixed-top .main-menu .nav-item:first-child .nav-link {
        padding-left: 0 !important
    }
    .header .header-top-link-icons,
    .header.fixed-top .header-top-link-icons {
        padding-bottom: 0 !important;
        margin-bottom: 5px;
        margin-top: .375rem
    }
    .header .header-top-link-icons .header-actions-icons,
    .header.fixed-top .header-top-link-icons .header-actions-icons {
        line-height: 100%
    }
    .header .header-top-wrapper,
    .header.fixed-top .header-top-wrapper {
        align-items: center
    }
    .header .header-top-wrapper .header-links-navigation,
    .header.fixed-top .header-top-wrapper .header-links-navigation {
        margin-top: 0
    }
    .header .header-top-wrapper .header-links-navigation-content,
    .header.fixed-top .header-top-wrapper .header-links-navigation-content {
        justify-content: space-between
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    .header .main-menu,
    .header.fixed-top .main-menu {
        margin-left: 1.75rem
    }
}

.page[data-action=Product-Show] .brand-logo .img-fluid use {
    fill: #000 !important
}

.page[data-action=Product-Show] .header.container.headerTop {
    background-color: #fff !important
}

.page[data-action=Home-Show] .brand-logo .img-fluid {
    height: 4.0625rem;
    width: 10.6875rem;
    padding-right: .0625rem
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .brand-logo .img-fluid {
        width: 320px;
        height: 100%
    }
}

.page[data-action=Home-Show] .header .header-top-wrapper {
    align-items: flex-start
}

.page[data-action=Home-Show] .header .header-top-wrapper .header-links-navigation {
    margin-top: 1rem
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .header .header-top-wrapper .main-menu {
        margin-left: 0;
        padding-left: 2.125rem
    }
}

.page[data-action=Home-Show] .header.fixed-top .brand-logo .img-fluid {
    width: auto;
    height: 2.75rem
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .header.fixed-top .brand-logo .img-fluid {
        height: 4.625rem
    }
}

.page[data-action=Home-Show] .header.fixed-top .header-top-wrapper {
    align-items: center
}

.page[data-action=Home-Show] .header.fixed-top .header-top-wrapper .header-links-navigation {
    margin-top: 0
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .header.fixed-top .header-top-wrapper .main-menu {
        transition: all 1s
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    .page[data-action=Home-Show] .header.fixed-top .header-top-wrapper .main-menu {
        margin-left: 1.75rem
    }
}

.page[data-action=Home-Show] .header.fixed-top .brand-logo .img-fluid {
    transition: all 1s
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .header.fixed-top .brand-logo .img-fluid {
        width: 12rem
    }
}

.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) [class^=ico-],
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .brand-locale a,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) span[class$=-quantity],
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .minicart-quantity.ico-active,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .input-text,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .input-group.icon-left label,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .btn.btn-search-panel label {
    color: #fff
}

.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .btn.btn-search-panel {
    border-color: #fff
}

.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .nav-item:hover,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .nav-item:focus,
.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .nav-item .nav-link {
    color: #fff
}

.page[data-action=Home-Show] .theme-white.bg-white [class^=ico-],
.page[data-action=Home-Show] .theme-white.bg-white .brand-locale a,
.page[data-action=Home-Show] .theme-white.bg-white span[class$=-quantity],
.page[data-action=Home-Show] .theme-white.bg-white .minicart-quantity.ico-active,
.page[data-action=Home-Show] .theme-white.bg-white .input-text,
.page[data-action=Home-Show] .theme-white.bg-white .input-group.icon-left label,
.page[data-action=Home-Show] .theme-white.bg-white .btn.btn-search-panel label {
    color: #000 !important
}

.page[data-action=Home-Show] .theme-white.bg-white .btn.btn-search-panel {
    border-color: #000 !important
}

.page[data-action=Home-Show] .theme-white.bg-white .nav-item:hover,
.page[data-action=Home-Show] .theme-white.bg-white .nav-item:focus,
.page[data-action=Home-Show] .theme-white.bg-white .nav-item .nav-link {
    color: #000 !important
}

.page[data-action=Home-Show] .page-header-main {
    position: absolute;
    width: 100%;
    z-index: 15;
    transition: height 1s ease
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .page-header-main.bg-white .header:not(.fixed-top) {
        position: relative
    }
    .page[data-action=Home-Show] .page-header-main.bg-white .header:not(.fixed-top)::before {
        position: absolute;
        top: 30px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 6.875rem;
        background: #fff;
        content: ""
    }
    .page[data-action=Home-Show] .page-header-main.bg-white .logo-home use {
        fill: #000 !important
    }
}

@media(min-width:1023px) {
    .page[data-action=Home-Show] .page-header-main .header.fixed-top .logo-home use {
        fill: #000 !important
    }
}

body.overflow-hidden[side-panel-opened=view_search] .page[data-action=Home-Show] .page-header-main {
    z-index: 1031;
    pointer-events: none
}

a.normal {
    color: var(--skin-primary-color-1);
    text-decoration: underline
}

.slide-up {
    transition-duration: .5s;
    transition-timing-function: ease-in;
    max-height: 100px;
    overflow: hidden
}

.slide-up.hide {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.cookie-warning-messaging.cookie-warning {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    display: none
}

.valid-cookie-warning {
    background-color: var(--skin-link-color-1);
    color: #fff;
    white-space: nowrap
}

.valid-cookie-warning p {
    margin-top: 0;
    margin-bottom: .2em;
    padding-right: 2em
}

@media(max-width:1023.98px) {
    .fixed-top .header-search-desktop .btn-search-panel {
        border: 0
    }
    .fixed-top .header-search-desktop .btn-search-panel .search-label {
        display: none
    }
    .fixed-top .header-search-desktop .btn-search-panel .ico-search {
        font-size: 1.25rem
    }
    .fixed-top .search-mobile {
        display: none
    }
    .page[data-action=Home-Show] .fixed-top .header-search-desktop,
    .page[data-action=Search-Show] .fixed-top .header-search-desktop,
    .page[data-action=Product-Show] .fixed-top .header-search-desktop {
        display: none
    }
    .page[data-action=Home-Show] .fixed-top .search-mobile,
    .page[data-action=Search-Show] .fixed-top .search-mobile,
    .page[data-action=Product-Show] .fixed-top .search-mobile {
        display: block !important
    }
}

.user .ico-connected {
    position: absolute;
    display: inline-block;
    text-align: center;
    min-width: .4375rem;
    min-height: .4375rem;
    background: var(--brand-theme-color);
    border-radius: 100%;
    position: absolute;
    bottom: .125rem;
    right: -.1875rem
}

.ico-active,
.wishlist .wishlist-quantity.ico-wishlistfilled {
    display: inline-block;
    text-align: center;
    min-width: .8125rem;
    min-height: .8125rem;
    background: var(--brand-theme-color);
    border-radius: 100%;
    position: absolute;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .625rem;
    line-height: normal;
    font-weight: 500;
    bottom: -.1875rem;
    right: -.3125rem;
    padding: .03125rem
}

.minicart a.minicart-link:hover,
.wishlist a.minicart-link:hover {
    text-decoration: none
}

.minicart .ico-wishlist,
.wishlist .ico-wishlist {
    display: block !important
}

.minicart .minicart-full .minicart-quantity.ico-active,
.wishlist .minicart-full .minicart-quantity.ico-active {
    display: inline-block !important
}

.minicart .wishlist-quantity.ico-wishlistfilled,
.wishlist .wishlist-quantity.ico-wishlistfilled {
    display: inline-block
}

.minicart .wishlist-quantity.ico-wishlistfilled::before,
.wishlist .wishlist-quantity.ico-wishlistfilled::before {
    content: none
}

@media(max-width:1022.98px) {
    .collapsible-xs .title {
        line-height: 3.5rem
    }
    .collapsible-xs .title::after {
        display: block;
        clear: both;
        content: ""
    }
    .collapsible-xs .title::after {
        float: right;
        content: "";
        font-size: 1.125rem;
        font-family: custom-icons
    }
    .collapsible-xs .content,
    .collapsible-xs .card-body {
        display: none
    }
    .collapsible-xs.active .title::after {
        content: "";
        margin-top: -.125em
    }
    .collapsible-xs.active .content,
    .collapsible-xs.active .card-body {
        display: block
    }
}

.container div.collapsible-xs button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-xs button.title:hover {
    text-decoration: none
}

@media(max-width:1023.98px) {
    .collapsible-sm .title {
        line-height: 3.5rem
    }
    .collapsible-sm .title::after {
        display: block;
        clear: both;
        content: ""
    }
    .collapsible-sm .title::after {
        float: right;
        content: "";
        font-size: 1.125rem;
        font-family: custom-icons
    }
    .collapsible-sm .content,
    .collapsible-sm .card-body {
        display: none
    }
    .collapsible-sm.active .title::after {
        content: "";
        margin-top: -.125em
    }
    .collapsible-sm.active .content,
    .collapsible-sm.active .card-body {
        display: block
    }
}

.container div.collapsible-sm button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-sm button.title:hover {
    text-decoration: none
}

@media(max-width:1365.98px) {
    .collapsible-md .title {
        line-height: 3.5rem
    }
    .collapsible-md .title::after {
        display: block;
        clear: both;
        content: ""
    }
    .collapsible-md .title::after {
        float: right;
        content: "";
        font-size: 1.125rem;
        font-family: custom-icons
    }
    .collapsible-md .content,
    .collapsible-md .card-body {
        display: none
    }
    .collapsible-md.active .title::after {
        content: "";
        margin-top: -.125em
    }
    .collapsible-md.active .content,
    .collapsible-md.active .card-body {
        display: block
    }
}

.container div.collapsible-md button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-md button.title:hover {
    text-decoration: none
}

@media(max-width:1679.98px) {
    .collapsible-lg .title {
        line-height: 3.5rem
    }
    .collapsible-lg .title::after {
        display: block;
        clear: both;
        content: ""
    }
    .collapsible-lg .title::after {
        float: right;
        content: "";
        font-size: 1.125rem;
        font-family: custom-icons
    }
    .collapsible-lg .content,
    .collapsible-lg .card-body {
        display: none
    }
    .collapsible-lg.active .title::after {
        content: "";
        margin-top: -.125em
    }
    .collapsible-lg.active .content,
    .collapsible-lg.active .card-body {
        display: block
    }
}

.container div.collapsible-lg button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-lg button.title:hover {
    text-decoration: none
}

@media(max-width:1919.98px) {
    .collapsible-xl .title {
        line-height: 3.5rem
    }
    .collapsible-xl .title::after {
        display: block;
        clear: both;
        content: ""
    }
    .collapsible-xl .title::after {
        float: right;
        content: "";
        font-size: 1.125rem;
        font-family: custom-icons
    }
    .collapsible-xl .content,
    .collapsible-xl .card-body {
        display: none
    }
    .collapsible-xl.active .title::after {
        content: "";
        margin-top: -.125em
    }
    .collapsible-xl.active .content,
    .collapsible-xl.active .card-body {
        display: block
    }
}

.container div.collapsible-xl button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-xl button.title:hover {
    text-decoration: none
}

.collapsible-xxl .title {
    line-height: 3.5rem
}

.collapsible-xxl .title::after {
    display: block;
    clear: both;
    content: ""
}

.collapsible-xxl .title::after {
    float: right;
    content: "";
    font-size: 1.125rem;
    font-family: custom-icons
}

.collapsible-xxl .content,
.collapsible-xxl .card-body {
    display: none
}

.collapsible-xxl.active .title::after {
    content: "";
    margin-top: -.125em
}

.collapsible-xxl.active .content,
.collapsible-xxl.active .card-body {
    display: block
}

.container div.collapsible-xxl button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container div.collapsible-xxl button.title:hover {
    text-decoration: none
}

.footer-top-links {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.footer-menu-heading {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.125rem
}

.footer-menu-links {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.footer-country-selector {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.footer-country-selector .footer-dropdown .list {
    display: none
}

.footer-legal-links,
.footer-copyright-text {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

footer {
    background-color: #fff
}

footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

footer a {
    font-weight: 400;
    text-decoration: none
}

@media(min-width:1023px) {
    footer a:not(.text-underline)::after {
        content: "";
        display: block;
        border-top: .0625rem solid #000;
        width: 0%;
        height: .125rem;
        transition: all;
        transition-duration: 500ms
    }
}

footer a:hover {
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    color: #000
}

footer a:hover::after {
    width: 100%
}

@media(min-width:1023px) {
    footer .footer-top-links a span {
        display: inline-block
    }
    footer .footer-top-links a span::after {
        content: "";
        display: block;
        border-top: .0625rem solid #000;
        width: 0%;
        height: .125rem;
        transition: all;
        transition-duration: 500ms
    }
    footer .footer-top-links a:hover::after {
        width: 0%
    }
    footer .footer-top-links a:hover span::after {
        width: 100%
    }
}

@media(max-width:1023.98px) {
    footer .footer-newsletter-container,
    footer .footer-entries-container,
    footer .footer-social-links-container,
    footer .footer-country-selector {
        border-bottom: .09375rem solid #000
    }
}

@media(min-width:1023px) {
    footer .footer-newsletter-container,
    footer .footer-social-links-container,
    footer .footer-legal-links {
        order: 2
    }
}

footer .footer-top-links {
    border-top: .09375rem solid #000;
    border-bottom: .09375rem solid #000
}

@media(min-width:1023px) {
    footer .footer-top-links {
        border-width: .0625rem
    }
}

footer .footer-top-links .footer-top-links-content a {
    display: block;
    font-weight: 700;
    padding: 1.125rem .4375rem;
    text-align: center
}

@media(min-width:1023px) {
    footer .footer-container {
        padding: 2.6875rem 1.25rem 0
    }
}

footer .footer-newsletter-container {
    padding: 1.8125rem .75rem
}

@media(min-width:1023px) {
    footer .footer-newsletter-container {
        padding: 0
    }
}

footer .footer-entries-container {
    padding: .8125rem .75rem
}

@media(min-width:1023px) {
    footer .footer-entries-container {
        padding: 0
    }
}

footer .footer-entries-container .footer-item {
    font-size: .75rem
}

@media(max-width:1023.98px) {
    footer .footer-entries-container .footer-item+.footer-item {
        border-top: .03125rem solid #000
    }
    footer .footer-entries-container .footer-item.collapsible-xs .title::after {
        transform: rotate(90deg)
    }
    footer .footer-entries-container .footer-item.collapsible-xs.active .title::after {
        content: "";
        transform: rotate(-90deg)
    }
}

footer .footer-entries-container .footer-item .title {
    font-weight: 700;
    letter-spacing: .055em;
    line-height: normal;
    margin: 1.125rem 0
}

@media(min-width:1023px) {
    footer .footer-entries-container .footer-item .title {
        margin: 0 0 .9375rem
    }
}

footer .footer-entries-container .footer-item .footer-menu-links {
    margin-top: -.1875rem
}

footer .footer-entries-container .footer-item .footer-menu-links li {
    align-items: center;
    display: flex;
    letter-spacing: .075rem;
    line-height: 1.125rem;
    margin-bottom: .9375rem
}

@media(min-width:1023px) {
    footer .footer-entries-container .footer-item .footer-menu-links li {
        line-height: 2;
        margin-bottom: .33rem
    }
}

footer .back-to-top {
    margin: .1em .313em;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

footer .back-to-top i.fa-arrow-up {
    color: rgba(0, 0, 0, .7)
}

footer .back-to-top i.fa-circle {
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

footer .footer-newsletter-title {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .034375rem;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: .5625rem
}

footer .newsletter-subscribe-form {
    font-size: .75rem;
    font-weight: 500;
    line-height: .9375rem
}

footer .newsletter-subscribe-form .form-control-label {
    letter-spacing: .075rem;
    pointer-events: none
}

footer .newsletter-subscribe-form .form-control-label::after {
    content: none
}

footer .newsletter-subscribe-form .focus-in .form-control-label {
    top: -5px
}

footer .newsletter-subscribe-form .form-control {
    height: 2.5rem;
    padding: 0;
    color: #000 !important;
    border-color: currentColor
}

footer .newsletter-subscribe-form .form-control.is-invalid {
    background-color: inherit;
    border-color: inherit;
    box-shadow: none
}

footer .newsletter-subscribe-form .confirm-subscription-block {
    align-items: center;
    display: flex;
    line-height: .75rem
}

footer .newsletter-subscribe-form .confirm-subscription-block .custom-control-input {
    height: .75rem;
    margin: 0 .625rem 0 0;
    width: .75rem
}

footer .newsletter-subscribe-form .confirm-subscription-block,
footer .newsletter-subscribe-form .form-info-message,
footer .newsletter-subscribe-form .subscription-validation-response {
    font-weight: 500;
    letter-spacing: .075rem;
    margin: .9375rem 0 0
}

footer .newsletter-subscribe-form .confirm-subscription-block,
footer .newsletter-subscribe-form .form-info-message {
    font-size: .5625rem
}

footer .newsletter-subscribe-form .form-info-message {
    line-height: 1.44
}

footer .newsletter-subscribe-form .form-info-message.confirm {
    color: #000
}

footer .newsletter-subscribe-form .subscribe-email {
    color: #000;
    font-weight: 500;
    font-size: 0
}

footer .newsletter-subscribe-form .subscribe-email::after {
    content: "";
    display: block;
    font-family: custom-icons;
    font-size: .9375rem;
    font-weight: 700
}

@media(min-width:1023px) {
    footer .newsletter-subscribe-form .subscribe-email {
        padding-bottom: .75rem
    }
}

footer .newsletter-subscribe-form .email-description a:hover {
    text-decoration: none !important
}

#consent-tracking .button-wrapper button {
    margin: .5em
}

.email-signup-message {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 15%;
    left: 50%
}

.email-signup-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px gray;
    padding: 1em
}

@keyframes fade {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.email-signup-alert.show {
    display: block
}

.footer-userRegesterd-text {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial;
    color: #000
}

.footer-social-links-container {
    padding: 1.25rem 3.125rem
}

@media(min-width:1023px) {
    .footer-social-links-container {
        align-items: center;
        display: flex;
        padding: 0
    }
}

.footer-social-links {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(min-width:1023px) {
    .footer-social-links {
        justify-content: start
    }
    .footer-social-links li+li {
        margin-left: 2.125rem
    }
}

.footer-social-links img {
    height: 1.625rem;
    width: auto
}

.footer-country-selector {
    padding: .9375rem .75rem;
    line-height: 1
}

@media(min-width:1023px) {
    .footer-country-selector {
        padding: 0
    }
}

.footer-country-selector label {
    display: none
}

.footer-country-selector .country-select.footer-dropdown {
    align-items: center;
    border: 0;
    display: flex;
    font-size: .75rem;
    letter-spacing: .034375rem;
    line-height: normal;
    padding: 0
}

.footer-country-selector .country-select.footer-dropdown::before {
    content: "";
    display: inline-block;
    width: auto;
    height: 1.125rem;
    margin-right: .5625rem;
    font-family: custom-icons;
    font-size: 1.125rem;
    line-height: 1
}

@media(max-width:1023.98px) {
    .footer-country-selector .country-select.footer-dropdown::after {
        content: "";
        margin: 0;
        font-size: 1rem
    }
}

@media(min-width:1023px) {
    .footer-country-selector .country-select.footer-dropdown {
        line-height: 1
    }
    .footer-country-selector .country-select.footer-dropdown::before {
        font-size: 1.125rem
    }
    .footer-country-selector .country-select.footer-dropdown::after {
        display: none
    }
}

.footer-country-selector .country-select.footer-dropdown .current {
    text-decoration: underline
}

.footer-country-selector .country-select.footer-dropdown .current:hover {
    text-decoration: none
}

.user-contextual-sidepanel .country-selector-heading {
    font-family: avantgarde-demi, helvetica, Arial, serif;
    font-size: 1rem;
    letter-spacing: .09375rem;
    line-height: 1.125rem;
    margin-bottom: 2.4625rem;
    padding-bottom: .75rem;
    text-align: center
}

@media(max-width:1023.98px) {
    .user-contextual-sidepanel.country-form-panel .close {
        top: 0
    }
}

.user-contextual-sidepanel .country-drop-down,
.user-contextual-sidepanel .lang-select,
.user-contextual-sidepanel .currency {
    letter-spacing: .0875rem;
    margin-bottom: 3.38125rem
}

.user-contextual-sidepanel .country-drop-down>label::before,
.user-contextual-sidepanel .lang-select>label::before,
.user-contextual-sidepanel .currency>label::before {
    display: inline-block;
    font-family: custom-icons;
    font-size: 1.00625rem;
    height: 1rem;
    margin-right: 1rem;
    width: 1.125rem
}

.user-contextual-sidepanel .country-drop-down .country-preference-detail-item,
.user-contextual-sidepanel .lang-select .country-preference-detail-item,
.user-contextual-sidepanel .currency .country-preference-detail-item {
    font-size: .75rem;
    letter-spacing: .075rem;
    text-transform: capitalize
}

.user-contextual-sidepanel .lang-select .custom-radio:last-child {
    margin-bottom: 0
}

.user-contextual-sidepanel .lang-select .custom-radio .custom-control-input {
    height: .78125rem;
    width: .78125rem;
    margin-right: 1.375rem
}

.user-contextual-sidepanel .country-drop-down-label {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 1.25rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .0875rem
}

.user-contextual-sidepanel .country-drop-down-label::before {
    content: ""
}

.user-contextual-sidepanel .lang-select-label,
.user-contextual-sidepanel .currency-label {
    margin-bottom: 1.0625rem;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .0875rem
}

.user-contextual-sidepanel .lang-select-label::before {
    content: "";
    transform: scaleX(-1) translateX(0.0625rem)
}

.user-contextual-sidepanel .currency-label::before {
    content: ""
}

.user-contextual-sidepanel .country-select {
    color: #000;
    height: 1.8125rem;
    padding-left: 0
}

.user-contextual-sidepanel .country-select-action {
    margin: 0 .75rem 1.4375rem
}

.user-contextual-sidepanel .country-select-action .country-select-action-button+.country-select-action-button {
    padding-left: 1.0625rem
}

.footer-legal-copyrights-section {
    display: flex;
    flex-direction: column
}

@media(min-width:1023px) {
    .footer-legal-copyrights-section {
        flex-direction: row
    }
}

.footer-legal-links,
.copyright-container {
    text-align: left;
    margin: .9375rem .75rem 0;
    font-size: .625rem;
    letter-spacing: .028125rem
}

@media(min-width:1023px) {
    .footer-legal-links,
    .copyright-container {
        font-size: .75rem
    }
}

.footer-legal-links {
    line-height: 1.6
}

@media(min-width:1023px) {
    .footer-legal-links {
        flex: 1;
        text-align: right
    }
}

.footer-legal-links li {
    display: inline-block;
    vertical-align: middle
}

.footer-legal-links li+li::before {
    content: "";
    background: #000;
    display: inline-block;
    height: .75rem;
    margin: 0 .375rem .1875rem;
    vertical-align: middle;
    width: .125rem
}

.footer-legal-links li+li a:hover::after {
    margin-left: .875rem;
    width: calc(100% - 12px)
}

.copyright-container {
    font-size: .625rem;
    margin-bottom: .875rem
}

@media(max-width:1023.98px) {
    .copyright-container {
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media(min-width:1023px) {
    .copyright-container {
        font-size: .75rem;
        order: -1
    }
}

.user-contextual-sidepanel {
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    background-color: #fff;
    transition: transform .25s ease-out;
    z-index: 9999;
    height: 100%;
    width: 100%;
    overflow: visible;
    transform: translateX(100%)
}

.user-contextual-sidepanel::before {
    background: #fff;
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%
}

@media(min-width:1024px) {
    .user-contextual-sidepanel {
        width: 28.5rem;
        overflow-y: hidden;
        overflow-x: hidden;
        z-index: 1090
    }
    .user-contextual-sidepanel::before {
        display: none
    }
    .user-contextual-sidepanel .side-panel-content {
        padding: 12px 20px
    }
    .user-contextual-sidepanel .country-select-action {
        margin: 20px
    }
}

.user-contextual-sidepanel:not([data-panel-type=view_search]) {
    width: 100% !important
}

@media(min-width:1023px) {
    .user-contextual-sidepanel:not([data-panel-type=view_search]) {
        max-width: 33.33%
    }
}

.user-contextual-sidepanel.show {
    transform: translateX(0);
    box-shadow: -2px 5px 8px 0 rgba(0, 0, 0, .11)
}

.user-contextual-sidepanel.content-panel .panel-heading {
    border-bottom: .0625rem solid #000;
    padding: 1rem .75rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
    letter-spacing: .09375rem;
    text-align: center;
    text-transform: none;
    color: #000
}

.user-contextual-sidepanel.content-panel .panel-cotent-container,
.user-contextual-sidepanel.content-panel .side-panel-content {
    padding: .75rem 1.25rem;
    margin: 0;
    height: 95vh;
    overflow-y: auto
}

@media(max-width:1023.98px) {
    .user-contextual-sidepanel.content-panel .panel-cotent-container,
    .user-contextual-sidepanel.content-panel .side-panel-content {
        overflow: hidden;
        overflow-y: scroll;
        height: 96%;
        margin-bottom: 1.25rem;
        position: relative
    }
}

.user-contextual-sidepanel .close {
    top: 0;
    right: 0;
    padding: .9375rem .75rem;
    font-size: .75rem;
    line-height: .75rem;
    cursor: pointer;
    z-index: 9
}

.user-contextual-sidepanel .close [class^=ico-] {
    font-size: 1rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel .close {
        padding-right: 1.25rem
    }
}

.user-contextual-sidepanel .side-panel-content {
    padding: 12px 0
}

.user-contextual-sidepanel.show .panel-heading {
    font-family: avantgarde-demi, helvetica, Arial, serif
}

.sidepanel-overlay {
    height: 0;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 1030;
    transition: opacity .65s ease, height 0s ease .5s, width 0s ease .5s;
    opacity: 0;
    cursor: pointer
}

.sidepanel-overlay.show {
    width: 100%;
    height: 100%;
    opacity: .2;
    transition: opacity .65s ease, height 0s ease 0s, width 0s ease 0s
}

.user-action-tabs .nav-tabs {
    align-items: center
}

.user-action-tabs .nav-tabs .nav-link {
    font-size: 1rem;
    font-family: avantgarde-demi, helvetica, Arial, serif;
    font-weight: 400;
    letter-spacing: .09375rem;
    display: none;
    border: 0;
    line-height: 1;
    padding: 0
}

.user-action-tabs .nav-tabs .nav-link:hover {
    text-decoration: none
}

.user-action-tabs .nav-tabs .nav-link.active {
    display: inline-block
}

.user-action-tabs .nav-tabs .nav-link .minicart-quantity {
    font-weight: 400
}

.user-action-tabs-content .fade:not(.show) {
    display: none
}

.panel-cotent-container .content-accordion ul {
    list-style-type: none;
    padding: 0
}

.tab-data-active .user-action-tabs {
    height: 100%
}

.tab-data-active .user-action-tabs .user-action-tabs-content {
    height: calc(100% - 2.8125rem)
}

.tab-data-active .user-action-nav-tab {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 100%
}

.tab-data-active .tab-pane.active {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.track-parcel-status-container .progress-parcel-status {
    position: relative;
    list-style: none
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item {
    position: relative;
    padding-left: 3.125rem
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item .track-parcel-status-label,
.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item .track-parcel-date {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: .040625rem
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item .track-parcel-description {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .03125rem
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item::before {
    content: "";
    position: absolute;
    left: .5625rem;
    top: 2.1875rem;
    height: 6.25rem;
    width: .0625rem;
    border-left: .0625rem solid #000
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item::after {
    content: "";
    background: #000;
    border-radius: 50%;
    height: 2.125rem;
    width: 2.125rem;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 2rem;
    text-align: center;
    border: .0625rem solid #000;
    position: absolute;
    top: 20%;
    left: -.5rem;
    padding-top: .3125rem
}

.track-parcel-status-container .progress-parcel-status .progress-parcel-status-item:last-child::before {
    border: none
}

.details-bottom-nevigation {
    bottom: 0
}

.details-bottom-nevigation .ico-arrow-left,
.details-bottom-nevigation .ico-arrow-right {
    font-size: 1rem
}

@media(max-width:1023.98px) {
    .country-form-panel .close {
        top: 7.5px
    }
}

.login-page-container {
    position: relative;
    min-height: 100%;
    width: 100%;
    padding: 2.6875rem .75rem 1.25rem
}

@media(min-width:1023px) {
    .login-page-container {
        padding: 3.1875rem 1.25rem 1.25rem
    }
}

.login-page-container .hide[data-form] {
    transform: translateX(1000%);
    transition: all .2s;
    background: #fff;
    left: 0;
    position: relative
}

.login-page-container .hide[data-form].show {
    transform: translateX(0)
}

.login-page-container.show {
    transform: translateX(0)
}

.login-page-container .alert.alert-danger {
    margin-top: -1.125rem;
    padding: .625rem
}

.login-page-container .forgot-password-container {
    margin-left: auto
}

.login-page-container .account-form-header {
    padding: 0 1.25rem
}

.login-page-container .account-form-header .account-form-message {
    font-weight: 500;
    text-align: center;
    letter-spacing: .03125rem;
    margin-bottom: 2.5rem
}

@media(min-width:1023px) {
    .login-page-container .account-form-header .account-form-message {
        width: 18.1875rem;
        margin: 0 auto
    }
}

.login-page-container .checkbox-agreement .custom-control-label {
    font-size: .5625rem;
    line-height: 1
}

.login-page-container .civility.select-with-label.required:not(.show) .custom-select .current::after {
    content: "*";
    color: #bfbfbf
}

.form-user-login .account-form-header-label,
.forgot-password-inner .account-form-header-label,
.login-oauth-title,
.track-order-title {
    font-weight: 600;
    font-size: .875rem;
    text-align: center;
    letter-spacing: .040625rem;
    text-transform: none
}

.form-user-login .account-form-header-label {
    margin-bottom: .8125rem
}

.validate-email-container {
    margin-bottom: .4375rem
}

@media(min-width:1023px) {
    .validate-email-container {
        margin-bottom: 1.3125rem
    }
}

.validate-email-container .form-group {
    margin-top: 2.5rem;
    margin-bottom: 2.75rem
}

@media(min-width:1023px) {
    .user-login-page-only {
        max-width: 28.5rem;
        overflow: hidden;
        position: relative
    }
}

.user-login-page-only .form-user-login {
    width: 100%
}

.user-login-page-only .track-order-container::before {
    width: 100%;
    margin-left: 0
}

.user-login-page-only .btn-form-step-back {
    display: none
}

.user-login-page-only .btn-form-step-back span {
    position: relative;
    top: -1px
}

.user-login-page-only .reset-password-container {
    position: absolute
}

.track-order-container {
    width: 100%
}

@media(max-width:1023.98px) {
    .track-order-container {
        width: 100%
    }
}

.track-order-container .track-order-cta-block {
    position: relative;
    padding-top: 1.6875rem
}

@media(min-width:1023px) {
    .track-order-container .track-order-cta-block {
        padding-top: 1.5rem
    }
}

.track-order-container .track-order-cta-block::before {
    content: "";
    height: .0625rem;
    background: #000;
    position: absolute;
    top: 0;
    width: 100vw;
    margin-left: -.75rem
}

.track-order-container .track-order-title {
    margin-bottom: .875rem
}

.track-order-container .track-order-header-text {
    text-align: center;
    margin: 0 auto 2.3125rem
}

@media(min-width:1023px) {
    .track-order-container .track-order-header-text {
        width: 18.1875rem
    }
}

.track-order-container .track-order-submit-btn {
    margin-top: 3.375rem
}

.tab-data-active.show .form-user-login {
    width: 100%;
    margin-bottom: auto
}

.tab-data-active.show .form-user-login .header-promotion-inner h2 {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: .9375rem
}

@media(max-width:1023.98px) {
    .tab-data-active.show .form-user-login .header-promotion-inner h2 {
        text-align: center;
        margin-top: 1.25rem
    }
}

.tab-data-active.show .form-user-login .header-promotion-inner p {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial;
    color: #000
}

.tab-data-active.show .form-user-login .header-promotion-inner .private-sales-bottom {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial;
    font-weight: 300
}

.user-action-tabs-content input.form-control {
    color: #000 !important
}

.social-login-container .login-oauth-title {
    margin-bottom: 1.375rem
}

.soical-auth-login {
    justify-content: space-between;
    max-width: 26.25rem;
    margin: 0 auto 2.75rem
}

.soical-auth-login .soical-link {
    width: 6.48125rem;
    height: 2.375rem;
    border-radius: .3125rem;
    border: 1px solid #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

@media(min-width:1024px) {
    .soical-auth-login .soical-link {
        width: 7.6875rem
    }
}

.soical-auth-login .soical-link a {
    font-size: 0
}

.soical-auth-login .soical-link img {
    vertical-align: bottom;
    height: 1.3125rem
}

button.btn-form-step-back {
    position: absolute;
    top: .375rem;
    text-transform: capitalize;
    font-size: 11px;
    letter-spacing: 1px
}

@media(min-width:1024px) {
    button.btn-form-step-back {
        top: .875rem
    }
}

button.btn-form-step-back span {
    padding-left: 0 !important
}

.back-button {
    line-height: .75rem;
    display: flex;
    margin-top: .25rem
}

.back-button:hover {
    color: #000;
    cursor: pointer
}

.forgot-password-inner .account-form-header {
    padding: 0
}

.forgot-password-inner .account-form-header .account-form-message {
    width: 100%
}

.forgot-password-inner .send-email-btn {
    margin-top: 4.125rem
}

@media(min-width:1024px) {
    .forgot-password-inner .send-email-btn {
        margin-top: 4.25rem
    }
}

.reset-password-container {
    position: fixed;
    background: #fff;
    height: calc(100% - 86px);
    z-index: 9;
    left: 100%;
    width: 100%;
    padding: 0 1.25rem;
    transition: left .2s
}

.reset-password-container.show {
    left: 0
}

@media(max-width:1023.98px) {
    .reset-password-container {
        padding: 0 .75rem
    }
}

.passwordInfo {
    font-size: .5625rem;
    letter-spacing: .1em;
    margin-top: .1875rem
}

.passwordInfo+.invalid-feedback {
    display: none !important
}

.passwordInfo span {
    padding-right: .125rem
}

.passwordInfo span.invalid {
    color: red
}

.passwordInfo span.invalid::before {
    content: "✗";
    padding-right: .125rem
}

.passwordInfo span.checkOK {
    color: #000
}

.passwordInfo span.checkOK::before {
    content: "✓";
    padding-right: .125rem
}

.select-with-label .form-control-label {
    display: none
}

.select-with-label.show .nice-select .current {
    color: #222
}

.select-with-label.show .form-control-label {
    display: inline;
    position: absolute;
    top: -.125rem;
    z-index: 9;
    font-size: .5625rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .05625rem
}

.select-with-label .custom-select {
    padding: .625rem 0
}

.form-group.dob.error-container input.ignore {
    border-color: red
}

.birthday-container .inner {
    height: 2rem;
    width: 100%;
    margin-top: 0
}

.birthday-container .inner .select-row {
    position: relative;
    width: 1.9375rem
}

.birthday-container .inner .select-row:last-child {
    width: calc(100% - 53px)
}

.birthday-container .select-row::after {
    content: "/";
    top: .5625rem;
    font-size: .6875rem;
    position: absolute;
    right: .125rem
}

.birthday-container .select-row:last-child::after {
    content: ""
}

.birthday-container .ico-calendar {
    font-family: custom-icons;
    font-size: 1rem;
    color: #000;
    position: absolute;
    right: 0
}

.birthday-container .ico-calendar::before {
    font-size: 1rem
}

.new-password-wrapper .account-form-header {
    margin-bottom: 4.6875rem
}

.new-password-wrapper .account-form-header .account-form-header-label {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.57;
    letter-spacing: .040625rem;
    text-transform: initial;
    text-align: center
}

.new-password-wrapper .account-form-header .account-form-message {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .03125rem;
    text-transform: initial
}

.new-password-wrapper .change-password-form .form-control-label {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .075rem
}

.new-password-wrapper .passwordInfo {
    font-size: .5625rem;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: .05625rem
}

.new-password-wrapper .passwordInfo .checkOK {
    color: #36b74f
}

.new-password-wrapper .save-new-password {
    width: 100%;
    margin-top: 4.25rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .01875rem
}

.hero {
    height: 25vw;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.hero h1.page-title {
    top: 50%;
    margin: -1em 0 0
}

@media(min-width:1023px) {
    .slant-down::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 0;
        border-left-width: 90vw;
        border-bottom: 4vw solid #f4f4f4
    }
}

@media(min-width:1023px) {
    .slant-up::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-left-width: 0;
        border-right-width: 90vw;
        border-top: 4vw solid #f4f4f4
    }
}

h1.page-title {
    position: relative;
    color: #fff;
    padding: .3125em .625em .3125em 0;
    background-color: var(--skin-primary-color-1);
    display: inline-block;
    margin: .9375em 0;
    font-size: 1.5rem
}

@media(min-width:1023px) {
    h1.page-title {
        font-size: 2rem
    }
}

@media(min-width:1024px) {
    h1.page-title {
        font-size: 3rem
    }
}

h1.page-title::before {
    content: "";
    background-color: var(--skin-primary-color-1);
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width:1680px)and (max-width:1919.98px) {
    h1.page-title::before {
        width: calc((100vw - 1920px)/2);
        left: calc((100vw - 1920px)/2*-1)
    }
}

@media(min-width:1366px)and (max-width:1679.98px) {
    h1.page-title::before {
        width: calc((100vw - 1680px)/2);
        left: calc((100vw - 1680px)/2*-1)
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    h1.page-title::before {
        width: calc((100vw - 1440px)/2);
        left: calc((100vw - 1440px)/2*-1)
    }
}

@media(min-width:1680px)and (max-width:1919.98px) {
    h1.page-title {
        left: calc((100% - 1920px)/2)
    }
}

@media(min-width:1366px)and (max-width:1679.98px) {
    h1.page-title {
        left: calc((100% - 1680px)/2)
    }
}

@media(min-width:1024px)and (max-width:1365.98px) {
    h1.page-title {
        left: calc((100% - 1440px)/2)
    }
}

@media(max-width:1023.98px) {
    h1.page-title {
        left: 0
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: 12px
}

@media(min-width:1024px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        margin-bottom: 20px
    }
}

h1,
.h1 {
    font-size: 2.1875rem;
    letter-spacing: .0875rem
}

@media(min-width:1024px) {
    h1,
    .h1 {
        font-size: 2.625rem;
        letter-spacing: .10625rem
    }
}

h2,
.h2 {
    font-size: 1.75rem;
    letter-spacing: .08125rem
}

@media(min-width:1024px) {
    h2,
    .h2 {
        font-size: 2rem;
        letter-spacing: .0875rem
    }
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-size: .9375rem;
    letter-spacing: .04375rem;
    font-weight: 600
}

.notify-me-form-body .invalid {
    color: red
}

@media(min-width:1023px) {
    .notify-me-form-body {
        width: 50%
    }
}

.price {
    color: #222;
    font-size: .6875rem;
    line-height: .875rem;
    font-weight: 500
}

@media(min-width:1023px) {
    .price {
        letter-spacing: .01375rem
    }
}

.price .strike-through {
    text-decoration: line-through
}

.price .starting,
.price .range {
    font-weight: 700
}

.price .tiered {
    color: #222
}

.price .tiered table {
    border-top: 1px solid #ccc;
    margin: 0 auto
}

.price .tiered table tr:nth-child(odd) {
    background-color: #eee
}

.price .tiered td,
.price .tiered span.price {
    font-size: .875rem;
    font-weight: 700
}

.price .tiered td {
    padding: .313rem
}

.price .tiered td.quantity {
    font-weight: 400;
    text-align: right
}

.price .tiered td.value {
    text-align: left
}

.price .tiered .table-header {
    font-size: 1.125rem;
    padding: .313rem
}

.price .tiered .column-header {
    font-size: 1rem;
    padding: .313rem;
    font-weight: 400
}

.price .tiered .column-header.quantity {
    text-align: right
}

.discount-percent {
    margin: 0 .6875rem;
    padding: 0 .125rem;
    color: #fff;
    background: #000
}

.cart-page .product-container .strike-through {
    color: #000
}

.swatch-circle-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: .2
}

.swatch-filter-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: .2
}

.swatch-circle-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: .2
}

.swatch-filter-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: .2
}

.swatch-circle-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: .2
}

.swatch-filter-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: .2
}

.swatch-circle-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: .2
}

.swatch-filter-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: .2
}

.swatch-circle-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: .2
}

.swatch-filter-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    background-color: #008827;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: .2
}

.swatch-circle-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: .2
}

.swatch-filter-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: .2
}

.swatch-circle-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: .2
}

.swatch-filter-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: .2
}

.swatch-circle-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: .2
}

.swatch-filter-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: .2
}

.swatch-circle-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: .2
}

.swatch-filter-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: .2
}

.swatch-circle-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: .2
}

.swatch-filter-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: .2
}

.swatch-circle-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: .2
}

.swatch-filter-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: .2
}

.swatch-circle-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: .2
}

.swatch-filter-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: .2
}

.swatch-circle-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: .2
}

.swatch-filter-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: .063em solid rgba(0, 0, 0, .3);
    border-radius: 0;
    display: block;
    height: 2rem;
    position: relative;
    width: 2rem
}

.swatch-circle-miscellaneous.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg)
}

span.color-value.swatch-mark {
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    display: block;
    position: relative
}

span.color-value.swatch-mark.disabled {
    opacity: .2
}

@keyframes fadeInMessage {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutMessage {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(100%)
    }
}

.attribute {
    margin-top: .938em
}

.attribute label {
    display: block
}

.swatch a {
    text-decoration: none
}

@media(max-width:1022.98px) {
    .primary-images {
        margin: 0;
        padding: 0
    }
}

.cart-and-ipay {
    text-align: center
}

.cart-and-ipay .add-to-cart,
.cart-and-ipay .add-to-cart:hover {
    background: #000
}

.add-to-cart-messages {
    position: fixed;
    top: 3.3125rem !important;
    right: 0;
    width: 100%;
    min-height: 5.625rem;
    border: none;
    z-index: 1050;
    background: #fff;
    overflow: hidden;
    animation: fadeInMessage linear .1s forwards
}

.add-to-cart-messages.out {
    animation: fadeOutMessage linear .1s forwards
}

.add-to-cart-messages .notification-image {
    max-width: 2.875rem
}

.add-to-cart-messages .notification-image img {
    width: auto;
    height: 3.25rem;
    max-height: 3.25rem
}

.add-to-cart-messages .notification-msg {
    padding: 6px 8px 2px;
    overflow: hidden;
    width: calc(100% - 46px);
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .5px
}

.add-to-cart-messages .notification-msg.notification-error a,
.add-to-cart-messages .notification-msg.notification-error p {
    color: #f73610
}

.add-to-cart-messages .notification-msg.notification-error a::after {
    background-color: #f73610
}

.add-to-cart-messages .cart-page-link {
    padding-top: 4px;
    position: relative;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .31px
}

.add-to-cart-messages .cart-page-link::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -2px
}

@media(min-width:1023px) {
    .add-to-cart-messages {
        width: 17.4375rem;
        min-height: 6.25rem;
        top: 82px !important;
        box-shadow: -2px 5px 8px 0 rgba(0, 0, 0, .11)
    }
    .add-to-cart-messages .notification-image {
        max-width: 4rem
    }
    .add-to-cart-messages .notification-image img {
        height: 4.5rem;
        max-height: 4.5rem
    }
}

.simple-quantity {
    margin-top: 1em
}

.main-attributes {
    margin-top: 1em
}

.size-chart {
    margin-top: 1.071em
}

div.availability {
    margin-top: 1.071em
}

.bundle-item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.bundle-item:last-child {
    border-bottom: none
}

.container.product-detail {
    margin-top: 0;
    margin-bottom: 2em
}

@media(max-width:1022.98px) {
    .container.product-detail {
        margin-top: 0;
        margin-bottom: 0
    }
}

/* .product-option:not(:first-child) {
    margin-top: 1.071em
} */

.book-in-store-mob {
    margin: 2rem 0
}

.book-in-store-mob button {
    border: 0;
    text-align: left;
    padding: 0;
    width: auto !important;
    display: block;
    position: relative
}

.book-in-store-mob button::before {
    content: "";
    width: 100%;
    position: absolute;
    height: .0625rem;
    background: #000;
    left: 0;
    bottom: -1px;
    padding: 0
}

.swatch-circle-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: .2
}

.swatch-filter-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: .2
}

.swatch-circle-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: .2
}

.swatch-filter-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: .2
}

.swatch-circle-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: .2
}

.swatch-filter-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: .2
}

.swatch-circle-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: .2
}

.swatch-filter-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: .2
}

.swatch-circle-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: .2
}

.swatch-filter-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    background-color: #008827;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: .2
}

.swatch-circle-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: .2
}

.swatch-filter-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: .2
}

.swatch-circle-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: .2
}

.swatch-filter-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: .2
}

.swatch-circle-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: .2
}

.swatch-filter-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: .2
}

.swatch-circle-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: .2
}

.swatch-filter-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: .2
}

.swatch-circle-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: .2
}

.swatch-filter-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: .2
}

.swatch-circle-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: .2
}

.swatch-filter-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: .2
}

.swatch-circle-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: .2
}

.swatch-filter-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: .2
}

.swatch-circle-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: .2
}

.swatch-filter-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: .063em solid rgba(0, 0, 0, .3);
    border-radius: 0;
    display: block;
    height: 2rem;
    position: relative;
    width: 2rem
}

.swatch-circle-miscellaneous.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg)
}

span.color-value.swatch-mark {
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    display: block;
    position: relative
}

span.color-value.swatch-mark.disabled {
    opacity: .2
}

@keyframes fadeInMessage {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutMessage {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(100%)
    }
}

.attribute {
    margin-top: .938em
}

.attribute label {
    display: block
}

.swatch a {
    text-decoration: none
}

@media(max-width:1022.98px) {
    .primary-images {
        margin: 0;
        padding: 0
    }
}

.cart-and-ipay {
    text-align: center
}

.cart-and-ipay .add-to-cart,
.cart-and-ipay .add-to-cart:hover {
    background: #000
}

.add-to-cart-messages {
    position: fixed;
    top: 3.3125rem !important;
    right: 0;
    width: 100%;
    min-height: 5.625rem;
    border: none;
    z-index: 1050;
    background: #fff;
    overflow: hidden;
    animation: fadeInMessage linear .1s forwards
}

.add-to-cart-messages.out {
    animation: fadeOutMessage linear .1s forwards
}

.add-to-cart-messages .notification-image {
    max-width: 2.875rem
}

.add-to-cart-messages .notification-image img {
    width: auto;
    height: 3.25rem;
    max-height: 3.25rem
}

.add-to-cart-messages .notification-msg {
    padding: 6px 8px 2px;
    overflow: hidden;
    width: calc(100% - 46px);
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .5px
}

.add-to-cart-messages .notification-msg.notification-error a,
.add-to-cart-messages .notification-msg.notification-error p {
    color: #f73610
}

.add-to-cart-messages .notification-msg.notification-error a::after {
    background-color: #f73610
}

.add-to-cart-messages .cart-page-link {
    padding-top: 4px;
    position: relative;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .31px
}

.add-to-cart-messages .cart-page-link::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -2px
}

@media(min-width:1023px) {
    .add-to-cart-messages {
        width: 17.4375rem;
        min-height: 6.25rem;
        top: 82px !important;
        box-shadow: -2px 5px 8px 0 rgba(0, 0, 0, .11)
    }
    .add-to-cart-messages .notification-image {
        max-width: 4rem
    }
    .add-to-cart-messages .notification-image img {
        height: 4.5rem;
        max-height: 4.5rem
    }
}

.simple-quantity {
    margin-top: 1em
}

.main-attributes {
    margin-top: 1em
}

.size-chart {
    margin-top: 1.071em
}

div.availability {
    margin-top: 1.071em
}

.bundle-item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.bundle-item:last-child {
    border-bottom: none
}

.container.product-detail {
    margin-top: 0;
    margin-bottom: 2em
}

@media(max-width:1022.98px) {
    .container.product-detail {
        margin-top: 0;
        margin-bottom: 0
    }
}

/* .product-option:not(:first-child) {
    margin-top: 1.071em
} */

.book-in-store-mob {
    margin: 2rem 0
}

.book-in-store-mob button {
    border: 0;
    text-align: left;
    padding: 0;
    width: auto !important;
    display: block;
    position: relative
}

.book-in-store-mob button::before {
    content: "";
    width: 100%;
    position: absolute;
    height: .0625rem;
    background: #000;
    left: 0;
    bottom: -1px;
    padding: 0
}

.editProductModal {
    padding-left: 0 !important
}

.quick-view-dialog {
    height: 100%;
    margin: auto;
    background: transparent
}

@media(max-width:1023.98px) {
    .quick-view-dialog .modal-content {
        height: 100%;
        display: block
    }
}

.quick-view-dialog .modal-content {
    overflow: hidden
}

.quick-view-dialog,
.choose-bonus-product-dialog {
    max-width: 54.375rem
}

.quick-view-dialog button.close,
.choose-bonus-product-dialog button.close {
    font-size: 1.25em;
    padding: 0;
    right: 1.25rem;
    top: 1.25rem;
    height: 1rem;
    z-index: 1
}

.quick-view-dialog button.close .ico-close,
.choose-bonus-product-dialog button.close .ico-close {
    font-size: .875rem;
    position: relative;
    top: -.375rem;
    color: #000
}

@media(min-width:1023px) {
    .quick-view-dialog button.close .ico-close,
    .choose-bonus-product-dialog button.close .ico-close {
        font-size: 1.125rem
    }
}

.quick-view-dialog .image-wrapper,
.choose-bonus-product-dialog .image-wrapper {
    width: 100%
}

.quick-view-dialog .image-wrapper .item-image,
.choose-bonus-product-dialog .image-wrapper .item-image {
    width: 100%;
    height: 100%;
    max-height: 26.75rem
}

.quick-view-dialog .image-wrapper .item-image .img-fluid,
.choose-bonus-product-dialog .image-wrapper .item-image .img-fluid {
    width: 100%;
    height: 26.75rem
}

@media(min-width:1023px) {
    .quick-view-dialog .image-wrapper,
    .choose-bonus-product-dialog .image-wrapper {
        max-width: 24rem
    }
    .quick-view-dialog .image-wrapper .item-image,
    .choose-bonus-product-dialog .image-wrapper .item-image {
        max-height: 31.5625rem
    }
    .quick-view-dialog .image-wrapper .item-image .img-fluid,
    .choose-bonus-product-dialog .image-wrapper .item-image .img-fluid {
        height: 31.5625rem;
        width: 100%
    }
}

.quick-view-dialog .quickview-wrapper,
.choose-bonus-product-dialog .quickview-wrapper {
    width: 100%
}

@media(min-width:1023px) {
    .quick-view-dialog .quickview-wrapper,
    .choose-bonus-product-dialog .quickview-wrapper {
        max-width: 25rem
    }
}

.quick-view-dialog .detail-panel .attributes ul,
.choose-bonus-product-dialog .detail-panel .attributes ul {
    padding-left: 0
}

.quick-view-dialog .detail-panel .attributes .products-slider-nav,
.choose-bonus-product-dialog .detail-panel .attributes .products-slider-nav {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-top: 1.5625rem
}

.quick-view-dialog .detail-panel .attributes .color-swatch-container .color-attribute,
.choose-bonus-product-dialog .detail-panel .attributes .color-swatch-container .color-attribute {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
    background-color: #fff;
    margin-right: .9375rem
}

.quick-view-dialog .detail-panel .attributes .color-swatch-container .color-attribute .color-value,
.choose-bonus-product-dialog .detail-panel .attributes .color-swatch-container .color-attribute .color-value {
    width: .625rem;
    min-height: .625rem;
    border-radius: 100%;
    vertical-align: text-top;
    margin-top: .03125rem
}

.quick-view-dialog .detail-panel .attributes .color-swatch-container .color-attribute .color-name,
.choose-bonus-product-dialog .detail-panel .attributes .color-swatch-container .color-attribute .color-name {
    display: none
}

.quick-view-dialog .detail-panel .attributes .selected-color-name,
.choose-bonus-product-dialog .detail-panel .attributes .selected-color-name {
    position: absolute;
    top: 0
}

.quick-view-dialog .detail-panel .attributes .attribute-size,
.choose-bonus-product-dialog .detail-panel .attributes .attribute-size {
    position: absolute;
    width: 30%;
    bottom: 0;
    z-index: 999;
    margin-bottom: 0
}

.quick-view-dialog .detail-panel .attributes .attribute-size .dropdown-menu-toggle,
.choose-bonus-product-dialog .detail-panel .attributes .attribute-size .dropdown-menu-toggle {
    margin-bottom: 0
}

.quick-view-dialog .detail-panel .attributes .attribute-size .dropdown-menu-toggle .dropdown-toggle.show,
.choose-bonus-product-dialog .detail-panel .attributes .attribute-size .dropdown-menu-toggle .dropdown-toggle.show {
    text-align: center
}

.quick-view-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-toggle .selected,
.choose-bonus-product-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-toggle .selected {
    padding-right: 3.75rem
}

.quick-view-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-toggle::after,
.choose-bonus-product-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-toggle::after {
    right: calc(50% - 40px)
}

.quick-view-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-menu.show,
.choose-bonus-product-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-menu.show {
    margin-left: 0;
    left: 0;
    width: 100%;
    border-radius: .1875rem;
    border: .0625rem solid #000;
    margin-bottom: 0
}

@media(max-width:1023.98px) {
    .quick-view-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-menu.show,
    .choose-bonus-product-dialog .detail-panel .quickview-size.quantity-custom-dropdown .dropdown-menu.show {
        top: auto;
        bottom: 100%
    }
}

.quick-view-dialog .detail-panel .update-cart-product-global,
.choose-bonus-product-dialog .detail-panel .update-cart-product-global {
    width: 66% !important;
    float: right;
    margin-top: 1.25rem
}

.quick-view-dialog .selectable-bonus-product-line-item,
.choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: .2em;
    margin-bottom: .2em;
    padding-top: .3em;
    padding-bottom: .3em
}

.quick-view-dialog .beenSelected,
.choose-bonus-product-dialog .beenSelected {
    background-color: #eee
}

.quick-view-dialog .modal-header,
.choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem
}

.quick-view-dialog .modal-header .full-pdp-link,
.choose-bonus-product-dialog .modal-header .full-pdp-link {
    color: var(--skin-primary-color-1)
}

.quick-view-dialog .modal-title,
.choose-bonus-product-dialog .modal-title {
    font-size: 1em
}

.quick-view-dialog .product-name,
.choose-bonus-product-dialog .product-name {
    font-size: .75rem
}

.quick-view-dialog .swatch-circle,
.choose-bonus-product-dialog .swatch-circle {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: .063em solid rgba(0, 0, 0, .3);
    display: inline-block;
    margin-right: .313em;
    position: relative
}

.quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
.choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
    color: #000;
    content: "";
    display: table-caption;
    font-family: fontawesome;
    font-size: 1.625em;
    left: .295em;
    position: absolute
}

.quick-view-dialog .swatch-circle.color-value.selected::after,
.choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
    background: #000;
    border: .0625rem solid #fff;
    content: "";
    left: calc(50% - 2px);
    top: calc(50% - 2px);
    height: .25rem;
    position: absolute;
    width: .25rem
}

.quick-view-dialog .swatch-circle i.fa-times-circle,
.choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: .75em;
    line-height: .8em;
    width: .8em
}

.quick-view-dialog a[disabled] .swatch-circle,
.choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed
}

.quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
.choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
    background-color: #a8a8a8
}

.quick-view-dialog .availablity-container,
.choose-bonus-product-dialog .availablity-container {
    text-align: right;
    margin-top: .938em
}

.quick-view-dialog .modal-body,
.quick-view-dialog .modal-footer,
.choose-bonus-product-dialog .modal-body,
.choose-bonus-product-dialog .modal-footer {
    background: #fff
}

@media(min-width:1023px) {
    .quick-view-dialog .modal-body,
    .choose-bonus-product-dialog .modal-body {
        width: 100%
    }
}

@media(max-width:1023.98px) {
    .quick-view-dialog .modal-body,
    .choose-bonus-product-dialog .modal-body {
        overflow: hidden
    }
}

.quick-view-dialog .modal-footer,
.choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    padding: 0
}

@media(max-width:1023.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
        font-size: .625em
    }
}

@media(max-width:1023.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
        padding: 0
    }
}

.quick-view-dialog .pre-cart-products,
.choose-bonus-product-dialog .pre-cart-products {
    margin-right: .125em
}

.quick-view-dialog .non-input-label,
.choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: .5rem
}

.product-quickview .product-color-size-container {
    border: 0
}

@media(max-width:1023.98px) {
    .detail-panel .quickview-size {
        margin-top: 0 !important
    }
}

.dropdown-open .quick-view-dialog .detail-panel .attribute-size,
.dropdown-open .choose-bonus-product-dialog .detail-panel .attribute-size {
    width: 100% !important
}

.dropdown-open .quick-view-dialog .detail-panel .attribute-size .dropdown-menu-toggle,
.dropdown-open .choose-bonus-product-dialog .detail-panel .attribute-size .dropdown-menu-toggle {
    margin-bottom: 0
}

.dropdown-open .quick-view-dialog .detail-panel .attribute-size .dropdown-menu-toggle.show,
.dropdown-open .choose-bonus-product-dialog .detail-panel .attribute-size .dropdown-menu-toggle.show {
    position: relative;
    width: 100%
}

.dropdown-open .quick-view-dialog .detail-panel .attribute-size .dropdown-menu-toggle .dropdown-toggle.show,
.dropdown-open .choose-bonus-product-dialog .detail-panel .attribute-size .dropdown-menu-toggle .dropdown-toggle.show {
    text-align: center
}

.dropdown-open .quick-view-dialog .detail-panel .attribute-size .dropdown-menu-toggle .dropdown-menu.show,
.dropdown-open .choose-bonus-product-dialog .detail-panel .attribute-size .dropdown-menu-toggle .dropdown-menu.show {
    top: auto;
    bottom: 94%
}

.modal-backdrop {
    z-index: 1030
}

.product-tile {
    position: relative
}

.product-tile .carousel-control-prev,
.product-tile .carousel-control-next {
    top: 50%;
    bottom: auto;
    width: auto;
    transform: translateY(-50%);
    color: #000
}

@media(min-width:1023px) {
    .product-tile .carousel-control-prev,
    .product-tile .carousel-control-next {
        display: none
    }
}

@media(max-width:1023.98px) {
    .product-tile .carousel-control-prev,
    .product-tile .carousel-control-next {
        display: flex
    }
    .product-tile .carousel-control-prev .ico-chevron-left,
    .product-tile .carousel-control-next .ico-chevron-left {
        font-size: .875rem
    }
}

.product-tile .carousel-control-prev:hover,
.product-tile .carousel-control-next:hover {
    opacity: 1
}

.product-tile .carousel-control-next {
    right: .375rem
}

@media(min-width:1023px) {
    .product-tile .carousel-control-next {
        right: 1rem
    }
}

.product-tile .carousel-control-next i {
    transform: rotate(180deg)
}

.product-tile .carousel-control-prev {
    left: .375rem
}

@media(min-width:1023px) {
    .product-tile .carousel-control-prev {
        left: 1rem
    }
}

@media(min-width:1023px) {
    .product-tile:hover .plp-color-swatches,
    .product-tile:hover .plp-size-swatches,
    .product-tile:hover .stock-notify-message,
    .product-tile:hover .wishlistTile,
    .product-tile:hover .carousel-arrows {
        display: flex
    }
    .product-tile:hover .tile-body,
    .product-tile:hover .product-mkt-badge,
    .product-tile:hover .product-tag-grid,
    .product-tile:hover .sold-out-label {
        display: none
    }
    .product-tile:hover .carousel-control-prev,
    .product-tile:hover .carousel-control-next {
        display: flex;
        opacity: 1
    }
}

.product-tile.sold-out .hires-image-wrapper,
.product-tile.sold-out .tile-body {
    opacity: .4
}

.product-tile.sold-out .sold-out-label {
    position: absolute;
    top: 0;
    left: .4375rem;
    text-transform: initial;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1.1875rem;
    letter-spacing: .055rem;
    color: #000;
    z-index: 999
}

@media(min-width:1023px) {
    .product-tile.sold-out .sold-out-label {
        top: .25rem;
        left: .625rem;
        z-index: 0
    }
}

.product-tile.sold-out .product-mkt-badge {
    margin-top: 1.3125rem
}

.product-tile .image-container {
    position: relative
}

.product-tile .product-mkt-badge {
    top: 0;
    left: .4375rem;
    text-transform: initial;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1.1875rem;
    letter-spacing: .055rem;
    color: #000
}

.product-tile .product-mkt-badge+.product-mkt-badge {
    margin-top: 1.25rem
}

@media(min-width:1023px) {
    .product-tile .product-mkt-badge {
        top: .25rem;
        left: .625rem;
        line-height: 1.0625rem
    }
    .product-tile .product-mkt-badge+.product-mkt-badge {
        margin-top: 1.125rem
    }
}

.product-tile .product-tag-grid {
    top: .75rem;
    right: .5625rem;
    font-size: .5625rem
}

@media(min-width:1023px) {
    .product-tile .product-tag-grid {
        right: .625rem
    }
}

.product-tile .product-tag-grid .label {
    display: none
}

@media(min-width:1023px) {
    .product-tile .product-tag-grid .label {
        display: block
    }
}

.product-tile .wishlistTile {
    right: .75rem;
    bottom: .75rem;
    line-height: .625rem;
    z-index: 10
}

@media(min-width:1023px) {
    .product-tile .wishlistTile {
        right: .625rem;
        display: none
    }
}

@media(max-width:1023.98px) {
    .product-tile .wishlistTile {
        display: none
    }
}

@media(max-width:1023.98px) {
    .product-tile .add-to-wish-list .fa {
        font-size: .875rem
    }
}

.product-tile .tile-image {
    width: 100%;
    min-height: 220px;
    background-size: contain;
    background-image: url(../images/placeholder.svg)
}

@media(min-width:1023px) {
    .product-tile .tile-image {
        min-height: 21.875rem
    }
}

.product-tile .carousel-arrows {
    width: 100%;
    display: flex;
    position: absolute
}

.product-tile .carousel-arrows button {
    border: none;
    background: transparent
}

@media(min-width:1023px) {
    .product-tile .carousel-arrows {
        display: none;
        padding: 0 10px
    }
}

.product-tile .plp-size-swatches,
.product-tile .stock-notify-message {
    bottom: .5rem;
    left: .75rem;
    display: none
}

@media(min-width:1023px) {
    .product-tile .plp-size-swatches,
    .product-tile .stock-notify-message {
        position: absolute;
        left: 0;
        bottom: .4375rem;
        display: none;
        padding: 0 .125rem;
        line-height: .875rem
    }
}

.product-tile .plp-size-swatches .size-swatch,
.product-tile .stock-notify-message .size-swatch {
    color: #000;
    font-size: .6875rem;
    cursor: pointer
}

.product-tile .plp-size-swatches .size-swatch.disabled,
.product-tile .stock-notify-message .size-swatch.disabled {
    color: #8d8d8d;
    cursor: not-allowed
}

.product-tile .stock-notify-message {
    padding-left: .625rem
}

.product-tile .color-swatch-more {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .625rem
}

.product-tile .color-swatch-more::after {
    content: "+"
}

.product-tile .plp-color-swatches {
    position: absolute;
    top: .5rem;
    left: .75rem;
    display: none
}

@media(min-width:1023px) {
    .product-tile .plp-color-swatches {
        bottom: .75rem;
        left: 1.25rem
    }
}

.product-tile .plp-color-swatches .colors {
    display: flex;
    line-height: .625rem
}

.product-tile .plp-color-swatches .colors.selected {
    position: relative
}

.product-tile .plp-color-swatches .colors.selected::after {
    width: .25rem;
    height: .25rem;
    position: absolute;
    background-color: #0e0e0e;
    content: "";
    display: none;
    top: calc(50% - .125rem);
    left: calc(50% - .125rem);
    border: 1px solid #fff
}

.product-tile .plp-color-swatches .swatch {
    width: .625rem;
    height: .625rem;
    border-radius: 9999px
}

.product-tile .swatches {
    width: auto;
    overflow: hidden;
    display: flex
}

.product-tile .swatches .colors:not(:first-child) {
    margin-left: 10px
}

.product-tile .swatches .colors:nth-child(n+3) {
    display: none
}

@media(max-width:1023.98px) {
    .product-tile .tile-body {
        display: flex;
        flex-direction: row;
        padding: 4px 10px 10px
    }
    .product-tile .tile-body .tile-name-price {
        justify-content: space-between
    }
}

@media(min-width:1023px) {
    .product-tile .tile-body {
        position: absolute;
        left: 0;
        bottom: .4375rem;
        align-items: baseline;
        max-height: 1.5rem;
        width: 100%;
        padding: 0 .625rem
    }
    .product-tile .tile-body .tile-name-price {
        flex-wrap: nowrap
    }
    .product-tile .tile-body .pdp-link {
        flex: 1 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .product-tile .tile-body .pdp-link .link {
        display: block;
        width: 95%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: .6875rem;
        font-weight: 500;
        line-height: .875rem
    }
}

.product-tile .pdp-link {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

.product-tile .pdp-link .link {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .6875rem;
    text-transform: initial;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media(max-width:1023.98px) {
    .product-tile .pdp-link {
        width: 100%;
        margin-bottom: .25rem
    }
}

.product-tile .img-rse {
    margin: -.375rem 0 0 .375rem
}

.product-tile .img-rse img {
    height: 1.125rem;
    width: 1.125rem !important
}

@media(min-width:1023px) {
    .product-tile .img-rse img {
        height: 1.375rem;
        width: 1.375rem !important
    }
}

.product-tile .price {
    margin-left: auto;
    font-size: .6875rem;
    line-height: .875rem;
    font-weight: 500
}

@media(max-width:1023.98px) {
    .product-tile .price {
        width: 100%
    }
}

@media(min-width:1023px) {
    .product-tile .price {
        position: relative;
        text-wrap: nowrap;
        flex: 0 1
    }
}

.product-tile .price .sales :hover {
    text-decoration: underline
}

.product-tile .price .strike-through {
    display: inline-flex;
    margin: 0
}

.product-tile .price .strike-through:hover {
    text-decoration: underline
}

@media(min-width:1023px) {
    .product-tile .price .strike-through {
        margin-right: .3125rem !important
    }
}

.product-tile .price .range {
    font-weight: 500
}

.product-tile .discount-percent {
    margin: 0 .1875rem 0 .25rem;
    letter-spacing: .055rem
}

@media(min-width:1023px) {
    .product-tile .discount-percent {
        position: absolute;
        right: 0;
        bottom: 1.25rem;
        margin: 0
    }
}

.product-tile .plp-swatches-mob {
    bottom: .5rem;
    position: absolute
}

.product-tile .plp-swatches-mob .swatches {
    width: auto;
    display: flex
}

.product-tile .plp-swatches-mob .colors {
    line-height: .625rem
}

.product-tile .plp-swatches-mob .swatch {
    width: .75rem;
    height: .75rem
}

.product-tile .stock {
    margin-left: auto;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media(max-width:1023.98px) {
    .product-tile .tile-name-price {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: space-around
    }
    .product-tile .tile-name-price .stock {
        margin-left: unset
    }
}

.product-tile .color-swatches .swatches .swatch {
    width: .625rem !important;
    height: .625rem !important;
    border-radius: 50%
}

.pd-product-tile .tile-body {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pd-product-tile .tile-body .pdp-link {
    display: flex;
    align-items: center;
    max-width: 100%
}

.pd-product-tile .tile-body .pdp-link .rse-badge {
    max-height: .8rem
}

.pd-product-tile .tile-body .price {
    text-align: right
}

#chooseBonusProductModal .modal-footer .container {
    margin-left: 0;
    width: 100%;
    margin-right: 0
}

#chooseBonusProductModal .select-cbp-container {
    margin-top: auto;
    margin-bottom: auto
}

#chooseBonusProductModal .product-name-wrapper {
    width: 100%
}

#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option {
    margin-top: .938em
}

#chooseBonusProductModal .bonus-quantity-select {
    min-width: 5em
}

#chooseBonusProductModal .select-bonus-product {
    margin-top: 1em
}

#chooseBonusProductModal .selected-pid {
    border: 1px solid #ccc
}

#chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#chooseBonusProductModal .bonus-product-price {
    text-align: center;
    margin-top: 1em
}

.form-nav .nav-tabs .nav-link {
    color: #333
}

.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    color: #333
}

.nav-tabs .nav-link.active {
    background-color: transparent
}

@media(min-width:1366px) {
    .form-nav .nav-item>.nav-link {
        color: #333
    }
}

@keyframes slide-in {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0%)
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

.font-primary-xl-u-bold {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-bold-u-lg {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-bold-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-regular-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.3333333333;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-flat-lower-bold-l-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-regular-u-md {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: uppercase
}

.secondary-font-light-l-md {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-flat-bold-u-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-u-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-transform: uppercase
}

.generic-font-size {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    text-transform: initial
}

.primary-font-flat-bold-l-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-regular-bold-l-sm {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.secondary-font-light-l-sm {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.primary-font-flat-bold-u-xs {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-bold-u-xs {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 400;
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-regular-bold-u-md2 {
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.4285714286;
    letter-spacing: .1em;
    text-transform: uppercase
}

.primary-font-demi-l-lg2 {
    font-family: avantgarde-demi, helvetica, Arial, serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: .625;
    letter-spacing: .1em;
    text-transform: initial
}

.letter-spacing-6 {
    letter-spacing: .0375rem
}

.letter-spacing-7 {
    letter-spacing: .045rem
}

.letter-spacing-10 {
    letter-spacing: .0625rem
}

.breadcrumbs-row [aria-label=Breadcrumb] {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.breadcrumbs-row [aria-label=Breadcrumb]::-webkit-scrollbar {
    display: none
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 !important;
    overflow: initial;
    width: -moz-max-content;
    width: max-content
}

.breadcrumb .breadcrumb-item {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .06875rem;
    text-transform: initial
}

.breadcrumb .breadcrumb-item-container::marker {
    content: none
}

.breadcrumb .breadcrumb-item-container:last-child {
    pointer-events: initial
}

.breadcrumb .breadcrumb-item-container+.breadcrumb-item-container::before {
    margin: 0 .1875rem 0 .3125rem;
    content: ">"
}

.veil {
    position: absolute;
    z-index: 100;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #fff
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    color: #ccc;
    animation: dot-flashing .7s infinite linear alternate;
    animation-delay: .3s
}

.spinner::before,
.spinner::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    color: #ccc;
    animation: dot-flashing .7s infinite alternate
}

.spinner::before {
    left: -12px;
    animation-delay: 0s
}

.spinner::after {
    left: 12px;
    animation-delay: .6s
}

@keyframes dot-flashing {
    0% {
        background-color: #000
    }
    50%,
    100% {
        background-color: #ccc
    }
}

@keyframes fadeInMessage {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutMessage {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(100%)
    }
}

.dropdown-menu-toggle .dropdown-toggle {
    width: 100%;
    background-color: #fff;
    color: #000;
    position: relative;
    border-radius: 5px;
    border: solid .0625rem #000;
    height: 2.375rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .3px
}

@media(min-width:1023px) {
    .dropdown-menu-toggle .dropdown-toggle {
        height: 2.375rem
    }
}

.dropdown-menu-toggle .dropdown-toggle::after {
    position: absolute;
    transition: transform .2s linear;
    border: none;
    border-bottom: .0625rem solid #000;
    border-right: .0625rem solid #000;
    width: .4375rem;
    height: .4375rem;
    transform: rotate(45deg);
    top: calc(50% - 6px);
    right: calc(50% - 35px)
}

.dropdown-menu-toggle .dropdown-toggle .selected {
    padding: .375rem .75rem .5rem;
    display: block
}

.dropdown-menu-toggle .dropdown-toggle.single-size-dropdown::after {
    border-width: 0
}

.dropdown-menu-toggle .dropdown-toggle.disabled::after {
    display: none
}

@media(min-width:1023px) {
    .dropdown-menu-toggle {
        margin-bottom: .75rem
    }
}

.dropdown-menu-toggle.show .selected {
    border-top: 0
}

.dropdown-menu-toggle.show .dropdown-toggle::after {
    transform: rotate(225deg);
    top: calc(50% - 2px)
}

@media(max-width:1023.98px) {
    .dropdown-menu-toggle .dropdown-menu {
        transition: all .2s ease;
        transform: translateY(100%);
        z-index: 1;
        bottom: 2.375rem;
        width: 101vw;
        left: -1px;
        margin-left: -50vw;
        border-top: .0625rem solid #000;
        border-bottom: .0625rem solid #000
    }
}

.dropdown-menu-toggle .dropdown-menu.show {
    position: absolute;
    padding: 0;
    display: block
}

@media(max-width:1023.98px) {
    .dropdown-menu-toggle .dropdown-menu.show {
        transform: translateY(0%)
    }
}

@media(min-width:1023px) {
    .dropdown-menu-toggle .dropdown-menu.show {
        width: 100%;
        bottom: auto;
        top: 98%;
        left: 0;
        margin-left: 0;
        border: .0625rem solid #000;
        border-radius: 3px
    }
}

.dropdown-menu-toggle .model-info {
    padding: 1.125rem 1.625rem 1.1875rem;
    align-items: center;
    border-bottom: .0625rem solid #000
}

.dropdown-menu-toggle .model-info .size-chart {
    margin: 0
}

.dropdown-menu-toggle .model-info .size-chart .btn-link {
    background: transparent;
    padding: 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: initial
}

.dropdown-menu-toggle .model-info .size-chart .btn-link.sizeChart-button::after {
    content: none
}

.dropdown-menu-toggle .model-info .size-chart .btn-link.sizeChart-button .ico-arrow-right {
    display: none
}

@media(min-width:1023px) {
    .dropdown-menu-toggle .model-info {
        padding: .5625rem 3.4375rem .625rem
    }
}

.dropdown-menu-toggle .size-list-container,
.dropdown-menu-toggle .quantity-list-container {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media(min-width:1023px) {
    .dropdown-menu-toggle .size-list-container,
    .dropdown-menu-toggle .quantity-list-container {
        max-height: 15rem;
        overflow: hidden;
        overflow-y: auto
    }
    .dropdown-menu-toggle .size-list-container::-webkit-scrollbar,
    .dropdown-menu-toggle .quantity-list-container::-webkit-scrollbar {
        width: .25rem;
        height: .125rem
    }
    .dropdown-menu-toggle .size-list-container::-webkit-scrollbar-track,
    .dropdown-menu-toggle .quantity-list-container::-webkit-scrollbar-track {
        border: .125rem solid #000;
        background: #f5f5f5
    }
    .dropdown-menu-toggle .size-list-container::-webkit-scrollbar-thumb,
    .dropdown-menu-toggle .quantity-list-container::-webkit-scrollbar-thumb {
        background-color: #000;
        border-radius: 0
    }
    .dropdown-menu-toggle .size-list-container:hover::-webkit-scrollbar-track,
    .dropdown-menu-toggle .quantity-list-container:hover::-webkit-scrollbar-track {
        background: #f5f5f5
    }
    .dropdown-menu-toggle .size-list-container:hover::-webkit-scrollbar-thumb,
    .dropdown-menu-toggle .quantity-list-container:hover::-webkit-scrollbar-thumb {
        background-color: #000
    }
}

.dropdown-menu-toggle .size-list-container .option-select,
.dropdown-menu-toggle .quantity-list-container .option-select {
    color: inherit
}

.dropdown-menu-toggle .stock-label {
    float: right;
    display: flex;
    align-items: center
}

.dropdown-menu-toggle .stock-label .ico-alerte {
    font-size: .625rem;
    margin-right: .9375rem
}

.dropdown-menu-toggle .dropdown-item {
    padding: 0;
    border-bottom: .0625rem solid #000
}

.dropdown-menu-toggle .dropdown-item:last-child {
    border-bottom: none
}

.dropdown-menu-toggle .dropdown-item:active,
.dropdown-menu-toggle .dropdown-item.nice-select.open {
    background: transparent
}

.dropdown-menu-toggle .dropdown-item.unselected a {
    color: #bfbfbf
}

.dropdown-menu-toggle .dropdown-item .option-select,
.dropdown-menu-toggle .dropdown-item.select-size.unselected,
.dropdown-menu-toggle .dropdown-item .close-size {
    padding: 1.25rem 1.25rem 1.3125rem 1.625rem;
    margin: 0;
    display: block;
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0
}

@media(min-width:1023px) {
    .dropdown-menu-toggle .dropdown-item .option-select,
    .dropdown-menu-toggle .dropdown-item.select-size.unselected,
    .dropdown-menu-toggle .dropdown-item .close-size {
        padding: .6875rem 3.4375rem .6875rem 3.5625rem
    }
}

.dropdown-menu-toggle .dropdown-item:hover,
.dropdown-menu-toggle .dropdown-item:focus {
    background-color: inherit
}

.dropdown-menu-toggle .dropdown-item:hover .option-select,
.dropdown-menu-toggle .dropdown-item:focus .option-select {
    font-weight: 700
}

.dropdown-menu-toggle .dropdown-item .option-select.selected {
    font-weight: 700;
    cursor: default
}

.dropdown-menu-toggle .dropdown-item .option-select .message {
    margin-left: auto;
    position: relative;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.6;
    letter-spacing: .055em;
    text-transform: initial
}

.dropdown-menu-toggle .dropdown-item .option-select .message::after {
    background: #000;
    content: "";
    position: absolute;
    bottom: .1875rem;
    height: .03125rem;
    width: 100%;
    left: 0
}

.dropdown-menu-toggle .dropdown-item.select-size.unselected {
    cursor: pointer;
    position: relative
}

@media(max-width:1023.98px) {
    .dropdown-menu-toggle .dropdown-item.select-size.unselected {
        display: none
    }
}

.dropdown-menu-toggle .dropdown-item.select-size.unselected .ico-dropup {
    top: calc(50% - 2px);
    right: .75rem;
    transition: transform .2s linear;
    line-height: .25rem;
    font-size: 1rem
}

.dropdown-menu-toggle .dropdown-item.select-size.unselected:active,
.dropdown-menu-toggle .dropdown-item.select-size.unselected.nice-select.open,
.dropdown-menu-toggle .dropdown-item.select-size.unselected:hover {
    background: 0 0;
    color: #000
}

@media(max-width:1023.98px) {
    .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle {
        border: .0625rem solid #000
    }
    .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle .selected {
        padding-top: .625rem
    }
    .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle::after {
        transform: rotate(0deg)
    }
    .dropdown-menu-toggle.simple.only-mobile.show .dropdown-toggle::after {
        transform: rotate(180deg)
    }
    .dropdown-menu-toggle.simple.only-mobile .menu-dropdown {
        background-color: #fff;
        border: .0625rem solid #000;
        margin: -.8125rem .875rem 0 .75rem
    }
    .dropdown-menu-toggle.simple.only-mobile .dropdown-menu {
        margin-left: initial;
        display: none
    }
    .dropdown-menu-toggle.simple.only-mobile .dropdown-menu.show {
        margin: 0;
        display: block
    }
}

.form-group.required .form-control-label::after {
    content: "*";
    color: #bfbfbf
}

.form-animate-label label {
    transform: translateY(12px)
}

.nice-select {
    height: 2.125rem
}

.nice-select .list {
    max-height: 15rem;
    overflow-y: auto
}

@media(max-width:1023.98px) {
    .experience-commerce_assets-news+.experience-commerce_assets-news {
        border-top: .0625rem solid #000
    }
    .dropdown-menu-toggle.myaccount-links {
        order: 3
    }
    .inner {
        border-left: 0 !important;
        margin-top: .75rem
    }
    .scrollable-mob {
        border-left: 0 !important;
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        flex-flow: row
    }
    .order-tile {
        border-right: 0 !important;
        border-bottom: .0625rem solid #000
    }
    .order-history-info .border-bottom {
        border-bottom: 0 !important
    }
}

@media(min-width:1023px) {
    .logged-in-user,
    .account-logout {
        padding: .5rem .75rem
    }
    .logged-in-user::before {
        content: "";
        width: 1px;
        height: 10vw;
        border-right: .0625rem solid #000;
        position: absolute;
        right: -.0625rem;
        margin-top: -6.25rem;
        z-index: -1
    }
    .dashbaord-main-navigation-wrapper .dropdown-menu,
    .user-contextual-sidepanel .dropdown-menu {
        position: initial;
        width: 100%;
        padding-top: 0;
        border: 0
    }
}

@media(max-width:1023.98px) {
    .order-heading {
        border-bottom: .0625rem solid #000
    }
}

.order-heading .ico-arrow-right {
    font-size: .75rem;
    line-height: .5625rem
}

.order-tile {
    padding: 1.875rem .75rem
}

@media(min-width:1023px) {
    .order-tile {
        padding: 1.25rem .75rem;
        border-bottom: .0625rem solid #000;
        margin-bottom: -.0625rem
    }
}

.order-news-info .account-dashboard-main-content {
    padding-bottom: 0
}

@media(max-width:1023.98px) {
    .order-news-info .account-dashboard-main-content {
        padding-top: 0
    }
}

.order-news-info .account-dashboard-main-title {
    margin: 0
}

.news-tile-listing .experience-main {
    display: flex;
    flex-wrap: wrap
}

.news-tile-listing .order-news-action-link {
    margin: .75rem 0 0
}

.news-tile-listing .order-news-tile {
    min-height: 100%;
    padding: 1.125rem .75rem
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile {
        padding: 3.0625rem 1.0625rem 1.0625rem 3.0625rem
    }
}

.news-tile-listing .order-news-tile .card-header,
.news-tile-listing .order-news-tile .card-body {
    padding: 0
}

.news-tile-listing .order-news-tile .order-news-heading {
    margin-bottom: .75rem
}

.news-tile-listing .order-news-tile .card-footer {
    border-top: none;
    padding: .75rem 0
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .card-footer {
        padding: 0
    }
}

.news-tile-listing .order-news-tile .card-footer .order-news-action,
.news-tile-listing .order-news-tile .card-footer .order-news-action-link {
    width: -moz-fit-content;
    width: fit-content
}

.news-tile-listing .order-news-tile .card-footer .btn-news-detail {
    font-size: .75rem;
    letter-spacing: .040625rem;
    text-decoration: none;
    padding: .375rem .75rem;
    border: .0625rem solid #000;
    border-radius: .3125rem
}

@media(max-width:1023.98px) {
    .news-tile-listing .order-news-tile:last-child {
        padding-bottom: 0
    }
}

.news-tile-listing .order-news-tile .order-news-description {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    line-height: 1.58;
    margin-bottom: 1.25rem;
    overflow: hidden
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .order-news-description {
        max-height: 5rem;
        min-height: 5rem
    }
}

.news-tile-listing .order-news-tile .order-news-description p {
    margin: 0
}

.news-tile-listing .order-news-tile .order-news-description p+p {
    margin-top: 1.25rem
}

.news-tile-listing .order-news-tile .order-news-description+.card-footer {
    padding-top: 0
}

.account-links .ico-cart,
.account-links .ico-wishlist {
    font-weight: 700
}

.account-links .ico-arrow-right {
    font-size: 1rem
}

.account-links img {
    height: 1rem;
    width: 1rem
}

.account-page .content-logo {
    z-index: 7
}

.account-page .search-mobile {
    display: none
}

.account-page .user-contextual-sidepanel.content-panel .panel-heading {
    padding-right: 2.5rem !important
}

.account-image {
    background-image: url(../../images/account.jpg);
    background-position-y: 50%
}

.card-footer>a {
    color: var(--skin-primary-color-1);
    text-decoration: underline
}

.card-header>a {
    color: var(--skin-primary-color-1);
    float: right;
    text-decoration: underline
}

.card-info-group p {
    margin-bottom: 0
}

.card-info-group div {
    margin-bottom: 1rem
}

.card-info-group div:last-child {
    margin-bottom: 0
}

.order-history-control h2,
.order-history h2 {
    font-weight: 700;
    margin-top: .5rem
}

.dashboard-order-card-image {
    width: 7rem;
    padding-right: 1rem
}

.dashboard-order-card-footer-columns:last-child {
    text-align: right
}

.dashboard-order-card-footer-value {
    font-weight: 700;
    font-size: 1rem
}

@media(min-width:1023px) {
    #order-cancel {
        display: grid;
        grid-template-rows: 1fr 2rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 4rem;
        bottom: 0;
        margin: 0;
        padding: 1rem
    }
}

#orderCancellationLayer {
    margin-top: .5rem;
    overflow-y: auto;
    scrollbar-width: none
}

#orderCancellationLayer::-webkit-scrollbar {
    display: none
}

@media(min-width:1023px) {
    #orderCancellationLayer {
        margin-top: 1.25rem
    }
}

#orderCancellationLayer .order-cancellation-title {
    font-size: .875rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .081875rem;
    text-transform: initial
}

#orderCancellationLayer .order-cancellation-content,
#orderCancellationLayer .address-summary-details {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .03125rem;
    text-transform: initial
}

#orderCancellationLayer .select-with-labe .nice-select {
    height: auto;
    padding: .6875rem
}

#orderCancellationLayer .select-with-labe .nice-select .current {
    text-wrap: wrap
}

#orderCancellationLayer .select-with-labe .nice-select.open .list {
    top: auto;
    bottom: 100%;
    width: 100%;
    box-shadow: none;
    border: .0625rem solid #000;
    border-radius: .3125rem;
    padding: 0;
    list-style-type: none;
    margin: 0;
    max-height: 28.5625rem
}

#orderCancellationLayer .select-with-labe .nice-select.open .list .option {
    padding: 1.3125rem;
    text-align: left;
    border-bottom: .0625rem solid #000;
    text-wrap: wrap
}

#orderCancellationLayer .select-with-labe .nice-select::after {
    font-size: .5rem;
    right: 5.375rem;
    margin-top: -.625rem
}

#orderCancellationLayer .checkout-btn,
#orderCancellationLayer .nice-select {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .01875rem;
    text-transform: initial
}

.select-attributes-wishList .select-attributes-btn {
    float: right;
    margin-right: 1.5em
}

@media(max-width:1022.98px) {
    .select-attributes-wishList .select-attributes-btn {
        float: none;
        width: 100%
    }
}

.wishlist-item-image.item-image {
    width: 50%;
    height: 100%;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media(min-width:1023px) {
    .wishlist-item-image.item-image {
        width: 14.25rem
    }
}

.wishlist-item-image.item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.line-item-attributes {
    margin: 0
}

.item-attributes {
    width: 100%
}

.item-attributes .line-item-promotion {
    font-size: .625rem
}

.line-item-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%
}

.wishlist-line-item-divider {
    margin: .625em -.615em
}

.wishlist-edit-item-divider {
    margin: .625em -.615em
}

.product-info .remove-btn {
    color: #999;
    padding: 0;
    position: absolute;
    top: 0;
    right: .25rem;
    border: none;
    background-color: #fff
}

@media(min-width:1366px) {
    .product-info .remove-btn {
        top: 0;
        bottom: 0;
        right: -.625rem;
        margin-top: -.625rem;
        margin-bottom: -.625rem
    }
}

.remove-from-wishlist {
    border: .0625rem solid #000;
    margin: 0 0 0 .9375rem;
    padding: 0;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 1.25rem;
    height: 1.125rem
}

.remove-from-wishlist:hover {
    border: .0625rem solid #000
}

.remove-from-wishlist .ico-close {
    font-size: .5rem;
    font-weight: 700
}

.wishlist-hide {
    margin: 0 0 .15rem 1rem
}

.line-item-price-info {
    margin-bottom: .25rem
}

.wishlist-item-update-button-block {
    text-align: center
}

@media(max-width:1022.98px) {
    .wishlist-item-update-button-block {
        padding-bottom: 26px
    }
    .wishlist-item-update-button-block .btn {
        width: 98%;
        margin: 1%;
        display: block
    }
}

.update-wishlist-messages {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 15%;
    left: 50%
}

.update-wishlist-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px gray;
    padding: 1em
}

@keyframes fade {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.update-wishlist-alert.show {
    display: block
}

.more-wl-items,
.my-account {
    margin-bottom: .5rem;
    margin-top: .5rem
}

#wishlist-search .wishlist-error-search {
    margin-top: 1rem
}

#wishlist-search button {
    margin-bottom: 1rem
}

.wl-hit,
.find-another-wl {
    margin-top: 1rem
}

.wishlistItemCards {
    padding: 0 .75rem
}

@media(min-width:1023px) {
    .wishlistItemCards {
        margin-top: 1.375rem;
        max-width: 37.5rem;
        padding: 0 3.0625rem;
        padding-right: 1.3125rem
    }
}

.wishlistItemCards .wishlist-tile:last-child {
    border-bottom: 0
}

.wishlist-overlay,
.wishlistItemCards {
    font-size: .625rem !important
}

.wishlist-overlay .line-item-name,
.wishlistItemCards .line-item-name {
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .040625rem;
    line-height: normal;
    margin-bottom: .625rem;
    padding-right: 2.5rem;
    white-space: normal;
    width: auto
}

.wishlist-overlay .line-item-name a,
.wishlistItemCards .line-item-name a {
    text-decoration: none
}

.wishlist-overlay .line-item-unit-price,
.wishlist-overlay .line-item-attributes,
.wishlist-overlay .edit-add-to-wishlist,
.wishlist-overlay .line-item-stock,
.wishlistItemCards .line-item-unit-price,
.wishlistItemCards .line-item-attributes,
.wishlistItemCards .edit-add-to-wishlist,
.wishlistItemCards .line-item-stock {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .625rem
}

@media(min-width:1023px) {
    .wishlist-overlay .line-item-unit-price,
    .wishlist-overlay .line-item-attributes,
    .wishlist-overlay .edit-add-to-wishlist,
    .wishlist-overlay .line-item-stock,
    .wishlistItemCards .line-item-unit-price,
    .wishlistItemCards .line-item-attributes,
    .wishlistItemCards .edit-add-to-wishlist,
    .wishlistItemCards .line-item-stock {
        margin-bottom: .75rem
    }
}

.wishlist-overlay .line-item-unit-price,
.wishlist-overlay .line-item-attributes,
.wishlistItemCards .line-item-unit-price,
.wishlistItemCards .line-item-attributes {
    letter-spacing: .035rem
}

.wishlist-overlay .edit-add-to-wishlist,
.wishlist-overlay .line-item-stock,
.wishlistItemCards .edit-add-to-wishlist,
.wishlistItemCards .line-item-stock {
    letter-spacing: .01875rem
}

.wishlist-overlay .line-item-attributes-group,
.wishlist-overlay .line-item-stock.limited-stock,
.wishlistItemCards .line-item-attributes-group,
.wishlistItemCards .line-item-stock.limited-stock {
    width: 100%
}

.wishlist-overlay .line-item-quantity,
.wishlist-overlay .edit-add-to-wishlist,
.wishlist-overlay .line-item-stock.out-of-stock,
.wishlistItemCards .line-item-quantity,
.wishlistItemCards .edit-add-to-wishlist,
.wishlistItemCards .line-item-stock.out-of-stock {
    max-width: 50%
}

.wishlist-overlay .line-item-quantity,
.wishlistItemCards .line-item-quantity {
    float: left
}

.wishlist-overlay .edit-add-to-wishlist,
.wishlist-overlay .line-item-stock.out-of-stock,
.wishlistItemCards .edit-add-to-wishlist,
.wishlistItemCards .line-item-stock.out-of-stock {
    float: right
}

.wishlist-overlay .edit-add-to-wishlist,
.wishlistItemCards .edit-add-to-wishlist {
    text-decoration: underline
}

.wishlist-overlay .line-item-stock.out-of-stock,
.wishlistItemCards .line-item-stock.out-of-stock {
    color: red
}

.wishlist-overlay .line-item-stock.limited-stock,
.wishlistItemCards .line-item-stock.limited-stock {
    font-style: italic
}

.wishlist-conatiner .wishlist-tile {
    margin-bottom: 1.9375rem;
    padding-bottom: 3.3125rem;
    overflow: hidden
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-tile {
        padding-bottom: 2.125rem;
        margin-bottom: 0
    }
}

.wishlist-conatiner .wishlist-tile .item-image {
    width: 7.09375rem;
    height: 9.3125rem;
    margin-right: 1.25rem
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-tile .item-image {
        width: 7.46875rem;
        height: 9.8125rem;
        margin-right: 2.1875rem
    }
}

.wishlist-conatiner .wishlist-tile .item-image a {
    display: inline-block;
    height: 100%
}

.wishlist-conatiner .wishlist-tile .img-fluid {
    height: 100%
}

.wishlist-conatiner .wishlist-tile.out-of-stock {
    padding: 0
}

.wishlist-conatiner .wishlist-tile.out-of-stock .line-item-name a,
.wishlist-conatiner .wishlist-tile.out-of-stock .line-item-unit-price .price,
.wishlist-conatiner .wishlist-tile.out-of-stock .line-item-promotion,
.wishlist-conatiner .wishlist-tile.out-of-stock .line-item-attributes {
    color: #bfbfbf
}

.wishlist-conatiner .wishlist-tile .add-to-cart {
    width: 100%
}

@media(max-width:1023.98px) {
    .wishlist-conatiner .wishlist-tile .add-to-cart {
        bottom: 0;
        left: 0;
        margin: 0 !important;
        position: absolute
    }
}

.wishlist-conatiner .wishlist-empty,
.wishlist-conatiner .wishlist-products-recommendations {
    padding: 0;
    padding-left: .75rem
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-empty,
    .wishlist-conatiner .wishlist-products-recommendations {
        padding: 0 3.0625rem
    }
}

.wishlist-conatiner .wishlist-products-recommendations {
    margin-bottom: 1.125rem
}

.wishlist-conatiner .wishlist-products-recommendations .recommendations-header {
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .035rem
}

.wishlist-conatiner .wishlist-products-recommendations .product-item .slick-next {
    right: 0
}

.wishlist-conatiner .wishlist-products-recommendations .products-carousel {
    margin: 0
}

.wishlist-conatiner .wishlist-products-recommendations .products-carousel .slick-slide {
    padding-right: 1.875rem
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-products-recommendations .products-carousel .slick-slide {
        padding-right: 2.9375rem
    }
}

.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .tile-body {
    margin: 0;
    padding: 0;
    position: static
}

.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .tile-name-price,
.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .tile-name-price .link,
.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .price {
    display: block
}

.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .tile-name-price .link,
.wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile .price {
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .031875rem;
    line-height: normal;
    margin: .4375rem 0 0
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-products-recommendations .products-carousel .product-tile:hover .tile-body {
        display: initial
    }
}

.wishlist-conatiner .wishlist-products-recommendations-title,
.wishlist-conatiner .recommendations-header {
    margin-bottom: 1.875rem
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-products-recommendations-title,
    .wishlist-conatiner .recommendations-header {
        margin-bottom: 2.9375rem
    }
}

.wishlist-conatiner .wishlist-empty {
    margin-bottom: 6.4375rem;
    margin-top: 2.75rem;
    text-align: center
}

@media(min-width:1023px) {
    .wishlist-conatiner .wishlist-empty {
        margin-bottom: 10.3125rem;
        margin-top: 4.625rem;
        text-align: left
    }
}

.item-attributes {
    vertical-align: top;
    padding-left: 0
}

.line-item-attributes,
.line-item-option {
    margin: 0
}

.line-item-pricing-info {
    margin-bottom: 0
}

.line-item-pricing-info+.price {
    font-size: 1em;
    font-weight: bolder
}

.line-item-pricing-info+.unit-price .price {
    font-size: 1em;
    font-weight: bolder
}

.pricing {
    font-size: 1em
}

.item-image {
    height: 5.625em;
    width: 5.625em;
    margin-right: .938em;
    flex-grow: 0;
    flex-shrink: 0
}

.item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em
}

.non-adjusted-price {
    display: none
}

.line-item-promo {
    color: #36b74f;
    font-size: .813em
}

.line-item-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bundled-line-item+.bundled-line-item {
    margin-top: .625em
}

.bundle-includes {
    font-size: .813em;
    margin-bottom: .625em
}

.line-item-divider {
    margin: .625em -1.225em .625em -1.325em
}

.line-dotted {
    border-top: .063em dashed #ccc
}

.line-item-availability {
    font-size: .813rem
}

.product-line-item-details {
    position: relative;
    overflow: visible
}

.product-line-item-details .item-image {
    width: 7.4375rem;
    min-height: 11rem
}

@media(min-width:1023px) {
    .product-line-item-details .item-image {
        width: 8.375rem
    }
}

.product-line-item-details>.item-attributes {
    width: calc(100% - 119px) !important
}

@media(min-width:1023px) {
    .product-line-item-details>.item-attributes {
        width: calc(100% - 134px) !important
    }
}

.product-line-item-details .line-item-name {
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .040625rem;
    white-space: normal
}

.product-line-item-details .remove-line-item .remove-btn {
    border-radius: .3125rem;
    border: solid .0625rem #000;
    width: 1.25rem;
    height: 1.125rem;
    text-align: center;
    padding: 0;
    right: 0;
    top: 0;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-line-item-details .remove-line-item .remove-btn .ico-close {
    font-size: .5rem;
    font-weight: 700
}

.product-line-item-details .line-item-unit-price .discount-percent {
    margin-left: .375rem;
    margin-right: .375rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .01875rem
}

.product-line-item-details .line-item-unit-price .sales .value {
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .01875rem
}

.product-line-item-details .line-item-attributes,
.product-line-item-details .line-item-stock.limited-stock,
.product-line-item-details .line-item-quantity,
.product-line-item-details .product-edit {
    font-size: .75rem !important;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: .035rem
}

.product-line-item-details .product-discount-text {
    padding: .0625rem .375rem;
    line-height: 1.25;
    letter-spacing: .01875rem;
    color: #fff;
    background-color: #bfbfbf
}

.product-line-item-details .line-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-line-item-details .line-item-footer .edit {
    text-decoration: underline
}

@media(min-width:1023px) {
    .product-line-item-details .line-item-footer {
        display: block
    }
}

.minicart-product-item .line-item-name {
    margin-bottom: .625rem !important
}

.product-slider-commun .product-item {
    display: block !important
}

.product-slider-commun .product-item .product-item-recommended {
    max-width: 100% !important
}

.product-slider-commun .product-item .slick-disabled {
    display: none !important
}

.product-slider-commun .product-item .slick-list {
    padding: 0 2.375rem 0 0
}

@media(min-width:1023px) {
    .product-slider-commun .product-item .slick-list {
        padding: 0
    }
}

.product-slider-commun .product-item .slick-slide {
    padding-right: 1.875rem
}

@media(min-width:1023px) {
    .product-slider-commun .product-item .slick-slide {
        padding-right: 3.1875rem
    }
}

.product-slider-commun .product-item .slick-arrow .ico-slider-right::before {
    font-size: 1.3125rem
}

.product-slider-commun .product-item .carousel-item img {
    min-height: 10.9375rem
}

.product-slider-commun .product-item .product-mkt-badge,
.product-slider-commun .product-item .product-tag-grid,
.product-slider-commun .product-item .color-swatches,
.product-slider-commun .product-item .color-swatch-more,
.product-slider-commun .product-item .plp-color-swatches,
.product-slider-commun .product-item .plp-size-swatches,
.product-slider-commun .product-item .carousel-arrows,
.product-slider-commun .product-item .wishlistTile,
.product-slider-commun .product-item .add-to-wish-list,
.product-slider-commun .product-item .carousel-control-prev,
.product-slider-commun .product-item .carousel-control-next,
.product-slider-commun .product-item .hires-image-wrapper {
    display: none
}

.product-slider-commun .product-item .packshot-image-wrapper {
    display: block !important
}

.product-slider-commun .product-item .product-tile {
    position: relative
}

.product-slider-commun .product-item .product-tile .pdp-link .link {
    text-transform: initial
}

.product-slider-commun .product-item .product-tile:hover .carousel-arrows,
.product-slider-commun .product-item .product-tile:hover .plp-color-swatches,
.product-slider-commun .product-item .product-tile:hover .plp-size-swatches,
.product-slider-commun .product-item .product-tile:hover .carousel-control-prev,
.product-slider-commun .product-item .product-tile:hover .carousel-control-next {
    display: none
}

.product-slider-commun .product-item .product-tile:hover .wishlistTile,
.product-slider-commun .product-item .product-tile:hover .add-to-wish-list {
    display: block
}

.minicart-main .product-item .carousel-item img,
.cart-page-container .product-item .carousel-item img,
.wishlist-products-recommendations .product-item .carousel-item img {
    min-height: 10.9375rem
}

.minicart-main .product-item .slick-arrow,
.cart-page-container .product-item .slick-arrow,
.wishlist-products-recommendations .product-item .slick-arrow {
    top: 32%
}

@media(min-width:1023px) {
    .minicart-main .product-item .slick-arrow,
    .cart-page-container .product-item .slick-arrow,
    .wishlist-products-recommendations .product-item .slick-arrow {
        top: 40%
    }
}

.minicart-main .product-item .tile-name-price,
.cart-page-container .product-item .tile-name-price,
.wishlist-products-recommendations .product-item .tile-name-price {
    display: flex;
    flex-direction: column;
    flex: 1
}

.minicart-main .product-item .tile-body,
.cart-page-container .product-item .tile-body,
.wishlist-products-recommendations .product-item .tile-body {
    margin: .4375rem 0 0 !important;
    max-height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    padding: .4375rem 0
}

.minicart-main .product-item .tile-body .add-to-wish-list,
.cart-page-container .product-item .tile-body .add-to-wish-list,
.wishlist-products-recommendations .product-item .tile-body .add-to-wish-list {
    display: none
}

.minicart-main .product-item .tile-body .pdp-link,
.cart-page-container .product-item .tile-body .pdp-link,
.wishlist-products-recommendations .product-item .tile-body .pdp-link {
    max-width: 100%;
    max-height: 100%
}

.minicart-main .product-item .tile-body .pdp-link .link,
.cart-page-container .product-item .tile-body .pdp-link .link,
.wishlist-products-recommendations .product-item .tile-body .pdp-link .link {
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .031875rem;
    text-transform: initial;
    white-space: normal
}

.minicart-main .product-item .tile-body .price,
.cart-page-container .product-item .tile-body .price,
.wishlist-products-recommendations .product-item .tile-body .price {
    margin-left: 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal
}

.minicart-main .product-item .tile-body .price .strike-through,
.cart-page-container .product-item .tile-body .price .strike-through,
.wishlist-products-recommendations .product-item .tile-body .price .strike-through {
    letter-spacing: .035rem
}

.minicart-main .product-item .tile-body .price .strike-through:hover,
.cart-page-container .product-item .tile-body .price .strike-through:hover,
.wishlist-products-recommendations .product-item .tile-body .price .strike-through:hover {
    text-decoration: none
}

.minicart-main .product-item .tile-body .price .discount-percent,
.cart-page-container .product-item .tile-body .price .discount-percent,
.wishlist-products-recommendations .product-item .tile-body .price .discount-percent {
    position: relative;
    bottom: auto;
    right: auto;
    line-height: 1.25;
    letter-spacing: .01875rem
}

.minicart-main .product-item .tile-body .price .sales,
.cart-page-container .product-item .tile-body .price .sales,
.wishlist-products-recommendations .product-item .tile-body .price .sales {
    font-size: .6875rem;
    letter-spacing: .031875rem
}

.minicart-main .product-item .tile-body .price .sales:hover,
.cart-page-container .product-item .tile-body .price .sales:hover,
.wishlist-products-recommendations .product-item .tile-body .price .sales:hover {
    text-decoration: none
}

.minicart-main .product-item .tile-body .price .sales.sales-strike,
.cart-page-container .product-item .tile-body .price .sales.sales-strike,
.wishlist-products-recommendations .product-item .tile-body .price .sales.sales-strike {
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .01875rem
}

@media(min-width:1366px)and (max-width:1679.98px) {
    .minicart-main .product-item .slick-arrow,
    .cart-page-container .product-item .slick-arrow,
    .wishlist-products-recommendations .product-item .slick-arrow {
        top: 35%
    }
}

.cart-banner .header-promotion-inner {
    margin-top: -1px;
    font-size: .75rem;
    font-family: avantgarde, helvetica, Arial, serif;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .5px;
    border: .0625rem solid #000;
    padding: .25rem .75rem
}

.cart-banner .header-promotion-inner p {
    margin: 0;
    padding: 0
}

@media(min-width:1023px) {
    .cart-banner .header-promotion-inner {
        padding: .4375rem 1.25rem
    }
}

.reinsurance-links-bottom .reinsurance-block-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.reinsurance-links-bottom .reinsurance-block-container a,
.reinsurance-links-bottom .reinsurance-block-container span.image {
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .5px;
    width: 7rem
}

.reinsurance-links-bottom .reinsurance-block-container a:last-child,
.reinsurance-links-bottom .reinsurance-block-container span.image:last-child {
    padding-right: 0
}

.reinsurance-links-bottom .reinsurance-block-container a img,
.reinsurance-links-bottom .reinsurance-block-container span.image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1.75rem;
    height: 1.75rem
}

#removeProductModal .modal-dialog .modal-content {
    border-radius: .3125rem
}

#removeProductModal .modal-dialog .popup-delete-item-close {
    font-size: .9375rem
}

#removeProductModal .modal-dialog .model-text {
    font-family: avantgarde, helvetica, Arial, serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.63;
    letter-spacing: .7px
}

#removeProductModal .modal-dialog .cart-delete-confirmation-btn {
    width: 11.625rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .3px
}

.minicart h1,
.wishlist h1 {
    font-size: 1rem
}

.minicart .cart,
.wishlist .cart {
    padding-top: .625em;
    padding-bottom: .625em;
    background-color: #f4f4f4
}

.minicart .remove-btn,
.wishlist .remove-btn {
    color: #999;
    float: right;
    background-color: #fff;
    border: none;
    font-size: 1.625em;
    margin-top: -.313em;
    padding: 0
}

.minicart .product-summary,
.wishlist .product-summary {
    margin-right: -.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .938em
}

.minicart .card-body,
.wishlist .card-body {
    padding: .625em
}

.minicart .quantity-label,
.wishlist .quantity-label {
    font-size: .813em
}

.minicart .quantity,
.wishlist .quantity {
    width: 100%
}

.minicart .popover,
.wishlist .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none
}

.minicart .popover::before,
.wishlist .popover::before {
    left: auto;
    right: 15px
}

.minicart .popover::after,
.wishlist .popover::after {
    left: auto;
    right: 16px
}

.minicart .popover.show,
.wishlist .popover.show {
    display: block
}

.minicart .minicart-footer,
.wishlist .minicart-footer {
    border-top: 1px solid #ccc
}

.minicart .sub-total-label,
.wishlist .sub-total-label {
    font-size: 1em;
    font-weight: 600
}

.minicart .sub-total,
.wishlist .sub-total {
    font-size: 1em;
    font-weight: 600
}

.minicart .line-item-divider,
.wishlist .line-item-divider {
    margin: .625em -.625em .625em -1.325em
}

.minicart .line-item-name,
.wishlist .line-item-name {
    width: 90%
}

.minicart .reinsurance-links-bottom,
.wishlist .reinsurance-links-bottom {
    background: #fff;
    width: 100%;
    height: 2.25rem;
    overflow: hidden;
    overflow-x: auto;
    bottom: .125rem;
    font-size: .625rem;
    font-family: avantgarde, helvetica, Arial, serif;
    letter-spacing: .05rem
}

@media(min-width:1023px) {
    .minicart .reinsurance-links-bottom,
    .wishlist .reinsurance-links-bottom {
        font-size: .5rem
    }
}

@media(min-width:1023px)and (max-width:1023.98px) {
    .hide-link-med {
        display: none
    }
}

@media(min-width:1024px) {
    .hide-no-link {
        display: none
    }
}

@media(max-width:1022.98px) {
    .hide-no-link {
        display: none
    }
}

@media(min-width:1023px) {
    .user-contextual-sidepanel {
        z-index: 1030
    }
    .user-contextual-sidepanel[data-panel-name=view_minicart] .nav-tabs {
        border-bottom: .0625rem solid #000
    }
    .sidepanel-overlay {
        z-index: 999
    }
    #removeProductModal {
        z-index: 9999
    }
    #removeProductModal .modal-dialog {
        max-width: 21.9375rem
    }
}

.minicart-empty-content .minicart-empty-wrapper {
    margin-top: 3.5625rem;
    margin-bottom: 2.75rem
}

@media(min-width:1023px) {
    .minicart-empty-content .minicart-empty-wrapper {
        margin-top: 4.5625rem;
        margin-bottom: 3.0625rem
    }
}

.minicart-empty-content .minicart-empty-wrapper .minicart-empty-title {
    font-size: .875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .040625rem
}

.minicart-empty-content .minicart-products-recommendations .recommendations-header {
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .035rem;
    text-transform: initial
}

.minicart-empty-content .product-item {
    display: block !important
}

.minicart-empty-content .product-item .slick-disabled {
    display: none !important
}

.minicart-empty-content .product-item .slick-list {
    padding: 0 2.3125rem 0 0
}

@media(min-width:1023px) {
    .minicart-empty-content .product-item .slick-list {
        padding: 0 5.9375rem 0 0
    }
}

@media(min-width:1023px) {
    .minicart-empty-content .product-item .slick-slide {
        padding-right: 2.3125rem
    }
}

.minicart-empty-content .product-item .carousel-item {
    padding: 0
}

.minicart-empty-content .product-item .carousel-item img {
    height: auto;
    min-height: 10.9375rem
}

.minicart-empty-content .reinsurance-links-bottom {
    bottom: 0
}

.minicart-empty-content .default-serach-result {
    padding-left: 0 !important;
    border: 0 !important
}

.minicart-empty-content .default-serach-result .hires-image-wrapper,
.minicart-empty-content .default-serach-result .add-to-wish-list,
.minicart-empty-content .default-serach-result .product-mkt-badge,
.minicart-empty-content .default-serach-result .product-tag-grid,
.minicart-empty-content .default-serach-result .add-to-wishlist,
.minicart-empty-content .default-serach-result .color-swatches h5 {
    display: none !important
}

.minicart-empty-content .default-serach-result .pdp-link .link :hover {
    text-decoration: none
}

.minicart-empty-content .default-serach-result .price .sales :hover {
    text-decoration: none
}

.minicart-empty-content .default-serach-result .price .strike-through :hover {
    text-decoration: none
}

.minicart-empty-content .minicart-products-recommendations .hires-image-wrapper,
.minicart-empty-content .minicart-products-recommendations .add-to-wish-list,
.minicart-empty-content .minicart-products-recommendations .product-mkt-badge,
.minicart-empty-content .minicart-products-recommendations .product-tag-grid,
.minicart-empty-content .minicart-products-recommendations .add-to-wishlist,
.minicart-empty-content .minicart-products-recommendations .color-swatches {
    display: none !important
}

.minicart-empty-content .minicart-products-recommendations .pdp-link .link:hover {
    text-decoration: none
}

.minicart-empty-content .minicart-products-recommendations .price .sales :hover {
    text-decoration: none
}

.minicart-empty-content .minicart-products-recommendations .price .strike-through :hover {
    text-decoration: none
}

.minicart-empty-content .product-tile .tile-name-price {
    display: block !important
}

.minicart-empty-content .product-tile .tile-name-price .tile-body {
    margin: .4375rem 0 0 !important;
    max-height: 100%
}

.minicart-empty-content .product-tile .tile-name-price .tile-body .pdp-link .link {
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .51px
}

.minicart-empty-content .product-tile .tile-name-price .tile-body .price {
    margin-left: 0;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal
}

.minicart-empty-content .product-tile .tile-name-price .tile-body .price .strike-through {
    letter-spacing: .56px
}

.minicart-empty-content .product-tile .tile-name-price .tile-body .price .discount-percent {
    line-height: 1.25;
    letter-spacing: .3px
}

.minicart-empty-content .product-tile .tile-name-price .tile-body .price .sales {
    font-weight: 600;
    letter-spacing: .3px
}

.minicart-main-container,
.wishlist-overlay,
.wishlistItemCards {
    font-family: avantgarde, helvetica, Arial, serif
}

.minicart-main-container .card,
.wishlist-overlay .card,
.wishlistItemCards .card {
    border: 0;
    margin-bottom: 0
}

.minicart-main-container .card-body,
.wishlist-overlay .card-body,
.wishlistItemCards .card-body {
    padding: 0
}

.minicart-main-container .minicart-order-value,
.wishlist-overlay .minicart-order-value,
.wishlistItemCards .minicart-order-value {
    width: calc(100% - 40px)
}

.minicart-main-container .card.out-of-stock .line-item-name,
.minicart-main-container .card.out-of-stock .line-item-quantity,
.minicart-main-container .card.out-of-stock .item-attributes>*:not(.name-item-line, .quantity-wrapper) {
    opacity: .5
}

@media(min-width:1024px) {
    .minicart-main-container .card.out-of-stock .line-item-quantity,
    .minicart-main-container .card.out-of-stock .line-item-stock.out-of-stock {
        width: 50%
    }
    .minicart-main-container .card.out-of-stock .line-item-stock.out-of-stock {
        text-align: right
    }
}

.minicart-main-container .card.out-of-stock .item-image {
    pointer-events: none
}

.minicart-main-container .product-summary {
    padding-bottom: calc(var(--mini-cart-footer-current-height) + 12px)
}

.minicart-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    border-top: .0625rem solid #000;
    border-right: 0;
    padding-top: .75rem;
    margin-top: 1.25rem
}

@media(min-width:1023px) {
    .minicart-footer {
        width: calc(100% - 8px)
    }
}

.minicart-footer .order-promotions,
.minicart-footer .estimated-total {
    width: calc(100% - 24px)
}

@media(min-width:1023px) {
    .minicart-footer .order-promotions,
    .minicart-footer .estimated-total {
        width: calc(100% - 40px)
    }
}

.minicart-footer .order-promotions .promo-remove,
.minicart-footer .estimated-total .promo-remove {
    display: none
}

.minicart-footer .btn-cart-to-checkout {
    width: calc(100% - 24px)
}

.minicart-footer .btn-cart-to-checkout a {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .3px
}

@media(min-width:1023px) {
    .minicart-footer .btn-cart-to-checkout {
        width: calc(100% - 38px)
    }
}

.minicart-footer .minicart-order-value {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .56px
}

.minicart-footer .estimated-total {
    font-size: .875rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .65px
}

.modal-header button.popup-delete-item-close {
    margin-top: -.625rem;
    right: 0;
    font-weight: 700
}

@media(max-width:1023.98px) {
    #removeProductModal .modal-dialog {
        margin-left: .75rem;
        margin-right: .75rem
    }
}

.info-icon {
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 0;
    background: inherit
}

.info-icon .icon {
    border-radius: 1.25rem;
    background-color: var(--skin-primary-color-1);
    width: 1.5625rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.info-icon .tooltip {
    position: absolute;
    bottom: 100%;
    padding: .312rem;
    border-radius: .3125rem;
    background-color: #444;
    color: #fff;
    font-size: .928rem;
    min-width: 20rem;
    max-width: 15rem;
    transform: translate(-50%, -0.625em);
    left: 50%;
    margin-left: 4px;
    animation: fade-in .5s linear forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.info-icon .tooltip::before {
    content: " ";
    position: absolute;
    display: block;
    height: 1.25em;
    left: 0;
    bottom: -1.25em;
    width: 100%
}

.info-icon .tooltip::after {
    border-left: solid transparent .625em;
    border-right: solid transparent .625em;
    border-top: solid #444 .625em;
    bottom: -.625em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

.swatch-circle-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: .2
}

.swatch-filter-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: .2
}

.swatch-circle-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: .2
}

.swatch-filter-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: .2
}

.swatch-circle-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: .2
}

.swatch-filter-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: .2
}

.swatch-circle-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: .2
}

.swatch-filter-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: .2
}

.swatch-circle-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: .2
}

.swatch-filter-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    background-color: #008827;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: .2
}

.swatch-circle-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: .2
}

.swatch-filter-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: .2
}

.swatch-circle-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: .2
}

.swatch-filter-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: .2
}

.swatch-circle-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: .2
}

.swatch-filter-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: .2
}

.swatch-circle-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: .2
}

.swatch-filter-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: .2
}

.swatch-circle-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: .2
}

.swatch-filter-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: .2
}

.swatch-circle-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: .2
}

.swatch-filter-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: .2
}

.swatch-circle-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: .2
}

.swatch-filter-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: .2
}

.swatch-circle-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: .2
}

.swatch-filter-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: .063em solid rgba(0, 0, 0, .3);
    border-radius: 0;
    display: block;
    height: 2rem;
    position: relative;
    width: 2rem
}

.swatch-circle-miscellaneous.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg)
}

span.color-value.swatch-mark {
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    display: block;
    position: relative
}

span.color-value.swatch-mark.disabled {
    opacity: .2
}

.user-contextual-sidepanel[data-panel-type=view_search] {
    width: 100% !important;
    transform: translateX(0);
    height: 0;
    overflow-y: auto;
    overflow-x: hidden
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] {
        z-index: 1090
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-section-title {
    margin-bottom: .875rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .035rem
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-x: auto;
    text-wrap: nowrap;
    scrollbar-width: none
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul::-webkit-scrollbar {
    display: none
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul li {
    display: inline-block;
    text-decoration: underline;
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .0625rem
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul li {
        letter-spacing: .03125rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul li+li {
    margin-left: .875rem
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section ul li+li {
        margin-left: 2.5rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .product-search-form {
    height: 100%;
    padding: 0 .78125rem;
    position: relative
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .product-search-form {
        padding: 0
    }
}

@media(max-width:1365.98px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .product-search-form {
        overflow-x: hidden;
        overflow-y: scroll
    }
    .user-contextual-sidepanel[data-panel-type=view_search] .product-search-form::-webkit-scrollbar {
        display: none
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .product-search-form form,
.user-contextual-sidepanel[data-panel-type=view_search] .product-search-form .search-default-content {
    width: 100%;
    margin: 0 auto
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .product-search-form form,
    .user-contextual-sidepanel[data-panel-type=view_search] .product-search-form .search-default-content {
        width: 55.1875rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .close {
    display: none
}

.user-contextual-sidepanel[data-panel-type=view_search] .product-suggestion-wrapper {
    margin: 0 -.8125rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .product-suggestion-wrapper {
        margin: 0 -1.3125rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .product-suggestion-wrapper .search-section-title {
    padding: 0 .78125rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .product-suggestion-wrapper .search-section-title {
        padding: 0 1.3125rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container {
    margin-right: -.75rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container {
        margin: 0
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-panel-section {
    padding-bottom: 2.0625rem
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-panel-section.category-shorts {
    margin: 0 -.78125rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-panel-section {
        padding-bottom: 3rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts {
    padding: 0
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .nav-scroll::before {
    width: .5625rem;
    height: .5625rem;
    border-width: .125rem .125rem 0 0
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .nav-prev {
    padding-left: 0
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .nav-next {
    padding-right: 0
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper {
    margin-right: 1.875rem
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul::-webkit-scrollbar {
    display: none
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul {
        gap: 0;
        flex-wrap: wrap
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul li {
    display: inline-block;
    text-decoration: underline
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul li a {
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .0625rem
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul li a {
        letter-spacing: .03125rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul li+li {
    margin-left: .875rem
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-categories-section .shorts .category-shorts-wrapper ul li+li {
        margin-left: 2.5rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-slide {
    margin: 0 .9375rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-slide {
        margin: 0 1.3125rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-list {
    padding: 0 .8125rem
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-list {
        padding: 0
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow {
    top: 32.5% !important;
    width: 1.875rem;
    height: 1.875rem;
    transform: none;
    cursor: pointer
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow {
        top: 36% !important
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow::before {
    position: relative;
    left: .875rem;
    top: .5rem;
    display: flex;
    width: .9375rem;
    height: .9375rem;
    border-style: solid;
    border-color: #000;
    border-width: .0625rem .0625rem 0 0;
    transform: rotate(-135deg);
    content: ""
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-arrow-right,
.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-next {
    left: auto;
    right: 0
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-arrow-right,
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-next {
        right: -1.6875rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-arrow-right::before,
.user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-next::before {
    left: auto;
    right: 0;
    transform: rotate(45deg)
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-arrow-left,
    .user-contextual-sidepanel[data-panel-type=view_search] .slick-arrow.slick-prev {
        left: -1.875rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .packshot-image-wrapper .video-container.carousel-item {
    display: flex
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .packshot-image-wrapper .carousel-item {
    padding: 0
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .packshot-image-wrapper .carousel-item img,
.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .packshot-image-wrapper .carousel-item .plp-tile-video {
    min-height: 10.9375rem
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .packshot-image-wrapper .carousel-item .plp-tile-video {
    aspect-ratio: 720/955 !important
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-list {
    padding: 0 2.125rem 0 0
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-list {
        padding: 0
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-list .slick-slide {
    padding-right: 1.875rem;
    margin-right: 0;
    margin-left: 0
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-list .slick-slide {
        padding-right: 3.1875rem
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-arrow::before {
    left: 0
}

@media(min-width:1024px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-arrow.slick-arrow-right,
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .slick-arrow.slick-next {
        right: 0
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .carousel-arrows,
.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .carousel-control-prev,
.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .carousel-control-next,
.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .product-swatch-container {
    display: none !important
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .tile-body {
    padding-top: .4375rem
}

@media(min-width:1023px) {
    .user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .tile-body {
        padding-top: 0
    }
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .pdp-link {
    width: 100%;
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .031875rem;
    text-transform: initial;
    white-space: normal
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .price {
    margin-left: 0;
    margin-top: .4375rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .price .discount-percent {
    position: relative;
    bottom: 0;
    line-height: 1.36;
    letter-spacing: .055rem
}

.user-contextual-sidepanel[data-panel-type=view_search] .search-products-rects-container .price .range {
    font-weight: 500
}

.product-search-form .search-pannel {
    padding-top: 1.0625rem
}

.product-search-form .suggestions .link:hover .name {
    text-decoration: none
}

.product-search-form .input-group {
    margin: 0 auto;
    height: 1.75rem;
    border-radius: 1.1875rem;
    border: .05rem solid #000;
    align-items: center;
    padding: .34375rem 0
}

@media(min-width:1023px) {
    .product-search-form .input-group {
        padding: .65625rem 0;
        border: .0625rem solid #000;
        height: 2.375rem
    }
}

.product-search-form .input-group.icon-left .input-text {
    font-size: .75rem;
    font-weight: 500;
    line-height: .03125rem;
    padding: 0;
    height: auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.product-search-form .input-group.icon-left .input-text::-moz-placeholder {
    color: #bfbfbf
}

.product-search-form .input-group.icon-left .input-text::placeholder {
    color: #bfbfbf
}

@media(min-width:1023px) {
    .product-search-form .input-group.icon-left .input-text {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.product-search-form .input-group.icon-left button {
    top: 0;
    left: 0;
    color: #000
}

.product-search-form .input-group.icon-left button .icon-search-header {
    font-size: .75rem
}

@media(min-width:1023px) {
    .product-search-form .input-group.icon-left button .icon-search-header {
        font-size: 1.0625rem
    }
}

.product-search-form .input-group.icon-left .ico-close {
    font-size: .625rem;
    line-height: 1;
    padding: .875rem;
    cursor: pointer
}

@media(min-width:1023px) {
    .product-search-form .input-group.icon-left .ico-close {
        font-size: .875rem;
        margin-right: .75rem
    }
}

.product-search-form .view-more-button {
    width: 14.6875rem;
    margin-top: 2.5rem;
    text-transform: none
}

.page[data-action=Home-Show] .product-search-form a.link::before {
    content: none
}

.page[data-action=Home-Show] .product-search-form .items .link:hover .name {
    text-decoration: none
}

.form-group.required .form-control-label::after {
    content: "*";
    color: #bfbfbf
}

.form-animate-label label {
    transform: translateY(12px)
}

.nice-select {
    height: 2.125rem
}

.nice-select .list {
    max-height: 15rem;
    overflow-y: auto
}

@media(max-width:1023.98px) {
    .experience-commerce_assets-news+.experience-commerce_assets-news {
        border-top: .0625rem solid #000
    }
    .dropdown-menu-toggle.myaccount-links {
        order: 3
    }
    .inner {
        border-left: 0 !important;
        margin-top: .75rem
    }
    .scrollable-mob {
        border-left: 0 !important;
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        flex-flow: row
    }
    .order-tile {
        border-right: 0 !important;
        border-bottom: .0625rem solid #000
    }
    .order-history-info .border-bottom {
        border-bottom: 0 !important
    }
}

@media(min-width:1023px) {
    .logged-in-user,
    .account-logout {
        padding: .5rem .75rem
    }
    .logged-in-user::before {
        content: "";
        width: 1px;
        height: 10vw;
        border-right: .0625rem solid #000;
        position: absolute;
        right: -.0625rem;
        margin-top: -6.25rem;
        z-index: -1
    }
    .dashbaord-main-navigation-wrapper .dropdown-menu,
    .user-contextual-sidepanel .dropdown-menu {
        position: initial;
        width: 100%;
        padding-top: 0;
        border: 0
    }
}

@media(max-width:1023.98px) {
    .order-heading {
        border-bottom: .0625rem solid #000
    }
}

.order-heading .ico-arrow-right {
    font-size: .75rem;
    line-height: .5625rem
}

.order-tile {
    padding: 1.875rem .75rem
}

@media(min-width:1023px) {
    .order-tile {
        padding: 1.25rem .75rem;
        border-bottom: .0625rem solid #000;
        margin-bottom: -.0625rem
    }
}

.order-news-info .account-dashboard-main-content {
    padding-bottom: 0
}

@media(max-width:1023.98px) {
    .order-news-info .account-dashboard-main-content {
        padding-top: 0
    }
}

.order-news-info .account-dashboard-main-title {
    margin: 0
}

.news-tile-listing .experience-main {
    display: flex;
    flex-wrap: wrap
}

.news-tile-listing .order-news-action-link {
    margin: .75rem 0 0
}

.news-tile-listing .order-news-tile {
    min-height: 100%;
    padding: 1.125rem .75rem
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile {
        padding: 3.0625rem 1.0625rem 1.0625rem 3.0625rem
    }
}

.news-tile-listing .order-news-tile .card-header,
.news-tile-listing .order-news-tile .card-body {
    padding: 0
}

.news-tile-listing .order-news-tile .order-news-heading {
    margin-bottom: .75rem
}

.news-tile-listing .order-news-tile .card-footer {
    border-top: none;
    padding: .75rem 0
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .card-footer {
        padding: 0
    }
}

.news-tile-listing .order-news-tile .card-footer .order-news-action,
.news-tile-listing .order-news-tile .card-footer .order-news-action-link {
    width: -moz-fit-content;
    width: fit-content
}

.news-tile-listing .order-news-tile .card-footer .btn-news-detail {
    font-size: .75rem;
    letter-spacing: .040625rem;
    text-decoration: none;
    padding: .375rem .75rem;
    border: .0625rem solid #000;
    border-radius: .3125rem
}

@media(max-width:1023.98px) {
    .news-tile-listing .order-news-tile:last-child {
        padding-bottom: 0
    }
}

.news-tile-listing .order-news-tile .order-news-description {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    line-height: 1.58;
    margin-bottom: 1.25rem;
    overflow: hidden
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .order-news-description {
        max-height: 5rem;
        min-height: 5rem
    }
}

.news-tile-listing .order-news-tile .order-news-description p {
    margin: 0
}

.news-tile-listing .order-news-tile .order-news-description p+p {
    margin-top: 1.25rem
}

.news-tile-listing .order-news-tile .order-news-description+.card-footer {
    padding-top: 0
}

.account-links .ico-cart,
.account-links .ico-wishlist {
    font-weight: 700
}

.account-links .ico-arrow-right {
    font-size: 1rem
}

.account-links img {
    height: 1rem;
    width: 1rem
}

.account-page .content-logo {
    z-index: 7
}

.account-page .search-mobile {
    display: none
}

.account-page .user-contextual-sidepanel.content-panel .panel-heading {
    padding-right: 2.5rem !important
}

.account-image {
    background-image: url(../../images/account.jpg);
    background-position-y: 50%
}

.card-footer>a {
    color: var(--skin-primary-color-1);
    text-decoration: underline
}

.card-header>a {
    color: var(--skin-primary-color-1);
    float: right;
    text-decoration: underline
}

.card-info-group p {
    margin-bottom: 0
}

.card-info-group div {
    margin-bottom: 1rem
}

.card-info-group div:last-child {
    margin-bottom: 0
}

.order-history-control h2,
.order-history h2 {
    font-weight: 700;
    margin-top: .5rem
}

.dashboard-order-card-image {
    width: 7rem;
    padding-right: 1rem
}

.dashboard-order-card-footer-columns:last-child {
    text-align: right
}

.dashboard-order-card-footer-value {
    font-weight: 700;
    font-size: 1rem
}

@media(min-width:1023px) {
    #order-cancel {
        display: grid;
        grid-template-rows: 1fr 2rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 4rem;
        bottom: 0;
        margin: 0;
        padding: 1rem
    }
}

#orderCancellationLayer {
    margin-top: .5rem;
    overflow-y: auto;
    scrollbar-width: none
}

#orderCancellationLayer::-webkit-scrollbar {
    display: none
}

@media(min-width:1023px) {
    #orderCancellationLayer {
        margin-top: 1.25rem
    }
}

#orderCancellationLayer .order-cancellation-title {
    font-size: .875rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .081875rem;
    text-transform: initial
}

#orderCancellationLayer .order-cancellation-content,
#orderCancellationLayer .address-summary-details {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .03125rem;
    text-transform: initial
}

#orderCancellationLayer .select-with-labe .nice-select {
    height: auto;
    padding: .6875rem
}

#orderCancellationLayer .select-with-labe .nice-select .current {
    text-wrap: wrap
}

#orderCancellationLayer .select-with-labe .nice-select.open .list {
    top: auto;
    bottom: 100%;
    width: 100%;
    box-shadow: none;
    border: .0625rem solid #000;
    border-radius: .3125rem;
    padding: 0;
    list-style-type: none;
    margin: 0;
    max-height: 28.5625rem
}

#orderCancellationLayer .select-with-labe .nice-select.open .list .option {
    padding: 1.3125rem;
    text-align: left;
    border-bottom: .0625rem solid #000;
    text-wrap: wrap
}

#orderCancellationLayer .select-with-labe .nice-select::after {
    font-size: .5rem;
    right: 5.375rem;
    margin-top: -.625rem
}

#orderCancellationLayer .checkout-btn,
#orderCancellationLayer .nice-select {
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .01875rem;
    text-transform: initial
}

.account-wishlist-item {
    border-bottom: 1px dashed #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-right: .15rem;
    margin-left: .15rem
}

.account-wishlist-item .line-item-header {
    margin-bottom: .1rem
}

.account-wishlist-item .account-wl-attributes {
    padding-left: 0
}

.account-wishlist-item .account-wl-image {
    padding-right: 1rem
}

.account-wishlist-item:last-child {
    border: 0
}

.account-wishlist-item .remove-from-wishlist {
    color: #999;
    font-size: 1.65em;
    padding: 0;
    position: absolute;
    border: none;
    background-color: #fff;
    top: -.625rem;
    right: 1.25rem
}

.form-animate-label label {
    transform: translateY(12px)
}

.nice-select {
    height: 2.125rem
}

.nice-select .list {
    max-height: 15rem;
    overflow-y: auto
}

@media(max-width:1023.98px) {
    .experience-commerce_assets-news+.experience-commerce_assets-news {
        border-top: .0625rem solid #000
    }
    .dropdown-menu-toggle.myaccount-links {
        order: 3
    }
    .inner {
        border-left: 0 !important;
        margin-top: .75rem
    }
    .scrollable-mob {
        border-left: 0 !important;
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        flex-flow: row
    }
    .order-tile {
        border-right: 0 !important;
        border-bottom: .0625rem solid #000
    }
    .order-history-info .border-bottom {
        border-bottom: 0 !important
    }
}

@media(min-width:1023px) {
    .logged-in-user,
    .account-logout {
        padding: .5rem .75rem
    }
    .logged-in-user::before {
        content: "";
        width: 1px;
        height: 10vw;
        border-right: .0625rem solid #000;
        position: absolute;
        right: -.0625rem;
        margin-top: -6.25rem;
        z-index: -1
    }
    .dashbaord-main-navigation-wrapper .dropdown-menu,
    .user-contextual-sidepanel .dropdown-menu {
        position: initial;
        width: 100%;
        padding-top: 0;
        border: 0
    }
}

@media(max-width:1023.98px) {
    .order-heading {
        border-bottom: .0625rem solid #000
    }
}

.order-heading .ico-arrow-right {
    font-size: .75rem;
    line-height: .5625rem
}

.order-tile {
    padding: 1.875rem .75rem
}

@media(min-width:1023px) {
    .order-tile {
        padding: 1.25rem .75rem;
        border-bottom: .0625rem solid #000;
        margin-bottom: -.0625rem
    }
}

.order-news-info .account-dashboard-main-content {
    padding-bottom: 0
}

@media(max-width:1023.98px) {
    .order-news-info .account-dashboard-main-content {
        padding-top: 0
    }
}

.order-news-info .account-dashboard-main-title {
    margin: 0
}

.news-tile-listing .experience-main {
    display: flex;
    flex-wrap: wrap
}

.news-tile-listing .order-news-action-link {
    margin: .75rem 0 0
}

.news-tile-listing .order-news-tile {
    min-height: 100%;
    padding: 1.125rem .75rem
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile {
        padding: 3.0625rem 1.0625rem 1.0625rem 3.0625rem
    }
}

.news-tile-listing .order-news-tile .card-header,
.news-tile-listing .order-news-tile .card-body {
    padding: 0
}

.news-tile-listing .order-news-tile .order-news-heading {
    margin-bottom: .75rem
}

.news-tile-listing .order-news-tile .card-footer {
    border-top: none;
    padding: .75rem 0
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .card-footer {
        padding: 0
    }
}

.news-tile-listing .order-news-tile .card-footer .order-news-action,
.news-tile-listing .order-news-tile .card-footer .order-news-action-link {
    width: -moz-fit-content;
    width: fit-content
}

.news-tile-listing .order-news-tile .card-footer .btn-news-detail {
    font-size: .75rem;
    letter-spacing: .040625rem;
    text-decoration: none;
    padding: .375rem .75rem;
    border: .0625rem solid #000;
    border-radius: .3125rem
}

@media(max-width:1023.98px) {
    .news-tile-listing .order-news-tile:last-child {
        padding-bottom: 0
    }
}

.news-tile-listing .order-news-tile .order-news-description {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    line-height: 1.58;
    margin-bottom: 1.25rem;
    overflow: hidden
}

@media(min-width:1023px) {
    .news-tile-listing .order-news-tile .order-news-description {
        max-height: 5rem;
        min-height: 5rem
    }
}

.news-tile-listing .order-news-tile .order-news-description p {
    margin: 0
}

.news-tile-listing .order-news-tile .order-news-description p+p {
    margin-top: 1.25rem
}

.news-tile-listing .order-news-tile .order-news-description+.card-footer {
    padding-top: 0
}

.account-links .ico-cart,
.account-links .ico-wishlist {
    font-weight: 700
}

.account-links .ico-arrow-right {
    font-size: 1rem
}

.account-links img {
    height: 1rem;
    width: 1rem
}

.card-footer-border {
    border-top: 1px dashed #999
}

.dashboard-cards-block-title {
    font-weight: 700;
    margin-bottom: 1em
}

.dashboard-order-card-status {
    text-transform: capitalize
}

.dashboard-order-card-image {
    width: 7rem
}

.account-landing-ordercard {
    padding: 0;
    height: 1rem;
    margin-left: 1.25rem;
    border-bottom: 0;
    margin-top: 1rem
}

.account-landing-ordercard h4 {
    font-size: 1.2rem
}

div.order-number {
    padding-top: .2rem
}

.account-logout {
    display: none
}

.account-layer-logout,
.account-logout a {
    color: red;
    text-decoration: underline
}

.logged-in-user {
    margin-top: 2.8125rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: .0625rem solid #000;
    padding: 0 1.25rem 1.25rem
}

@media(min-width:1023px) {
    .logged-in-user {
        padding-bottom: .75rem;
        margin-top: 3.125rem
    }
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.nice-select.open {
    color: #000;
    background-color: initial
}

.user-action-tabs-content .loggedin-user {
    border-bottom: .0625rem solid #000
}

.user-action-tabs-content .account-menu .user-dashboard-links a {
    border-bottom: .0625rem solid #000
}

.user-action-tabs-content .account-menu .dropdown-item a {
    justify-content: space-between;
    margin: 0 .625rem;
    padding: 1.625rem 0
}

@media(min-width:1023px) {
    .user-action-tabs-content .account-menu .dropdown-item a {
        margin: 0 1.125rem
    }
}

.account-menu-btn {
    display: none
}

.account-dashboard-main-title {
    font-size: .9375rem;
    font-weight: 500;
    letter-spacing: .02375rem;
    margin-bottom: 1.0625rem
}

@media(min-width:1023px) {
    .account-dashboard-main-title {
        font-size: 2rem
    }
}

.account-dashboard-main-content {
    padding: 1.3125rem .75rem
}

@media(max-width:1023.98px) {
    .account-dashboard-main-content.addressBook-page-container {
        min-height: 80vh
    }
}

@media(min-width:1023px) {
    .account-dashboard-main-content {
        padding: .9375rem 3.0625rem
    }
}

.dashbaord-main-navigation-wrapper .account-dashboard-accent-text {
    color: var(--brand-theme-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .035rem;
    text-transform: initial
}

@media(max-width:1023.98px) {
    .account-menu.show {
        z-index: 3
    }
    .user-action-tabs-content .account-menu {
        display: block !important;
        position: relative;
        left: 0;
        transform: none;
        top: 0;
        border: none;
        width: 100vw;
        padding: 0;
        margin: 0
    }
    .user-action-tabs-content .user-dashboard-links {
        margin: 0 !important;
        border: 0 !important
    }
}

.jquery-horizontal-scroll-wrap {
    position: relative
}

.jquery-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative
}

.jquery-horizontal-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    -webkit-appearance: none
}

.jquery-horizontal-scroll-wrap .nav-next,
.jquery-horizontal-scroll-wrap .nav-prev {
    position: absolute;
    z-index: 5;
    top: 50%;
    font-size: 20px;
    line-height: 20px;
    display: block;
    padding: 30px 8px;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    cursor: pointer;
    margin-top: -40px
}

.jquery-horizontal-scroll-wrap .nav-next.hide,
.jquery-horizontal-scroll-wrap .nav-prev.hide {
    display: none
}

.jquery-horizontal-scroll-wrap .nav-next:hover,
.jquery-horizontal-scroll-wrap .nav-prev:hover,
.jquery-horizontal-scroll-wrap .nav-next:focus,
.jquery-horizontal-scroll-wrap .nav-prev:focus {
    opacity: 1
}

.jquery-horizontal-scroll-wrap .nav-next:before,
.jquery-horizontal-scroll-wrap .nav-prev:before {
    display: inline
}

.jquery-horizontal-scroll-wrap .nav-next:before {
    content: ">"
}

.jquery-horizontal-scroll-wrap .nav-prev:before {
    content: "<"
}

.jquery-horizontal-scroll-wrap .nav-next {
    right: 0
}

.jquery-horizontal-scroll-wrap .nav-prev {
    left: 0
}

.swatch-circle-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: .2
}

.swatch-filter-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: beige;
    border-radius: 1rem;
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: .2
}

.swatch-circle-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: .2
}

.swatch-filter-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #000;
    border-radius: 1rem;
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: .2
}

.swatch-circle-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: .2
}

.swatch-filter-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #0070d2;
    border-radius: 1rem;
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: .2
}

.swatch-circle-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: .2
}

.swatch-filter-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: brown;
    border-radius: 1rem;
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: .2
}

.swatch-circle-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: .2
}

.swatch-filter-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #008827;
    border-radius: 1rem;
    background-color: #008827;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: .2
}

.swatch-circle-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: .2
}

.swatch-filter-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #8f979d;
    border-radius: 1rem;
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: .2
}

.swatch-circle-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: .2
}

.swatch-filter-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: navy;
    border-radius: 1rem;
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: .2
}

.swatch-circle-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: .2
}

.swatch-filter-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: orange;
    border-radius: 1rem;
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: .2
}

.swatch-circle-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: .2
}

.swatch-filter-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fe249a;
    border-radius: 1rem;
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: .2
}

.swatch-circle-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: .2
}

.swatch-filter-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: purple;
    border-radius: 1rem;
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: .2
}

.swatch-circle-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: .2
}

.swatch-filter-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: red;
    border-radius: 1rem;
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: .2
}

.swatch-circle-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: .2
}

.swatch-filter-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: .2
}

.swatch-circle-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: .2
}

.swatch-filter-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2rem;
    height: 2rem;
    background: #ff0;
    border-radius: 1rem;
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: .063em solid rgba(0, 0, 0, .3);
    border-radius: 0;
    display: block;
    height: 2rem;
    position: relative;
    width: 2rem
}

.swatch-circle-miscellaneous.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg)
}

span.color-value.swatch-mark {
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    display: block;
    position: relative
}

span.color-value.swatch-mark.disabled {
    opacity: .2
}

.category-tile {
    position: relative
}

.category-tile h1,
.category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff
}

.category-tile::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%)
}

.shorts {
    width: 100%;
    padding: .625rem .75rem;
    transition: all .25s ease
}

@media(min-width:1023px) {
    .shorts .inner-shorts {
        overflow: initial
    }
}

.shorts .category-shorts-wrapper {
    display: table;
    width: 100%
}

@media(min-width:1023px) {
    .shorts .category-shorts-wrapper {
        display: flex;
        flex-wrap: wrap
    }
}

.shorts .category-shorts,
.shorts ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width:1023px) {
    .shorts .category-shorts,
    .shorts ul {
        gap: .625rem 1.5625rem;
        flex-wrap: wrap
    }
}

.shorts .category-shorts .category-shorts-item,
.shorts .category-shorts li,
.shorts ul .category-shorts-item,
.shorts ul li {
    white-space: nowrap
}

@media(min-width:1023px) {
    .shorts .category-shorts .category-shorts-item,
    .shorts .category-shorts li,
    .shorts ul .category-shorts-item,
    .shorts ul li {
        display: flex;
        align-items: center;
        height: 1.5625rem
    }
}

.shorts .category-shorts .category-shorts-item+.category-shorts-item,
.shorts .category-shorts .category-shorts-item+li,
.shorts .category-shorts li+.category-shorts-item,
.shorts .category-shorts li+li,
.shorts ul .category-shorts-item+.category-shorts-item,
.shorts ul .category-shorts-item+li,
.shorts ul li+.category-shorts-item,
.shorts ul li+li {
    margin-left: .625rem
}

@media(min-width:1023px) {
    .shorts .category-shorts .category-shorts-item+.category-shorts-item,
    .shorts .category-shorts .category-shorts-item+li,
    .shorts .category-shorts li+.category-shorts-item,
    .shorts .category-shorts li+li,
    .shorts ul .category-shorts-item+.category-shorts-item,
    .shorts ul .category-shorts-item+li,
    .shorts ul li+.category-shorts-item,
    .shorts ul li+li {
        margin-left: 0
    }
}

.shorts .category-shorts .category-shorts-item a,
.shorts .category-shorts li a,
.shorts ul .category-shorts-item a,
.shorts ul li a {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .0625rem;
    text-decoration: underline
}

@media(min-width:1023px) {
    .shorts .category-shorts .category-shorts-item a,
    .shorts .category-shorts li a,
    .shorts ul .category-shorts-item a,
    .shorts ul li a {
        font-size: .75rem
    }
}

@media(min-width:1023px) {
    .shorts .category-shorts .category-shorts-item a:hover,
    .shorts .category-shorts li a:hover,
    .shorts ul .category-shorts-item a:hover,
    .shorts ul li a:hover {
        text-decoration: none
    }
}

.plp-product-viewtype {
    margin: 0 1.25rem 0 2rem
}

.plp-product-viewtype .custom-control {
    margin-bottom: 0;
    margin-left: .75rem
}

.cta-apply-sorting {
    bottom: 0;
    left: 0
}

@media(min-width:1023px) {
    .cta-apply-sorting {
        bottom: .75rem;
        left: .75rem
    }
}

.cta-apply-sorting .btn {
    height: 2.5rem;
    width: 100%
}

@media(min-width:1023px) {
    .cta-apply-sorting .btn {
        width: calc(100% - 24px)
    }
}

.category-option-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .6875rem
}

@media(min-width:1023px) {
    .category-option-filters {
        gap: 2.1875rem;
        padding: 0
    }
}

.category-option-filters .btn {
    min-width: initial;
    width: 5.75rem
}

.category-option-filters .btn .filters-count {
    display: none
}

@media(min-width:1023px) {
    .plp-refinement-filters .shorts {
        width: 95%;
        padding: 0
    }
    .plp-refinement-filters .shorts .nav-scroll {
        display: none !important
    }
}

[data-scroll-dir=up] .plp-refinement-filters .shorts {
    height: 0;
    padding: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none
}

@media(min-width:1023px) {
    [data-scroll-dir=up] .plp-refinement-filters .shorts {
        height: initial;
        padding: 0;
        visibility: visible;
        pointer-events: initial
    }
}

.plp-refinement-filters .category-filters-container {
    border-top: .0625rem solid #000
}

@media(min-width:1023px) {
    .plp-refinement-filters .category-filters-container {
        border: none;
        flex: 1
    }
}

@media(min-width:1023px) {
    .plp-refinement-filters .filter-controls {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem 1.25rem 1.125rem
    }
}

.plp-refinement-filters .filter-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .625rem .75rem .625rem .6875rem;
    border-top: .0625rem solid #000;
    overflow: hidden
}

@media(min-width:1023px) {
    .plp-refinement-filters .filter-bar {
        padding: .8125rem 1.25rem
    }
}

.plp-refinement-filters .filter-bar .nav-prev {
    left: -.75rem
}

.plp-refinement-filters .filter-bar .nav-next {
    right: -.75rem
}

.plp-refinement-filters .filter-reset {
    padding: 0;
    border: none;
    background: transparent;
    color: #000;
    font-size: .75rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .075rem;
    text-decoration: underline
}

@media(min-width:1023px) {
    .plp-refinement-filters .filter-reset:hover {
        color: rgba(14, 14, 14, .8);
        text-decoration: none
    }
}

.plp-refinement-filters .reset-selected-filters {
    flex: 0 1;
    width: auto;
    padding-left: 1.25rem
}

.plp-refinement-filters .selected-filters-wrapper {
    flex: 1 0;
    overflow: hidden;
    padding: 0 .0625rem
}

.plp-refinement-filters .selected-filters-carousel {
    width: 100% !important
}

.plp-refinement-filters .selected-filters-wrap {
    display: table;
    width: 100%;
    padding-right: .3125rem
}

.plp-refinement-filters .selected-filters-inner {
    position: relative;
    bottom: -.0625rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.plp-refinement-filters .filter-value+.filter-value {
    margin-left: .8125rem
}

.plp-refinement-filters .filter-value-drop {
    display: inline-flex;
    align-items: baseline;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    color: #000;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .075rem;
    white-space: nowrap
}

.plp-refinement-filters .filter-value-drop .filter-value-color {
    position: relative;
    bottom: -.125rem;
    display: inline-flex;
    width: .875rem;
    height: .875rem;
    margin-right: .375rem;
    border-radius: 100%
}

.plp-refinement-filters .filter-value-drop .filter-value-color[style*="null.jpg"] {
    background-image: linear-gradient(-45deg, #d29b56, #f396f5, #2cb0da, #36B74F) !important
}

.plp-refinement-filters .filter-value-drop-x {
    margin-left: .3125rem;
    font-size: .5rem;
    font-weight: 700
}

.plp-refinement-filters.fixed-top {
    border-bottom: .0625rem solid #000;
    border-top: .0625rem solid #000;
    padding: .875rem 1.25rem .125rem
}

.plp-refinement-filters.fixed-top .page-title {
    display: none
}

.plp-refinement-filters.fixed-top .search-by-gender {
    margin-left: 0
}

.plp-refinement-filters .filter-left {
    display: flex;
    flex-wrap: nowrap
}

.plp-refinement-filters .page-title {
    white-space: nowrap
}

@media(max-width:1023.98px) {
    .plp-refinement-filters {
        margin-top: -.0625rem;
        position: inherit;
        top: 0
    }
    .plp-refinement-filters .plp-product-viewtype {
        margin: 0 0 0 auto
    }
    .plp-refinement-filters .filter-left {
        overflow: hidden;
        padding: .5rem .75rem 0
    }
}

.product-refinment-container {
    overflow: hidden;
    overflow-y: auto;
    height: 100%
}

.product-refinment-container .collapsible-xl .content,
.product-refinment-container .collapsible-xl .card-body {
    display: none
}

.product-refinment-container .collapsible-xl button {
    color: #000
}

.product-refinment-container .filters-listing {
    flex-direction: column
}

.product-refinment-container .refinement-color .filters-listing {
    flex-flow: row wrap;
    overflow: hidden
}

.product-refinment-container .refinement-gender .custom-control-input {
    border-radius: 5px
}

.product-refinment-container .custom-control label {
    font-weight: 400
}

.product-refinment-container .refinement-categories li>ul.values {
    margin-left: 1.25rem;
    display: flex !important;
    flex-direction: column
}

.product-refinment-container .refinement-categories li>ul.values li:first-child {
    margin-top: 1.25rem
}

.product-refinment-container .refinement-categories li>ul.values li:last-child {
    margin-bottom: 0 !important
}

.product-refinment-container .refinement.card .title::after {
    line-height: 1rem;
    font-size: .75rem;
    content: ""
}

.product-refinment-container .refinement.card.active {
    border-bottom-color: #000
}

.product-refinment-container .refinement.card.active .title::after {
    content: ""
}

.product-refinment-container .refinement.card.active .card-body {
    background: #fff;
    display: block;
    padding: 0 .75rem;
    position: relative;
    margin-bottom: 1.25rem;
    margin-top: -.5625rem;
    z-index: 9
}

@media(min-width:1023px) {
    .product-refinment-container .refinement.card.active .card-body {
        padding: 0 1.25rem
    }
}

.product-refinment-container .refinement.card.active .content {
    display: block;
    padding-bottom: 0;
    padding-top: 0
}

.product-refinment-container .refinement.card.active .content .content {
    margin: 0
}

.product-refinment-container .refinement.card.active .custom-control {
    margin-bottom: 1.25rem
}

@media(min-width:1023px) {
    .product-refinment-container .refinement.card.active .custom-control {
        margin-bottom: .75rem
    }
}

.product-refinment-container .refinement.card.active .custom-control:last-child {
    margin: 0
}

.product-refinment-container .filter-collapsible-btn {
    border: 0;
    border-bottom: .0625rem solid #000;
    height: 3.5rem;
    background: transparent;
    padding: 1.25rem .75rem;
    width: 100%;
    line-height: 1rem
}

@media(min-width:1023px) {
    .product-refinment-container .filter-collapsible-btn {
        padding: 1.25rem
    }
}

.progress {
    height: .25rem;
    width: 16.0625rem;
    background-color: transparent;
    border: 1px solid #000
}

.progress .progress-bar {
    background-color: #000
}

.refinement-bar {
    overflow: auto;
    display: none;
    background-color: #fff;
    box-shadow: 0 .313em .938em rgba(0, 0, 0, .5);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.refinement-bar ul {
    padding-left: 0
}

@media(max-width:1022.98px) {
    .refinement-bar {
        position: fixed;
        height: 100%
    }
}

.filter-header {
    margin-left: 0;
    margin-right: 0
}

.header-bar {
    background-color: #eee;
    border-bottom: .063em solid #eee
}

.header-bar button.close {
    font-size: 1rem;
    font-weight: 400;
    opacity: 1
}

.header-bar .fa.fa-close::before {
    font-size: 1.25em
}

@media(min-width:1023px)and (max-width:1023.98px) {
    .header-bar {
        padding: .938em 2.813em
    }
}

@media(max-width:1022.98px) {
    .header-bar {
        padding: .938em
    }
}

.refinements .header,
.refinements .values {
    padding: .313em 0
}

.refinements .header li,
.refinements .values li {
    display: inline-block
}

.refinements .header {
    font-size: 1.125em;
    color: #444
}

.refinements ul {
    overflow: auto
}

.refinements ul li {
    padding-left: 1px
}

.refinements ul li button {
    border: none;
    color: var(--skin-link-color-1);
    background-color: transparent
}

.refinements li {
    list-style-type: none;
    padding-left: 0
}

.refinements li.color-attribute {
    display: inline-block;
    padding-left: 0;
    height: 2rem
}

.refinements li.color-attribute button {
    padding: 0
}

.refinements li.disabled {
    opacity: .5
}

@media(max-width:1022.98px) {
    .refinements {
        padding: 0
    }
}

.refinements .card-header h2 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0
}

.secondary-bar {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1em;
    overflow: auto
}

@media(max-width:1023.98px) {
    .secondary-bar button.reset {
        float: right
    }
}

@media(min-width:1023px)and (max-width:1023.98px) {
    .secondary-bar {
        padding: .938em 2.813em
    }
}

@media(max-width:1022.98px) {
    .secondary-bar {
        padding: .938em
    }
}

.refinement-header {
    overflow: auto
}

.disabled {
    pointer-events: none
}

.grid-header,
.content-grid-header {
    margin-top: 1em;
    margin-bottom: 1em
}

@media(max-width:1022.98px) {
    .grid-header .result-count,
    .content-grid-header .result-count {
        padding-bottom: .938em
    }
    .grid-header .filter-results,
    .content-grid-header .filter-results {
        display: block;
        width: 100%
    }
}

.grid-header select,
.content-grid-header select {
    width: 100%
}

.result-count {
    font-size: .875rem
}

.refinement {
    margin-bottom: 1em
}

.refinement.card {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-bottom: 0
}

.refinement .card-header {
    border-bottom: 0;
    padding: .25rem 1rem
}

.refinement .card-body {
    padding: 0 1rem
}

.refinement a {
    text-decoration: none
}

.refinement.refinement-category li {
    margin-left: .938em;
    display: block
}

.refinement.refinement-category>ul>li {
    margin-left: 0
}

.search-banner {
    background-image: url(../images/search.jpg);
    background-position-y: 40%
}

.search-keywords {
    font-weight: 700
}

.selected-filters .filter-value {
    display: inline-block;
    border-right: .0625rem solid #000
}

.selected-filters .filter-value button {
    border: none;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-size: .5rem;
    line-height: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.selected-filters .filter-value button>span:not(.sr-only) {
    position: relative;
    bottom: .0625rem
}

.selected-filters .filter-value button [class^=ico-] {
    position: relative;
    font-size: .5rem;
    display: block;
    height: 8px;
    width: 8px;
    top: -.125rem
}

.selected-filters .filter-value button [class^=ico-]::before {
    display: block;
    height: 8px;
    width: 8px
}

.selected-filters .swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 4px
}

.selected-filters .swatch-filter button {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

.selected-filters .swatch-filter button::before {
    content: "";
    background-color: #fff;
    width: .8em;
    height: .8em;
    border-radius: .4em;
    position: absolute;
    left: .5em;
    top: .5em
}

.selected-filters .swatch-filter button::after {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline;
    text-rendering: auto;
    position: absolute;
    left: .18em;
    top: .12em;
    font-size: 1.5em
}

@media(max-width:1022.98px) {
    .tab-content {
        padding-left: 0;
        padding-right: 0
    }
}

.search-tips {
    text-align: left;
    margin-top: 1.875rem
}

.category-item {
    margin-bottom: .938rem
}

.swatch-mark.color-value[data-selected=true]::after {
    color: #000;
    content: "";
    display: table-caption;
    font-family: fontawesome;
    font-size: 1.625em;
    left: .295em;
    position: absolute
}

.swatch-mark.color-value.selected::after {
    background: #000;
    border: .0625rem solid #fff;
    content: "";
    left: calc(50% - 2px);
    top: calc(50% - 2px);
    height: .25rem;
    position: absolute;
    width: .25rem
}

.search-nav {
    margin-bottom: 1em;
    border-bottom: .063em solid #ccc
}

.search-nav .nav-tabs-wrapper {
    padding: 0
}

@media(max-width:1022.98px) {
    .search-nav .nav-tabs-wrapper {
        width: 100%
    }
}

.search-nav .nav-tabs-wrapper .nav-tabs {
    border-bottom: 0
}

.search-nav .nav-link:focus {
    background-color: #f9f9f9
}

.product-options .quantity {
    position: absolute;
    bottom: 0;
    right: 0
}

.packshot-viewtype-grid .packshot-image-wrapper {
    display: block
}

.packshot-viewtype-grid .hires-image-wrapper {
    display: none
}

.hires-viewtype-grid .packshot-image-wrapper {
    display: none
}

.hires-viewtype-grid .hires-image-wrapper {
    display: block
}

.packshot-viewtype-grid .plp-tile-video,
.hires-viewtype-grid .plp-tile-video {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1
}

.search-default-content .product-mkt-badge,
.search-default-content .product-tag-grid,
.search-default-content .add-to-wishlist {
    display: none !important
}

.search-default-content .pdp-link .link:hover {
    text-decoration: none
}

.search-default-content .price .sales :hover {
    text-decoration: none
}

.search-default-content .price .strike-through :hover {
    text-decoration: none
}

.default-serach-result .video-container.carousel-item,
.product-recommendations .video-container.carousel-item {
    display: flex
}

.default-serach-result .carousel-item,
.product-recommendations .carousel-item {
    padding: 0
}

.default-serach-result .carousel-item img,
.default-serach-result .carousel-item .plp-tile-video,
.product-recommendations .carousel-item img,
.product-recommendations .carousel-item .plp-tile-video {
    min-height: 10.9375rem
}

.default-serach-result .carousel-item .plp-tile-video,
.product-recommendations .carousel-item .plp-tile-video {
    aspect-ratio: 720/955 !important
}

.default-serach-result .carousel-item .slick-list,
.product-recommendations .carousel-item .slick-list {
    padding: 0 2.125rem 0 0
}

@media(min-width:1023px) {
    .default-serach-result .carousel-item .slick-list,
    .product-recommendations .carousel-item .slick-list {
        padding: 0
    }
}

.default-serach-result .carousel-item .slick-list .slick-slide,
.product-recommendations .carousel-item .slick-list .slick-slide {
    padding-right: 1.875rem !important;
    margin-right: 0
}

.default-serach-result .product-tile .product-mkt-badge,
.default-serach-result .product-tile .product-tag-grid,
.default-serach-result .product-tile .sold-out-label,
.product-recommendations .product-tile .product-mkt-badge,
.product-recommendations .product-tile .product-tag-grid,
.product-recommendations .product-tile .sold-out-label {
    display: none
}

.default-serach-result .product-tile:hover .tile-body,
.product-recommendations .product-tile:hover .tile-body {
    display: block !important
}

.default-serach-result .image-container,
.product-recommendations .image-container {
    display: inline-block;
    vertical-align: top
}

.default-serach-result .tile-body,
.product-recommendations .tile-body {
    margin: .4375rem 0 0 !important;
    max-height: 100% !important;
    position: relative !important;
    bottom: 0 !important;
    padding: 0 !important
}

.default-serach-result .add-to-wish-list,
.product-recommendations .add-to-wish-list {
    display: none
}

.default-serach-result .pdp-link,
.product-recommendations .pdp-link {
    max-width: 100%;
    max-height: 100%
}

.default-serach-result .pdp-link .link,
.product-recommendations .pdp-link .link {
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: .031875rem;
    text-transform: initial;
    white-space: normal !important;
    display: block
}

.default-serach-result .price,
.product-recommendations .price {
    margin-left: 0;
    margin-top: .4375rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: normal
}

.default-serach-result .price .discount-percent,
.product-recommendations .price .discount-percent {
    position: relative;
    bottom: 0;
    line-height: 1.36;
    letter-spacing: .055rem
}

.default-serach-result .price .range,
.product-recommendations .price .range {
    font-weight: 500
}

.default-serach-result .tile-name-price,
.product-recommendations .tile-name-price {
    display: unset
}

.noresult-products-suggestions {
    margin-bottom: 64px
}

.jquery-horizontal-scroll-wrap .nav-scroll {
    top: 0;
    width: 3.125rem;
    height: 100%;
    margin: 0;
    padding: 0 .6875rem;
    display: flex;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, white 60%);
    color: #000;
    font-size: 0
}

.jquery-horizontal-scroll-wrap .nav-scroll::before {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    width: .5rem;
    height: .5rem;
    border-style: solid;
    border-width: .09375rem .09375rem 0 0;
    transform: rotate(-45deg);
    content: ""
}

.jquery-horizontal-scroll-wrap .nav-scroll.hide {
    display: none !important
}

.jquery-horizontal-scroll-wrap .nav-next {
    justify-content: flex-end;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, white 60%)
}

.jquery-horizontal-scroll-wrap .nav-next::before {
    left: -.125rem;
    transform: rotate(45deg)
}

.jquery-horizontal-scroll-wrap .nav-prev::before {
    left: .125rem;
    transform: rotate(-135deg)
}

.search-results {
    padding-bottom: 2.1875rem;
    margin-top: 2.1875rem
}

@media(min-width:1023px) {
    .search-results {
        margin-top: 0
    }
}

[data-scroll-dir=up] .plp-header {
    position: sticky;
    background-color: #fff;
    z-index: 10;
    top: calc(var(--header-current-height) - 1px)
}

.plp-nav-header {
    z-index: 10;
    background-color: #fff
}

@media(min-width:1023px) {
    .plp-nav-header {
        border-top: .0625rem solid #000
    }
}

[data-scroll-dir=up] .plp-nav-header {
    position: sticky;
    top: calc(var(--header-current-height) + var(--title-current-height) - 1px)
}

.plp-category-title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: .625rem 1rem .3125rem
}

@media(min-width:1023px) {
    .plp-category-title {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}

.plp-category-name {
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .083125rem
}

@media(min-width:1023px) {
    .plp-category-name {
        font-size: 2.625rem;
        letter-spacing: .10125rem
    }
}

.plp-search-key {
    margin: 0;
    font-size: .75rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .02875rem
}

@media(min-width:1023px) {
    .plp-search-key {
        font-size: .875rem;
        letter-spacing: .03375rem
    }
}

.plp-search-key span {
    margin-left: .375rem;
    font-size: 1.5rem
}

@media(min-width:1023px) {
    .plp-search-key span {
        font-size: 2.625rem;
        letter-spacing: .10125rem
    }
}

.plp-search-key:not(.plp-search-key-no-result),
.plp-search-key:not(.plp-search-key-no-result)+span {
    padding-bottom: .75rem
}

@media(min-width:1023px) {
    .plp-search-key:not(.plp-search-key-no-result),
    .plp-search-key:not(.plp-search-key-no-result)+span {
        padding-bottom: 0
    }
}

.plp-category-product-count {
    position: relative;
    top: .125rem;
    margin-left: .40625rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .02875rem
}

@media(min-width:1023px) {
    .plp-category-product-count {
        top: -.1875rem;
        font-size: .875rem;
        letter-spacing: .03375rem
    }
}

.category-breadcrumbs {
    display: none;
    padding: .875rem 1.25rem
}

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

.category-breadcrumbs .breadcrumb-item-container:last-child .breadcrumb-item {
    text-decoration: underline
}

.plp-seo-text-container {
    padding: 1.5625rem .75rem 0
}

@media(min-width:1023px) {
    .plp-seo-text-container {
        padding: 1.5625rem 1.25rem 0
    }
}

.plp-seo-text {
    text-align: center;
    letter-spacing: .06875rem;
    font-size: .75rem;
    font-weight: 500
}

@media(min-width:1023px) {
    .plp-seo-text {
        font-size: .6875rem
    }
}

.plp-seo-text__button {
    margin-top: .25rem;
    padding: 0;
    border: none;
    background: 0 0;
    color: #000;
    text-decoration: underline;
    outline-offset: .125rem;
    text-underline-offset: .125rem;
    font-size: .75rem;
    font-weight: 500
}

@media(min-width:1023px) {
    .plp-seo-text__button:hover {
        text-decoration: none
    }
}

.plp-seo-text__wrapper {
    text-align: center
}

.plp-show-more {
    display: flex;
    flex-flow: row wrap;
    gap: .9375rem 0;
    max-width: 17rem;
    margin: 0 auto;
    padding-top: 2.125rem
}

@media(min-width:1024px) {
    .plp-show-more {
        justify-content: center;
        max-width: initial;
        gap: 1.125rem 1.375rem
    }
}

.grid-footer-full {
    width: 100%;
    text-align: center
}

.progress-bar-wrapper {
    width: 100%
}

.progress-bar-wrapper .progress {
    width: 100%;
    height: .375rem;
    background: #ebebeb;
    border: none;
    border-color: transparent;
    border-radius: 3px
}

@media(min-width:1024px) {
    .progress-bar-wrapper .progress {
        width: 16.875rem;
        margin: 0 auto
    }
}

.progress-bar-wrapper .progress .progress-bar {
    background-color: var(--brand-theme-color, #f396f5)
}

.plp-action-btn {
    width: 100%;
    padding: .375rem .9375rem;
    text-align: center;
    text-transform: initial;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .040625rem
}

@media(min-width:1024px) {
    .plp-action-btn {
        min-width: 8.125rem;
        width: auto;
        padding: .375rem 1.5625rem
    }
}

.product-grid-wrapper {
    overflow: hidden
}

.product-grid-wrapper .product-grid {
    margin: 0 -2px;
    overflow: hidden
}

.product-grid-wrapper .product-grid .main-product-tile,
.product-grid-wrapper .product-grid .product {
    height: 100%
}

.product-grid-wrapper .product-grid .product-tile {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 2px 4px;
    margin-bottom: 0
}

.product-grid-wrapper .product-grid .product-tile .product-tile {
    display: flex;
    flex-direction: column
}

.product-grid-wrapper .product-grid .product-tile .main-product-tile,
.product-grid-wrapper .product-grid .product-tile .product,
.product-grid-wrapper .product-grid .product-tile .product-tile,
.product-grid-wrapper .product-grid .product-tile .carousel-inner,
.product-grid-wrapper .product-grid .product-tile .video-container {
    height: 100%
}

.product-grid-wrapper .product-grid .product-tile .image-container .plp-tile-video {
    aspect-ratio: 720/955 !important;
    vertical-align: middle
}

.product-grid-wrapper .product-grid .product-tile .image-container .carousel {
    width: 100%;
    height: 100%
}

.product-grid-wrapper .product-grid .product-tile .image-container .carousel img,
.product-grid-wrapper .product-grid .product-tile .image-container .carousel video {
    width: 100%;
    height: 100%
}

.product-grid-wrapper .product-grid .product-tile .image-container img {
    width: 100%
}

.product-grid-wrapper~.shorts-footer .shorts {
    margin-top: 1.875rem;
    margin-bottom: -.625rem
}

@media(min-width:1023px) {
    .product-grid-wrapper~.shorts-footer .shorts {
        margin-top: 1.75rem;
        margin-bottom: -.3125rem
    }
}

@media(min-width:1023px) {
    .product-grid-wrapper~.shorts-footer .shorts .category-shorts,
    .product-grid-wrapper~.shorts-footer .shorts ul {
        justify-content: center
    }
}

.product-grid-pd {
    display: grid;
    grid-template-columns: repeat(var(--plp-grid-rule-mobile), minmax(0, 1fr))
}

@media(min-width:1024px) {
    .product-grid-pd {
        grid-template-columns: repeat(var(--plp-grid-rule-desktop), minmax(0, 1fr))
    }
}

.product-grid-pd .region {
    margin: 0
}

.product-grid-pd>[class*=col-] {
    max-width: none
}

.product-grid-pd .grid-footer {
    grid-row: auto;
    grid-column: 1/-1;
    align-self: end;
    width: 100%
}

.shorts-header {
    width: 100%
}

@media(max-width:1023.98px) {
    .shorts-header .category-shorts-item {
        display: list-item !important
    }
    .shorts-header .more-less-btn {
        display: none !important
    }
}

@media(min-width:1023px) {
    .shorts-header .category-shorts-wrapper {
        flex-wrap: wrap;
        opacity: 0;
        transition: opacity .25s ease-in
    }
    .shorts-header .category-shorts-wrapper.fade-in {
        opacity: 1;
        flex-wrap: nowrap
    }
    .shorts-header .category-shorts-wrapper:not(.fade-in) .category-shorts-item~.category-shorts-item {
        display: none
    }
    .shorts-header .category-shorts {
        width: auto;
        padding-right: 24px
    }
}

.shorts-footer {
    max-width: 60rem;
    margin: 0 auto
}

#plp-sorting-form-container {
    height: calc(100% - 104px);
    margin: 0 !important;
    padding: 0
}

@media(min-width:1023px) {
    #plp-sorting-form-container {
        padding: 0 1.25rem .5rem
    }
}

#plp-sorting-form-container .form-group {
    margin-bottom: 0;
    padding: 1.375rem 1.625rem;
    border-bottom: .0625rem solid #000
}

@media(min-width:1023px) {
    #plp-sorting-form-container .form-group {
        padding: 1.375rem 1.625rem 1.375rem 2.4375rem
    }
}

#plp-sorting-form-container .form-group .custom-control-label {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .075rem
}

#plp-sorting-form-container .cta-apply-sorting {
    bottom: .5rem;
    left: .75rem;
    right: .75rem;
    width: calc(100% - 24px) !important
}

@media(min-width:1023px) {
    #plp-sorting-form-container .cta-apply-sorting {
        bottom: 1.25rem;
        left: 1.25rem;
        right: 1.25rem;
        width: calc(100% - 40px) !important
    }
}

#plp-sorting-form-container .cta-apply-sorting .btn {
    width: 100%;
    height: 2.375rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .01875rem
}

#plp-filters-option-form {
    height: calc(100% - 104px);
    margin: 0 !important;
    padding: 0
}

#plp-filters-option-form .product-refinment-container {
    overflow: initial;
    height: initial;
    padding: 0 .75rem .5rem
}

@media(min-width:1023px) {
    #plp-filters-option-form .product-refinment-container {
        padding: 0 1.25rem .5rem
    }
}

#plp-filters-option-form .product-refinment-container .card .card-body {
    margin: 0;
    padding: 0 0 1.5rem
}

#plp-filters-option-form .product-refinment-container .card .card-body .filters-listing,
#plp-filters-option-form .product-refinment-container .card .card-body .values,
#plp-filters-option-form .product-refinment-container .card .card-body .refinement-categories {
    flex-flow: row wrap !important;
    gap: 1.5rem 0
}

#plp-filters-option-form .product-refinment-container .card .card-body .form-group,
#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute {
    display: flex;
    align-items: center;
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0
}

#plp-filters-option-form .product-refinment-container .card .card-body .form-group input,
#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute input {
    margin: 0;
    border-radius: 100%;
    cursor: pointer
}

#plp-filters-option-form .product-refinment-container .card .card-body .form-group input:checked~.custom-control-label,
#plp-filters-option-form .product-refinment-container .card .card-body .form-group input.checked~.custom-control-label,
#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute input:checked~.custom-control-label,
#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute input.checked~.custom-control-label {
    font-weight: 700
}

#plp-filters-option-form .product-refinment-container .card .card-body .form-group .custom-control-label,
#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute .custom-control-label {
    padding-left: 1.25rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: .9375rem;
    letter-spacing: .06875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

#plp-filters-option-form .product-refinment-container .card .card-body .form-group.one-column {
    flex: 1 0 100%;
    max-width: 100%
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute {
    padding-left: .1875rem
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn {
    display: flex;
    align-items: center;
    width: 100%
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn.selected .color-value {
    outline: .0625rem solid #000;
    outline-offset: .125rem
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn.selected .color-value-label {
    font-weight: 700
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn .color-value {
    width: .875rem;
    height: .875rem;
    border-radius: 100%
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn .color-value[style*="null.jpg"] {
    background-image: linear-gradient(-45deg, #d29b56, #f396f5, #2cb0da, #36B74F) !important
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn .color-value::after {
    content: none
}

#plp-filters-option-form .product-refinment-container .card .card-body .color-attribute-btn .color-value-label {
    display: block;
    flex: 1 0;
    padding-left: 1.25rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: .9375rem;
    letter-spacing: .06875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

#plp-filters-option-form .product-refinment-container .card .card-body .refinement-categories .form-group {
    max-width: 100%;
    flex: 1 0 100%;
    flex-wrap: wrap
}

#plp-filters-option-form .product-refinment-container .card .card-body .refinement-categories .refinement-categories {
    gap: 0;
    width: 100%;
    margin-top: 1.5rem;
    margin-left: .875rem
}

#plp-filters-option-form .product-refinment-container .card .card-body .refinement-categories .refinement-categories .form-group {
    max-width: 100%;
    flex: 1 0 100%
}

#plp-filters-option-form .product-refinment-container .filter-collapsible-btn {
    display: flex;
    justify-content: space-between;
    height: initial;
    padding: 1.375rem 1.375rem 1.375rem 0;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .075rem;
    text-transform: initial
}

#plp-filters-option-form .product-refinment-container .filter-collapsible-btn::after {
    position: relative;
    top: .1875rem;
    left: -.0625rem;
    display: flex;
    width: .4375rem;
    height: .4375rem;
    border-style: solid;
    border-width: .09375rem .09375rem 0 0;
    transform: rotate(135deg);
    content: "";
    font-size: 0
}

#plp-filters-option-form .product-refinment-container .filter-collapsible-btn[aria-expanded=true] {
    border-bottom-color: transparent
}

#plp-filters-option-form .product-refinment-container .filter-collapsible-btn[aria-expanded=true]::after {
    top: .5rem;
    transform: rotate(-45deg)
}

#plp-filters-option-form .refinement-actions {
    bottom: .5rem;
    left: .75rem;
    right: .75rem;
    flex-wrap: nowrap;
    gap: 1rem;
    width: calc(100% - 24px) !important
}

@media(min-width:1023px) {
    #plp-filters-option-form .refinement-actions {
        bottom: 1.25rem;
        left: 1.25rem;
        right: 1.25rem;
        width: calc(100% - 40px) !important
    }
}

#plp-filters-option-form .refinement-actions .btn {
    flex: initial;
    max-width: initial;
    height: 2.375rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .01875rem
}

.plp-no-result {
    max-width: 53.375rem;
    margin: 0 auto
}

.plp-no-result .html-slot-container {
    width: 100%
}

@media(min-width:1023px) {
    .plp-no-result .category-recommendations {
        margin: 0 -.75rem
    }
}

.plp-no-result .category-recommendations h2 {
    margin: 0;
    padding: 2.25rem .75rem 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .035rem
}

@media(min-width:1023px) {
    .plp-no-result .category-recommendations h2 {
        padding-top: 3.0625rem
    }
}

.plp-no-result .product-recommendations {
    padding: 2.375rem 0
}

@media(min-width:1023px) {
    .plp-no-result .product-recommendations {
        padding: 3.25rem 0 9.5rem
    }
}

.plp-no-result .product-recommendations .search-section-title {
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .035rem;
    text-transform: initial
}

.plp-no-result .product-recommendations .search-products-recs,
.plp-no-result .product-recommendations .products-carousel {
    margin: 0
}

.plp-no-result .product-recommendations .search-products-recs .slick-list,
.plp-no-result .product-recommendations .products-carousel .slick-list {
    padding: 0 2.125rem 0 0
}

@media(min-width:1023px) {
    .plp-no-result .product-recommendations .search-products-recs .slick-list,
    .plp-no-result .product-recommendations .products-carousel .slick-list {
        padding: 0
    }
}

.plp-no-result .product-recommendations .search-products-recs .slick-list .slick-slide,
.plp-no-result .product-recommendations .products-carousel .slick-list .slick-slide {
    padding-right: 1.875rem;
    margin-right: 0;
    margin-left: 0
}

@media(min-width:1023px) {
    .plp-no-result .product-recommendations .search-products-recs .slick-list .slick-slide,
    .plp-no-result .product-recommendations .products-carousel .slick-list .slick-slide {
        padding-right: 3.1875rem
    }
}

.plp-no-result .product-recommendations .search-products-recs .slick-arrow,
.plp-no-result .product-recommendations .products-carousel .slick-arrow {
    top: 35%
}

.plp-no-result .product-recommendations .search-products-recs .slick-arrow-left::before,
.plp-no-result .product-recommendations .products-carousel .slick-arrow-left::before {
    left: 0
}

@media(min-width:1023px) {
    .plp-no-result .product-recommendations .search-products-recs .slick-arrow-left::before,
    .plp-no-result .product-recommendations .products-carousel .slick-arrow-left::before {
        left: -1.0625rem
    }
}

@media(min-width:1023px) {
    .plp-no-result .product-recommendations .search-products-recs .slick-arrow-right,
    .plp-no-result .product-recommendations .products-carousel .slick-arrow-right {
        right: -.125rem
    }
}

.plp-no-result .product-recommendations .search-products-recs .carousel-arrows,
.plp-no-result .product-recommendations .search-products-recs .carousel-control-prev,
.plp-no-result .product-recommendations .search-products-recs .carousel-control-next,
.plp-no-result .product-recommendations .search-products-recs .product-swatch-container,
.plp-no-result .product-recommendations .products-carousel .carousel-arrows,
.plp-no-result .product-recommendations .products-carousel .carousel-control-prev,
.plp-no-result .product-recommendations .products-carousel .carousel-control-next,
.plp-no-result .product-recommendations .products-carousel .product-swatch-container {
    display: none !important
}

@media(min-width:1023px) {
    .dashbaord-main-navigation-wrapper {
        border-top: .0625rem solid #000
    }
}

@media(min-width:1023px) {
    .dashbaord-main-navigation-container .loggedin-user {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        background-color: #fff
    }
    .dashbaord-main-navigation-container .account-menu {
        display: block;
        flex-grow: 1
    }
}

.dashbaord-main-navigation-container .loggedin-user {
    justify-content: space-between;
    padding: 1rem .75rem
}

@media(min-width:1023px) {
    .dashbaord-main-navigation-container .loggedin-user {
        padding: 1.375rem 1.125rem
    }
}

.dashbaord-main-navigation-container .loggedin-user .user-salutation {
    font-size: .9375rem;
    font-weight: 500;
    letter-spacing: .04375rem;
    margin-bottom: 0
}

.dashbaord-main-navigation-container .account-logout-link {
    font-size: .75rem;
    letter-spacing: .040625rem;
    text-decoration: none;
    padding: .375rem .75rem;
    border: .0625rem solid #000;
    border-radius: .3125rem
}

.dashbaord-main-navigation-container .dashboard-links {
    margin: 0;
    padding: 0
}

.dashbaord-main-navigation-container .dashboard-links .dropdown-item {
    border: 0
}

.dashbaord-main-navigation-container .dashboard-links .dropdown-item:hover,
.dashbaord-main-navigation-container .dashboard-links .dropdown-item:focus {
    background-color: transparent
}

.dashbaord-main-navigation-container .dashboard-links .dropdown-item a {
    font-size: .875rem;
    letter-spacing: .05125rem;
    font-family: avantgarde-demi, helvetica, Arial, serif
}

.dashbaord-main-navigation {
    position: relative;
    z-index: 6;
    margin-top: 0
}

@media(min-width:1023px) {
    .dashbaord-main-navigation {
        border-right: .03125rem solid #000
    }
}

.dashbaord-main-navigation .dashbaord-main-navigation-container {
    padding-top: 0;
    position: sticky;
    top: 0
}

@media(min-width:1023px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container {
        min-height: 100vh;
        margin-top: 0;
        margin-right: .03125rem
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .myaccount-links {
        position: relative;
        margin-bottom: 1.25rem;
        display: flex;
        height: 80%
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .loggedin-user {
        padding-left: 1.375rem;
        margin-top: .1875rem
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .user-dashboard-links {
        margin: 0;
        border: 0
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .account-logout-link {
        bottom: 1.125rem;
        left: 1.5625rem;
        position: sticky;
        z-index: 1000
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .account-menu-btn {
        display: none !important
    }
}

@media(max-width:1023.98px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle.account-menu-btn {
        align-items: center;
        border-radius: .3125rem;
        display: flex;
        justify-content: center;
        margin: .75rem;
        width: calc(100% - 24px)
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle::after {
        border: 0;
        content: "";
        font-family: custom-icons;
        margin-left: .75rem;
        position: static;
        transform: rotate(90deg);
        width: .5rem
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle .selected-link {
        font-size: .9375rem;
        text-transform: none
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile .dropdown-toggle .selected-link i {
        font-size: 1rem;
        padding-right: .6875rem
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .account-menu-btn {
        border-radius: .3125rem .3125rem 0 0
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .dropdown-toggle::after {
        transform: rotate(-90deg)
    }
}

@media(max-width:1023.98px)and (max-width:1023.98px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .account-menu-btn {
        height: auto
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .selected-link,
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .dropdown-item a {
        padding: 1.125rem .6875rem
    }
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile.show .dropdown-item+.dropdown-item {
        border-top: .0625rem solid #000
    }
}

@media(max-width:1023.98px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-menu-toggle.simple.only-mobile .dropdown-menu.show {
        border-color: #000;
        border-radius: 0 0 .3125rem .3125rem;
        border-top: 0;
        bottom: 0;
        margin-left: .8125rem;
        transform: translateY(100%);
        width: calc(100% - 24px)
    }
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .account-logout {
    display: unset;
    position: absolute;
    right: .75rem;
    top: .625rem;
    border: none;
    padding: 0
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .ico-arrow-right {
    display: none
}

@media(min-width:1023px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .ico-arrow-right {
        display: inline-block;
        font-size: .625rem;
        margin-left: .625rem
    }
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .logged-in-user {
    margin-top: 0;
    margin-left: .75rem;
    border: none;
    padding: 0
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .logged-in-user .account-layer-logout {
    display: none
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item a {
    color: inherit;
    padding: .5rem .6875rem
}

@media(min-width:1023px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item a {
        padding: .75rem 1.25rem
    }
}

.dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item.active,
.dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item:active,
.dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item.nice-select.open {
    background-color: initial;
    color: #000;
    font-weight: 700
}

@media(max-width:1023.98px) {
    .dashbaord-main-navigation .dashbaord-main-navigation-container .dropdown-item .account-dashboard-menu-item {
        text-align: center;
        width: 100%
    }
}


.heading-link.active::after {
    border:0 !important;
    display:none !important;
    }
    
        @media(min-width: 1366px) {
    .page[data-action=Home-Show] .brand-logo .img-fluid {
        width:320px;
        height: 100%
    }
}

.page[data-action=Home-Show] .brand-logo .img-fluid.logo-img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)
}