/** Shopify CDN: Minification failed

Line 14344:42 Unexpected ")"
Line 14348:41 Unexpected ")"
Line 14871:39 Unexpected ")"

**/
.o-section {
    padding-bottom: calc(1.275rem + .28125vw);
    padding-top: calc(1.275rem + .28125vw);
    width: 100%
}

@media(min-width: 1280px) {
    .o-section {
        padding-bottom:1.5rem;
        padding-top: 1.5rem
    }
}

@media(min-width: 48em) {
    .o-section {
        padding-bottom:calc(1.325rem + .84375vw);
        padding-top: calc(1.325rem + .84375vw)
    }
}

@media(min-width: 48em)and (min-width:1280px) {
    .o-section {
        padding-bottom:2rem;
        padding-top: 2rem
    }
}

@media(min-width: 80em) {
    .o-section {
        padding-bottom:calc(1.425rem + 1.96875vw);
        padding-top: calc(1.425rem + 1.96875vw)
    }
}

@media(min-width: 80em)and (min-width:1280px) {
    .o-section {
        padding-bottom:3rem;
        padding-top: 3rem
    }
}

.o-section.o-section__v-padding-small {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.o-section.o-section__v-padding-small:first-child {
    padding-top: 2rem
}

.o-section.o-section__v-padding-small:last-child {
    padding-bottom: 2rem
}

@media(min-width: 80em) {
    .o-section.o-section__v-padding-small {
        padding-bottom:1.5rem;
        padding-top: 1.5rem
    }

    .o-section.o-section__v-padding-small:first-child {
        padding-top: 3rem
    }

    .o-section.o-section__v-padding-small:last-child {
        padding-bottom: 3rem
    }
}

.o-section.o-section__v-paddingless {
    padding-bottom: 0;
    padding-top: 0
}

.o-section.o-section__v-marginless {
    margin-bottom: 0;
    margin-top: 0
}

.o-section--clipped {
    overflow: hidden
}

.o-section__header {
    margin-bottom: calc(1.325rem + .84375vw);
    margin-top: calc(1.325rem + .84375vw);
    text-align: center
}

@media(min-width: 1280px) {
    .o-section__header {
        margin-bottom:2rem;
        margin-top: 2rem
    }
}

.o-section__header--alternative {
    color: #fff
}

.o-section__header.o-section__header-v-marginless {
    margin-bottom: 0;
    margin-top: 0
}

.o-section__footer {
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .o-section__footer {
        margin-top:2rem
    }
}

.o-section__intro {
    font-size: 1rem;
    font-weight: 200
}

.o-section__title {
    margin-bottom: calc(1.275rem + .28125vw);
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .o-section__title {
        margin-bottom:1.5rem;
        margin-top: 2rem
    }
}

.o-section__title--underline {
    border-bottom: 1px solid #e4e4e4
}

.o-section__title.o-section__title--margin-v-none {
    margin-bottom: 0;
    margin-top: 0
}

.o-section__title.o-section__title--margin-top-none {
    margin-top: 0
}

@media(min-width: 80em) {
    .o-section__title.o-section__title--margin-top-none--desktop {
        margin-top:0
    }
}

.o-section__title.o-section__title--margin-bottom-none {
    margin-bottom: 0
}

.o-section__title--divider {
    position: relative
}

.o-section__title--divider:before {
    background: #bebebe;
    bottom: 50%;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.o-section__title--divider .o-section__title--divider-title {
    background-color: #fff;
    color: #596065;
    display: inline-block;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .9rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
    padding: 9px 24px 7px;
    position: relative;
    text-transform: uppercase;
    width: auto
}

.o-section__title--body {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1.25rem
}

.o-section--alternate {
    background-color: #596065
}

.o-section--alternate-light {
    background-color: #f8f8f8
}

.o-section--alternate .o-section__title {
    color: #fff
}

@media(min-width: 32.5em) {
    .o-section--best-fit .o-section__content {
        margin-left:auto;
        margin-right: auto;
        max-width: 600px
    }
}

@media(min-width: 69.375em) {
    .o-section--best-fit .o-section__content {
        max-width:100%
    }
}

.o-section--best-fit-bottom-paddingless {
    padding-bottom: 0
}

.o-section--flush,.pixlee {
    padding-bottom: 0;
    padding-top: 0
}

.o-section--flush-top {
    padding-top: 0
}

.o-section--flush-right .o-section__content {
    margin-left: auto;
    margin-right: 0;
    max-width: 1440px;
    padding-left: 32px
}

@media(min-width: 100em) {
    .o-section--flush-right .o-section__content {
        max-width:1600px;
        padding-left: 0
    }
}

.shopify-challenge__container {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.o-tabs__nav {
    display: flex;
    margin-bottom: 1rem
}

.o-tabs__btn {
    background-color: #f8f8f8;
    flex-basis: 0;
    flex-grow: 1;
    font-weight: 300;
    max-width: 100%;
    min-height: 1px;
    padding: 1rem 1.5rem;
    width: 100%
}

.o-tabs__btn.is-active {
    background-color: #f0f0f0
}

.o-tabs__pane {
    display: none
}

.o-tabs__pane.is-active {
    display: block
}

@media(min-width: 69.375em) {
    .o-tabs--mobile-only .o-tabs__nav {
        display:none
    }

    .o-tabs--mobile-only .o-tabs__pane {
        display: block
    }
}

input {
    color: #000
}

input,label,select {
    font-weight: 300
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(chevron-down.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 12px
}

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

select:active,select:focus {
    outline: transparent
}

body.mobile-nav-active,body.popout-filters-active {
    overflow-y: hidden!important
}

body * {
    -ms-overflow-style: none;
    scrollbar-width: none
}

body ::-webkit-scrollbar {
    height: 0;
    width: 0
}

p {
    font-weight: 300
}

b,strong {
    font-weight: 500
}

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

.t-black {
    color: #000!important
}

.t-gold {
    color: #b79c55!important
}

.t-red-dark {
    color: #ce0527!important
}

@media(max-width: 69.375em) {
    .hide-mobile {
        display:none
    }
}

@media(min-width: 69.375em) {
    .hide-desktop {
        display:none
    }
}
.l-constrained,.l-container {
    margin-left: auto;
    margin-right: auto
}

.l-container {
    overflow: hidden;
    width: 100%
}

.l-container:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}



@media(min-width: 48em) {
    .l-constrained {
        padding-left:32px;
        padding-right: 32px
    }
}
.l-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

@media(min-width: 69.375em) {
    .l-grid {
        margin-left:-16px;
        margin-right: -16px
    }
}

.l-grid--center {
    align-items: center;
    display: flex
}

.l-grid>*,.l-grid__item {
    flex: 1 1 auto;
    padding-left: 8px;
    padding-right: 8px
}

@media(min-width: 69.375em) {
    .l-grid>*,.l-grid__item {
       
        padding-right: 16px
    }
}

.l-grid>[class*=w-],.l-grid>[style*=width],.l-grid__item[class*=w-],.l-grid__item[style*=width] {
    flex: 0 0 auto
}

.l-grid--slim {
    margin-left: -8px;
    margin-right: -8px
}

.l-grid--slim>*,.l-grid--slim>.l-grid__item {
    padding-left: 8px;
    padding-right: 8px
}

.l-grid--flush {
    margin-left: 0;
    margin-right: 0
}

.l-grid--flush>*,.l-grid--flush>.l-grid__item {
    padding-left: 0;
    padding-right: 0
}
html {
    box-sizing: border-box
}

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

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    /* background-color: transparent; */
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table
}

progress {
    vertical-align: baseline
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

button,input,label,select,textarea {
    background: none;
    border: 0;
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: normal;
    width: auto
}

input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select {
    box-sizing: border-box
}

input:focus {
    outline: 0
}

input[type=checkbox],input[type=radio] {
    height: 13px;
    width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    box-sizing: content-box
}

::-webkit-search-decoration {
    display: none
}

input[type=button],input[type=reset],input[type=submit] {
    overflow: visible
}

select[multiple] {
    vertical-align: top
}

button {
    background: none;
    border: 0;
    outline: none
}

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

button:active,button:focus,button:hover {
    outline: 0
}

::-webkit-file-upload-button {
    background: none;
    border: 0;
    padding: 0
}

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

.u-align-center {
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.u-aspect-ratio-none,.u-aspect-ratio-none\@xs {
    padding-bottom: 0
}

.u-aspect-ratio-4-1,.u-aspect-ratio-4-1\@xs {
    padding-bottom: 25%
}

.u-aspect-ratio-3-1,.u-aspect-ratio-3-1\@xs {
    padding-bottom: 33.33333%
}

.u-aspect-ratio-2-1,.u-aspect-ratio-2-1\@xs {
    padding-bottom: 50%
}

.u-aspect-ratio-16-9,.u-aspect-ratio-16-9\@xs {
    padding-bottom: 56.25%
}

.u-aspect-ratio-16-10,.u-aspect-ratio-16-10\@xs {
    padding-bottom: 62.5%
}

.u-aspect-ratio-4-3,.u-aspect-ratio-4-3\@xs {
    padding-bottom: 75%
}

.u-aspect-ratio-1-1,.u-aspect-ratio-1-1\@xs {
    padding-bottom: 100%
}

@media(min-width: 32.5em) {
    .u-aspect-ratio-none\@ph {
        padding-bottom:0
    }

    .u-aspect-ratio-4-1\@ph {
        padding-bottom: 25%
    }

    .u-aspect-ratio-3-1\@ph {
        padding-bottom: 33.33333%
    }

    .u-aspect-ratio-2-1\@ph {
        padding-bottom: 50%
    }

    .u-aspect-ratio-16-9\@ph {
        padding-bottom: 56.25%
    }

    .u-aspect-ratio-16-10\@ph {
        padding-bottom: 62.5%
    }

    .u-aspect-ratio-4-3\@ph {
        padding-bottom: 75%
    }

    .u-aspect-ratio-1-1\@ph {
        padding-bottom: 100%
    }
}

@media(min-width: 48em) {
    .u-aspect-ratio-none\@sm {
        padding-bottom:0
    }

    .u-aspect-ratio-4-1\@sm {
        padding-bottom: 25%
    }

    .u-aspect-ratio-3-1\@sm {
        padding-bottom: 33.33333%
    }

    .u-aspect-ratio-2-1\@sm {
        padding-bottom: 50%
    }

    .u-aspect-ratio-16-9\@sm {
        padding-bottom: 56.25%
    }

    .u-aspect-ratio-16-10\@sm {
        padding-bottom: 62.5%
    }

    .u-aspect-ratio-4-3\@sm {
        padding-bottom: 75%
    }

    .u-aspect-ratio-1-1\@sm {
        padding-bottom: 100%
    }
}

@media(min-width: 69.375em) {
    .u-aspect-ratio-none\@md {
        padding-bottom:0
    }

    .u-aspect-ratio-4-1\@md {
        padding-bottom: 25%
    }

    .u-aspect-ratio-3-1\@md {
        padding-bottom: 33.33333%
    }

    .u-aspect-ratio-2-1\@md {
        padding-bottom: 50%
    }

    .u-aspect-ratio-16-9\@md {
        padding-bottom: 56.25%
    }

    .u-aspect-ratio-16-10\@md {
        padding-bottom: 62.5%
    }

    .u-aspect-ratio-4-3\@md {
        padding-bottom: 75%
    }

    .u-aspect-ratio-1-1\@md {
        padding-bottom: 100%
    }
}

@media(min-width: 80em) {
    .u-aspect-ratio-none\@lg {
        padding-bottom:0
    }

    .u-aspect-ratio-4-1\@lg {
        padding-bottom: 25%
    }

    .u-aspect-ratio-3-1\@lg {
        padding-bottom: 33.33333%
    }

    .u-aspect-ratio-2-1\@lg {
        padding-bottom: 50%
    }

    .u-aspect-ratio-16-9\@lg {
        padding-bottom: 56.25%
    }

    .u-aspect-ratio-16-10\@lg {
        padding-bottom: 62.5%
    }

    .u-aspect-ratio-4-3\@lg {
        padding-bottom: 75%
    }

    .u-aspect-ratio-1-1\@lg {
        padding-bottom: 100%
    }
}

@media(min-width: 100em) {
    .u-aspect-ratio-none\@xl {
        padding-bottom:0
    }

    .u-aspect-ratio-4-1\@xl {
        padding-bottom: 25%
    }

    .u-aspect-ratio-3-1\@xl {
        padding-bottom: 33.33333%
    }

    .u-aspect-ratio-2-1\@xl {
        padding-bottom: 50%
    }

    .u-aspect-ratio-16-9\@xl {
        padding-bottom: 56.25%
    }

    .u-aspect-ratio-16-10\@xl {
        padding-bottom: 62.5%
    }

    .u-aspect-ratio-4-3\@xl {
        padding-bottom: 75%
    }

    .u-aspect-ratio-1-1\@xl {
        padding-bottom: 100%
    }
}

.u-bg-white {
    background-color: #fff;
    color: #000
}

.u-bg-black {
    background-color: #000;
    color: #fff
}

.u-bg-red {
    background-color: #e84855;
    color: #fff
}

.u-bg-gold {
    background-color: #b79c55;
    color: #fff
}

.t-color-white,.t-color-white:focus,.t-color-white:hover {
    color: #fff
}

.t-color-black,.t-color-black:focus,.t-color-black:hover {
    color: #000
}

.t-color-red,.t-color-red:focus,.t-color-red:hover {
    color: #e84855
}

.t-color-gold,.t-color-gold:focus,.t-color-gold:hover {
    color: #b79c55
}

.d-none,.d-none\@xs {
    display: none!important
}

.d-inline,.d-inline\@xs {
    display: inline!important
}

.d-inline-block,.d-inline-block\@xs {
    display: inline-block!important
}

.d-block,.d-block\@xs {
    display: block!important
}

.d-table,.d-table\@xs {
    display: table!important
}

.d-table-cell,.d-table-cell\@xs {
    display: table-cell!important
}

.d-table-row,.d-table-row\@xs {
    display: table-row!important
}

.d-flex,.d-flex\@xs {
    display: flex!important
}

.d-flex-inline,.d-flex-inline\@xs {
    display: flex-inline!important
}

@media(min-width: 32.5em) {
    .d-none\@ph {
        display:none!important
    }

    .d-inline\@ph {
        display: inline!important
    }

    .d-inline-block\@ph {
        display: inline-block!important
    }

    .d-block\@ph {
        display: block!important
    }

    .d-table\@ph {
        display: table!important
    }

    .d-table-cell\@ph {
        display: table-cell!important
    }

    .d-table-row\@ph {
        display: table-row!important
    }

    .d-flex\@ph {
        display: flex!important
    }

    .d-flex-inline\@ph {
        display: flex-inline!important
    }
}

@media(min-width: 48em) {
    .d-none\@sm {
        display:none!important
    }

    .d-inline\@sm {
        display: inline!important
    }

    .d-inline-block\@sm {
        display: inline-block!important
    }

    .d-block\@sm {
        display: block!important
    }

    .d-table\@sm {
        display: table!important
    }

    .d-table-cell\@sm {
        display: table-cell!important
    }

    .d-table-row\@sm {
        display: table-row!important
    }

    .d-flex\@sm {
        display: flex!important
    }

    .d-flex-inline\@sm {
        display: flex-inline!important
    }
}

@media(min-width: 69.375em) {
    .d-none\@md {
        display:none!important
    }

    .d-inline\@md {
        display: inline!important
    }

    .d-inline-block\@md {
        display: inline-block!important
    }

    .d-block\@md {
        display: block!important
    }

    .d-table\@md {
        display: table!important
    }

    .d-table-cell\@md {
        display: table-cell!important
    }

    .d-table-row\@md {
        display: table-row!important
    }

    .d-flex\@md {
        display: flex!important
    }

    .d-flex-inline\@md {
        display: flex-inline!important
    }
}

@media(min-width: 80em) {
    .d-none\@lg {
        display:none!important
    }

    .d-inline\@lg {
        display: inline!important
    }

    .d-inline-block\@lg {
        display: inline-block!important
    }

    .d-block\@lg {
        display: block!important
    }

    .d-table\@lg {
        display: table!important
    }

    .d-table-cell\@lg {
        display: table-cell!important
    }

    .d-table-row\@lg {
        display: table-row!important
    }

    .d-flex\@lg {
        display: flex!important
    }

    .d-flex-inline\@lg {
        display: flex-inline!important
    }
}

@media(min-width: 100em) {
    .d-none\@xl {
        display:none!important
    }

    .d-inline\@xl {
        display: inline!important
    }

    .d-inline-block\@xl {
        display: inline-block!important
    }

    .d-block\@xl {
        display: block!important
    }

    .d-table\@xl {
        display: table!important
    }

    .d-table-cell\@xl {
        display: table-cell!important
    }

    .d-table-row\@xl {
        display: table-row!important
    }

    .d-flex\@xl {
        display: flex!important
    }

    .d-flex-inline\@xl {
        display: flex-inline!important
    }
}

.u-flex-direction-row,.u-flex-direction-row\@xs {
    flex-direction: row
}

.u-flex-direction-column,.u-flex-direction-column\@xs {
    flex-direction: column
}

.u-flex-direction-row-reverse,.u-flex-direction-row-reverse\@xs {
    flex-direction: row-reverse
}

.u-flex-direction-column-reverse,.u-flex-direction-column-reverse\@xs {
    flex-direction: column-reverse
}

.u-flex-wrap-wrap,.u-flex-wrap-wrap\@xs {
    flex-wrap: wrap
}

.u-flex-wrap-nowrap,.u-flex-wrap-nowrap\@xs {
    flex-wrap: nowrap
}

.u-flex-wrap-reverse,.u-flex-wrap-reverse\@xs {
    flex-wrap: wrap-reverse
}

.u-flex-fill,.u-flex-fill\@xs {
    flex: flex 1 1 auto
}

.u-flex-grow-0,.u-flex-grow-0\@xs {
    flex-grow: 0
}

.u-flex-grow-1,.u-flex-grow-1\@xs {
    flex-grow: 1
}

.u-flex-shrink-0,.u-flex-shrink-0\@xs {
    flex-shrink: 0
}

.u-justify-content-start,.u-justify-content-start\@xs {
    justify-content: flex-start
}

.u-justify-content-end,.u-justify-content-end\@xs {
    justify-content: flex-end
}

.u-justify-content-center,.u-justify-content-center\@xs {
    justify-content: center
}

.u-justify-content-between,.u-justify-content-between\@xs {
    justify-content: space-between
}

.u-justify-content-around,.u-justify-content-around\@xs {
    justify-content: space-around
}

.u-align-items-start,.u-align-items-start\@xs {
    align-items: flex-start
}

.u-align-items-end,.u-align-items-end\@xs {
    align-items: flex-end
}

.u-align-items-center,.u-align-items-center\@xs {
    align-items: center
}

.u-align-items-baseline,.u-align-items-baseline\@xs {
    align-items: baseline
}

.u-align-items-stretch,.u-align-items-stretch\@xs {
    align-items: stretch
}

.u-align-content-start,.u-align-content-start\@xs {
    align-content: flex-start
}

.u-align-content-end,.u-align-content-end\@xs {
    align-content: flex-end
}

.u-align-content-center,.u-align-content-center\@xs {
    align-content: center
}

.u-align-content-between,.u-align-content-between\@xs {
    align-content: justify
}

.u-align-content-around,.u-align-content-around\@xs {
    align-content: space-around
}

.u-align-content-stretch,.u-align-content-stretch\@xs {
    align-content: stretch
}

.u-align-self-auto,.u-align-self-auto\@xs {
    align-self: auto
}

.u-align-self-start,.u-align-self-start\@xs {
    align-self: flex-start
}

.u-align-self-end,.u-align-self-end\@xs {
    align-self: flex-end
}

.u-align-self-center,.u-align-self-center\@xs {
    align-self: center
}

.u-align-self-baseline,.u-align-self-baseline\@xs {
    align-self: baseline
}

.u-align-self-stretch,.u-align-self-stretch\@xs {
    align-self: stretch
}

@media(min-width: 32.5em) {
    .u-flex-direction-row\@ph {
        flex-direction:row
    }

    .u-flex-direction-column\@ph {
        flex-direction: column
    }

    .u-flex-direction-row-reverse\@ph {
        flex-direction: row-reverse
    }

    .u-flex-direction-column-reverse\@ph {
        flex-direction: column-reverse
    }

    .u-flex-wrap-wrap\@ph {
        flex-wrap: wrap
    }

    .u-flex-wrap-nowrap\@ph {
        flex-wrap: nowrap
    }

    .u-flex-wrap-reverse\@ph {
        flex-wrap: wrap-reverse
    }

    .u-flex-fill\@ph {
        flex: flex 1 1 auto
    }

    .u-flex-grow-0\@ph {
        flex-grow: 0
    }

    .u-flex-grow-1\@ph {
        flex-grow: 1
    }

    .u-flex-shrink-0\@ph {
        flex-shrink: 0
    }

    .u-justify-content-start\@ph {
        justify-content: flex-start
    }

    .u-justify-content-end\@ph {
        justify-content: flex-end
    }

    .u-justify-content-center\@ph {
        justify-content: center
    }

    .u-justify-content-between\@ph {
        justify-content: space-between
    }

    .u-justify-content-around\@ph {
        justify-content: space-around
    }

    .u-align-items-start\@ph {
        align-items: flex-start
    }

    .u-align-items-end\@ph {
        align-items: flex-end
    }

    .u-align-items-center\@ph {
        align-items: center
    }

    .u-align-items-baseline\@ph {
        align-items: baseline
    }

    .u-align-items-stretch\@ph {
        align-items: stretch
    }

    .u-align-content-start\@ph {
        align-content: flex-start
    }

    .u-align-content-end\@ph {
        align-content: flex-end
    }

    .u-align-content-center\@ph {
        align-content: center
    }

    .u-align-content-between\@ph {
        align-content: justify
    }

    .u-align-content-around\@ph {
        align-content: space-around
    }

    .u-align-content-stretch\@ph {
        align-content: stretch
    }

    .u-align-self-auto\@ph {
        align-self: auto
    }

    .u-align-self-start\@ph {
        align-self: flex-start
    }

    .u-align-self-end\@ph {
        align-self: flex-end
    }

    .u-align-self-center\@ph {
        align-self: center
    }

    .u-align-self-baseline\@ph {
        align-self: baseline
    }

    .u-align-self-stretch\@ph {
        align-self: stretch
    }
}

@media(min-width: 48em) {
    .u-flex-direction-row\@sm {
        flex-direction:row
    }

    .u-flex-direction-column\@sm {
        flex-direction: column
    }

    .u-flex-direction-row-reverse\@sm {
        flex-direction: row-reverse
    }

    .u-flex-direction-column-reverse\@sm {
        flex-direction: column-reverse
    }

    .u-flex-wrap-wrap\@sm {
        flex-wrap: wrap
    }

    .u-flex-wrap-nowrap\@sm {
        flex-wrap: nowrap
    }

    .u-flex-wrap-reverse\@sm {
        flex-wrap: wrap-reverse
    }

    .u-flex-fill\@sm {
        flex: flex 1 1 auto
    }

    .u-flex-grow-0\@sm {
        flex-grow: 0
    }

    .u-flex-grow-1\@sm {
        flex-grow: 1
    }

    .u-flex-shrink-0\@sm {
        flex-shrink: 0
    }

    .u-justify-content-start\@sm {
        justify-content: flex-start
    }

    .u-justify-content-end\@sm {
        justify-content: flex-end
    }

    .u-justify-content-center\@sm {
        justify-content: center
    }

    .u-justify-content-between\@sm {
        justify-content: space-between
    }

    .u-justify-content-around\@sm {
        justify-content: space-around
    }

    .u-align-items-start\@sm {
        align-items: flex-start
    }

    .u-align-items-end\@sm {
        align-items: flex-end
    }

    .u-align-items-center\@sm {
        align-items: center
    }

    .u-align-items-baseline\@sm {
        align-items: baseline
    }

    .u-align-items-stretch\@sm {
        align-items: stretch
    }

    .u-align-content-start\@sm {
        align-content: flex-start
    }

    .u-align-content-end\@sm {
        align-content: flex-end
    }

    .u-align-content-center\@sm {
        align-content: center
    }

    .u-align-content-between\@sm {
        align-content: justify
    }

    .u-align-content-around\@sm {
        align-content: space-around
    }

    .u-align-content-stretch\@sm {
        align-content: stretch
    }

    .u-align-self-auto\@sm {
        align-self: auto
    }

    .u-align-self-start\@sm {
        align-self: flex-start
    }

    .u-align-self-end\@sm {
        align-self: flex-end
    }

    .u-align-self-center\@sm {
        align-self: center
    }

    .u-align-self-baseline\@sm {
        align-self: baseline
    }

    .u-align-self-stretch\@sm {
        align-self: stretch
    }
}

@media(min-width: 69.375em) {
    .u-flex-direction-row\@md {
        flex-direction:row
    }

    .u-flex-direction-column\@md {
        flex-direction: column
    }

    .u-flex-direction-row-reverse\@md {
        flex-direction: row-reverse
    }

    .u-flex-direction-column-reverse\@md {
        flex-direction: column-reverse
    }

    .u-flex-wrap-wrap\@md {
        flex-wrap: wrap
    }

    .u-flex-wrap-nowrap\@md {
        flex-wrap: nowrap
    }

    .u-flex-wrap-reverse\@md {
        flex-wrap: wrap-reverse
    }

    .u-flex-fill\@md {
        flex: flex 1 1 auto
    }

    .u-flex-grow-0\@md {
        flex-grow: 0
    }

    .u-flex-grow-1\@md {
        flex-grow: 1
    }

    .u-flex-shrink-0\@md {
        flex-shrink: 0
    }

    .u-justify-content-start\@md {
        justify-content: flex-start
    }

    .u-justify-content-end\@md {
        justify-content: flex-end
    }

    .u-justify-content-center\@md {
        justify-content: center
    }

    .u-justify-content-between\@md {
        justify-content: space-between
    }

    .u-justify-content-around\@md {
        justify-content: space-around
    }

    .u-align-items-start\@md {
        align-items: flex-start
    }

    .u-align-items-end\@md {
        align-items: flex-end
    }

    .u-align-items-center\@md {
        align-items: center
    }

    .u-align-items-baseline\@md {
        align-items: baseline
    }

    .u-align-items-stretch\@md {
        align-items: stretch
    }

    .u-align-content-start\@md {
        align-content: flex-start
    }

    .u-align-content-end\@md {
        align-content: flex-end
    }

    .u-align-content-center\@md {
        align-content: center
    }

    .u-align-content-between\@md {
        align-content: justify
    }

    .u-align-content-around\@md {
        align-content: space-around
    }

    .u-align-content-stretch\@md {
        align-content: stretch
    }

    .u-align-self-auto\@md {
        align-self: auto
    }

    .u-align-self-start\@md {
        align-self: flex-start
    }

    .u-align-self-end\@md {
        align-self: flex-end
    }

    .u-align-self-center\@md {
        align-self: center
    }

    .u-align-self-baseline\@md {
        align-self: baseline
    }

    .u-align-self-stretch\@md {
        align-self: stretch
    }
}

@media(min-width: 80em) {
    .u-flex-direction-row\@lg {
        flex-direction:row
    }

    .u-flex-direction-column\@lg {
        flex-direction: column
    }

    .u-flex-direction-row-reverse\@lg {
        flex-direction: row-reverse
    }

    .u-flex-direction-column-reverse\@lg {
        flex-direction: column-reverse
    }

    .u-flex-wrap-wrap\@lg {
        flex-wrap: wrap
    }

    .u-flex-wrap-nowrap\@lg {
        flex-wrap: nowrap
    }

    .u-flex-wrap-reverse\@lg {
        flex-wrap: wrap-reverse
    }

    .u-flex-fill\@lg {
        flex: flex 1 1 auto
    }

    .u-flex-grow-0\@lg {
        flex-grow: 0
    }

    .u-flex-grow-1\@lg {
        flex-grow: 1
    }

    .u-flex-shrink-0\@lg {
        flex-shrink: 0
    }

    .u-justify-content-start\@lg {
        justify-content: flex-start
    }

    .u-justify-content-end\@lg {
        justify-content: flex-end
    }

    .u-justify-content-center\@lg {
        justify-content: center
    }

    .u-justify-content-between\@lg {
        justify-content: space-between
    }

    .u-justify-content-around\@lg {
        justify-content: space-around
    }

    .u-align-items-start\@lg {
        align-items: flex-start
    }

    .u-align-items-end\@lg {
        align-items: flex-end
    }

    .u-align-items-center\@lg {
        align-items: center
    }

    .u-align-items-baseline\@lg {
        align-items: baseline
    }

    .u-align-items-stretch\@lg {
        align-items: stretch
    }

    .u-align-content-start\@lg {
        align-content: flex-start
    }

    .u-align-content-end\@lg {
        align-content: flex-end
    }

    .u-align-content-center\@lg {
        align-content: center
    }

    .u-align-content-between\@lg {
        align-content: justify
    }

    .u-align-content-around\@lg {
        align-content: space-around
    }

    .u-align-content-stretch\@lg {
        align-content: stretch
    }

    .u-align-self-auto\@lg {
        align-self: auto
    }

    .u-align-self-start\@lg {
        align-self: flex-start
    }

    .u-align-self-end\@lg {
        align-self: flex-end
    }

    .u-align-self-center\@lg {
        align-self: center
    }

    .u-align-self-baseline\@lg {
        align-self: baseline
    }

    .u-align-self-stretch\@lg {
        align-self: stretch
    }
}

@media(min-width: 100em) {
    .u-flex-direction-row\@xl {
        flex-direction:row
    }

    .u-flex-direction-column\@xl {
        flex-direction: column
    }

    .u-flex-direction-row-reverse\@xl {
        flex-direction: row-reverse
    }

    .u-flex-direction-column-reverse\@xl {
        flex-direction: column-reverse
    }

    .u-flex-wrap-wrap\@xl {
        flex-wrap: wrap
    }

    .u-flex-wrap-nowrap\@xl {
        flex-wrap: nowrap
    }

    .u-flex-wrap-reverse\@xl {
        flex-wrap: wrap-reverse
    }

    .u-flex-fill\@xl {
        flex: flex 1 1 auto
    }

    .u-flex-grow-0\@xl {
        flex-grow: 0
    }

    .u-flex-grow-1\@xl {
        flex-grow: 1
    }

    .u-flex-shrink-0\@xl {
        flex-shrink: 0
    }

    .u-justify-content-start\@xl {
        justify-content: flex-start
    }

    .u-justify-content-end\@xl {
        justify-content: flex-end
    }

    .u-justify-content-center\@xl {
        justify-content: center
    }

    .u-justify-content-between\@xl {
        justify-content: space-between
    }

    .u-justify-content-around\@xl {
        justify-content: space-around
    }

    .u-align-items-start\@xl {
        align-items: flex-start
    }

    .u-align-items-end\@xl {
        align-items: flex-end
    }

    .u-align-items-center\@xl {
        align-items: center
    }

    .u-align-items-baseline\@xl {
        align-items: baseline
    }

    .u-align-items-stretch\@xl {
        align-items: stretch
    }

    .u-align-content-start\@xl {
        align-content: flex-start
    }

    .u-align-content-end\@xl {
        align-content: flex-end
    }

    .u-align-content-center\@xl {
        align-content: center
    }

    .u-align-content-between\@xl {
        align-content: justify
    }

    .u-align-content-around\@xl {
        align-content: space-around
    }

    .u-align-content-stretch\@xl {
        align-content: stretch
    }

    .u-align-self-auto\@xl {
        align-self: auto
    }

    .u-align-self-start\@xl {
        align-self: flex-start
    }

    .u-align-self-end\@xl {
        align-self: flex-end
    }

    .u-align-self-center\@xl {
        align-self: center
    }

    .u-align-self-baseline\@xl {
        align-self: baseline
    }

    .u-align-self-stretch\@xl {
        align-self: stretch
    }
}

.l-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

@media(min-width: 69.375em) {
    .l-grid {
        margin-left:-16px;
        margin-right: -16px
    }
}

.l-grid--center {
    align-items: center;
    display: flex
}

.l-grid>*,.l-grid__item {
    flex: 1 1 auto;
    padding-left: 13px;
    padding-right: 13px
}

@media(min-width: 69.375em) {
    .l-grid>*,.l-grid__item {
  
        padding-right: 16px
    }
}

.l-grid>[class*=w-],.l-grid>[style*=width],.l-grid__item[class*=w-],.l-grid__item[style*=width] {
    flex: 0 0 auto
}

.l-grid--slim {
    margin-left: -8px;
    margin-right: -8px
}

.l-grid--slim>*,.l-grid--slim>.l-grid__item {
    padding-left: 8px;
    padding-right: 8px
}

.l-grid--flush {
    margin-left: 0;
    margin-right: 0
}

.l-grid--flush>*,.l-grid--flush>.l-grid__item {
    padding-left: 0;
    padding-right: 0
}

.u-flex-1-1\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-2\@xs {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%
}

.u-flex-2-2\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-3\@xs {
    flex-basis: 33.3333333333%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 33.3333333333%
}

.u-flex-2-3\@xs {
    flex-basis: 66.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 66.6666666667%
}

.u-flex-3-3\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-4\@xs {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 25%
}

.u-flex-2-4\@xs {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%
}

.u-flex-3-4\@xs {
    flex-basis: 75%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 75%
}

.u-flex-4-4\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-5\@xs {
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 20%
}

.u-flex-2-5\@xs {
    flex-basis: 40%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 40%
}

.u-flex-3-5\@xs {
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 60%
}

.u-flex-4-5\@xs {
    flex-basis: 80%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 80%
}

.u-flex-5-5\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-6\@xs {
    flex-basis: 16.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 16.6666666667%
}

.u-flex-2-6\@xs {
    flex-basis: 33.3333333333%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 33.3333333333%
}

.u-flex-3-6\@xs {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%
}

.u-flex-4-6\@xs {
    flex-basis: 66.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 66.6666666667%
}

.u-flex-5-6\@xs {
    flex-basis: 83.3333333333%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 83.3333333333%
}

.u-flex-6-6\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-7\@xs {
    flex-basis: 14.2857142857%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 14.2857142857%
}

.u-flex-2-7\@xs {
    flex-basis: 28.5714285714%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 28.5714285714%
}

.u-flex-3-7\@xs {
    flex-basis: 42.8571428571%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 42.8571428571%
}

.u-flex-4-7\@xs {
    flex-basis: 57.1428571429%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 57.1428571429%
}

.u-flex-5-7\@xs {
    flex-basis: 71.4285714286%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 71.4285714286%
}

.u-flex-6-7\@xs {
    flex-basis: 85.7142857143%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 85.7142857143%
}

.u-flex-7-7\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-8\@xs {
    flex-basis: 12.5%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 12.5%
}

.u-flex-2-8\@xs {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 25%
}

.u-flex-3-8\@xs {
    flex-basis: 37.5%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 37.5%
}

.u-flex-4-8\@xs {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%
}

.u-flex-5-8\@xs {
    flex-basis: 62.5%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 62.5%
}

.u-flex-6-8\@xs {
    flex-basis: 75%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 75%
}

.u-flex-7-8\@xs {
    flex-basis: 87.5%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 87.5%
}

.u-flex-8-8\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-9\@xs {
    flex-basis: 11.1111111111%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 11.1111111111%
}

.u-flex-2-9\@xs {
    flex-basis: 22.2222222222%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 22.2222222222%
}

.u-flex-3-9\@xs {
    flex-basis: 33.3333333333%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 33.3333333333%
}

.u-flex-4-9\@xs {
    flex-basis: 44.4444444444%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 44.4444444444%
}

.u-flex-5-9\@xs {
    flex-basis: 55.5555555556%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 55.5555555556%
}

.u-flex-6-9\@xs {
    flex-basis: 66.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 66.6666666667%
}

.u-flex-7-9\@xs {
    flex-basis: 77.7777777778%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 77.7777777778%
}

.u-flex-8-9\@xs {
    flex-basis: 88.8888888889%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 88.8888888889%
}

.u-flex-9-9\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.u-flex-1-10\@xs {
    flex-basis: 10%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 10%
}

.u-flex-2-10\@xs {
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 20%
}

.u-flex-3-10\@xs {
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 30%
}

.u-flex-4-10\@xs {
    flex-basis: 40%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 40%
}

.u-flex-5-10\@xs {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%
}

.u-flex-6-10\@xs {
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 60%
}

.u-flex-7-10\@xs {
    flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 70%
}

.u-flex-8-10\@xs {
    flex-basis: 80%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 80%
}

.u-flex-9-10\@xs {
    flex-basis: 90%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 90%
}

.u-flex-10-10\@xs {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

@media(min-width: 32.5em) {
    .u-flex-1-1\@ph {
        flex-basis:100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-2\@ph {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-2-2\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-3\@ph {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-2-3\@ph {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-3-3\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-4\@ph {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-2-4\@ph {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-3-4\@ph {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-4-4\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-5\@ph {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-2-5\@ph {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-3-5\@ph {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-4-5\@ph {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-5-5\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-6\@ph {
        flex-basis: 16.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%
    }

    .u-flex-2-6\@ph {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-3-6\@ph {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-4-6\@ph {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-5-6\@ph {
        flex-basis: 83.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%
    }

    .u-flex-6-6\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-7\@ph {
        flex-basis: 14.2857142857%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 14.2857142857%
    }

    .u-flex-2-7\@ph {
        flex-basis: 28.5714285714%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 28.5714285714%
    }

    .u-flex-3-7\@ph {
        flex-basis: 42.8571428571%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 42.8571428571%
    }

    .u-flex-4-7\@ph {
        flex-basis: 57.1428571429%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 57.1428571429%
    }

    .u-flex-5-7\@ph {
        flex-basis: 71.4285714286%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 71.4285714286%
    }

    .u-flex-6-7\@ph {
        flex-basis: 85.7142857143%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%
    }

    .u-flex-7-7\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-8\@ph {
        flex-basis: 12.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 12.5%
    }

    .u-flex-2-8\@ph {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-3-8\@ph {
        flex-basis: 37.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 37.5%
    }

    .u-flex-4-8\@ph {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-5-8\@ph {
        flex-basis: 62.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 62.5%
    }

    .u-flex-6-8\@ph {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-7-8\@ph {
        flex-basis: 87.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 87.5%
    }

    .u-flex-8-8\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-9\@ph {
        flex-basis: 11.1111111111%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 11.1111111111%
    }

    .u-flex-2-9\@ph {
        flex-basis: 22.2222222222%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 22.2222222222%
    }

    .u-flex-3-9\@ph {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-4-9\@ph {
        flex-basis: 44.4444444444%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 44.4444444444%
    }

    .u-flex-5-9\@ph {
        flex-basis: 55.5555555556%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 55.5555555556%
    }

    .u-flex-6-9\@ph {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-7-9\@ph {
        flex-basis: 77.7777777778%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 77.7777777778%
    }

    .u-flex-8-9\@ph {
        flex-basis: 88.8888888889%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 88.8888888889%
    }

    .u-flex-9-9\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-10\@ph {
        flex-basis: 10%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 10%
    }

    .u-flex-2-10\@ph {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-3-10\@ph {
        flex-basis: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 30%
    }

    .u-flex-4-10\@ph {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-5-10\@ph {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-6-10\@ph {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-7-10\@ph {
        flex-basis: 70%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 70%
    }

    .u-flex-8-10\@ph {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-9-10\@ph {
        flex-basis: 90%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 90%
    }

    .u-flex-10-10\@ph {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }
}

@media(min-width: 48em) {
    .u-flex-1-1\@sm {
        flex-basis:100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-2\@sm {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-2-2\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-3\@sm {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-2-3\@sm {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-3-3\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-4\@sm {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-2-4\@sm {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-3-4\@sm {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-4-4\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-5\@sm {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-2-5\@sm {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-3-5\@sm {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-4-5\@sm {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-5-5\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-6\@sm {
        flex-basis: 16.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%
    }

    .u-flex-2-6\@sm {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-3-6\@sm {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-4-6\@sm {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-5-6\@sm {
        flex-basis: 83.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%
    }

    .u-flex-6-6\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-7\@sm {
        flex-basis: 14.2857142857%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 14.2857142857%
    }

    .u-flex-2-7\@sm {
        flex-basis: 28.5714285714%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 28.5714285714%
    }

    .u-flex-3-7\@sm {
        flex-basis: 42.8571428571%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 42.8571428571%
    }

    .u-flex-4-7\@sm {
        flex-basis: 57.1428571429%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 57.1428571429%
    }

    .u-flex-5-7\@sm {
        flex-basis: 71.4285714286%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 71.4285714286%
    }

    .u-flex-6-7\@sm {
        flex-basis: 85.7142857143%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%
    }

    .u-flex-7-7\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-8\@sm {
        flex-basis: 12.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 12.5%
    }

    .u-flex-2-8\@sm {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-3-8\@sm {
        flex-basis: 37.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 37.5%
    }

    .u-flex-4-8\@sm {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-5-8\@sm {
        flex-basis: 62.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 62.5%
    }

    .u-flex-6-8\@sm {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-7-8\@sm {
        flex-basis: 87.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 87.5%
    }

    .u-flex-8-8\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-9\@sm {
        flex-basis: 11.1111111111%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 11.1111111111%
    }

    .u-flex-2-9\@sm {
        flex-basis: 22.2222222222%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 22.2222222222%
    }

    .u-flex-3-9\@sm {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-4-9\@sm {
        flex-basis: 44.4444444444%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 44.4444444444%
    }

    .u-flex-5-9\@sm {
        flex-basis: 55.5555555556%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 55.5555555556%
    }

    .u-flex-6-9\@sm {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-7-9\@sm {
        flex-basis: 77.7777777778%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 77.7777777778%
    }

    .u-flex-8-9\@sm {
        flex-basis: 88.8888888889%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 88.8888888889%
    }

    .u-flex-9-9\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-10\@sm {
        flex-basis: 10%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 10%
    }

    .u-flex-2-10\@sm {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-3-10\@sm {
        flex-basis: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 30%
    }

    .u-flex-4-10\@sm {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-5-10\@sm {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-6-10\@sm {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-7-10\@sm {
        flex-basis: 70%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 70%
    }

    .u-flex-8-10\@sm {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-9-10\@sm {
        flex-basis: 90%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 90%
    }

    .u-flex-10-10\@sm {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }
}

@media(min-width: 69.375em) {
    .u-flex-1-1\@md {
        flex-basis:100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-2\@md {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-2-2\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-3\@md {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-2-3\@md {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-3-3\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-4\@md {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-2-4\@md {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-3-4\@md {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-4-4\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-5\@md {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-2-5\@md {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-3-5\@md {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-4-5\@md {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-5-5\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-6\@md {
        flex-basis: 16.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%
    }

    .u-flex-2-6\@md {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-3-6\@md {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-4-6\@md {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-5-6\@md {
        flex-basis: 83.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%
    }

    .u-flex-6-6\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-7\@md {
        flex-basis: 14.2857142857%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 14.2857142857%
    }

    .u-flex-2-7\@md {
        flex-basis: 28.5714285714%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 28.5714285714%
    }

    .u-flex-3-7\@md {
        flex-basis: 42.8571428571%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 42.8571428571%
    }

    .u-flex-4-7\@md {
        flex-basis: 57.1428571429%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 57.1428571429%
    }

    .u-flex-5-7\@md {
        flex-basis: 71.4285714286%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 71.4285714286%
    }

    .u-flex-6-7\@md {
        flex-basis: 85.7142857143%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%
    }

    .u-flex-7-7\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-8\@md {
        flex-basis: 12.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 12.5%
    }

    .u-flex-2-8\@md {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-3-8\@md {
        flex-basis: 37.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 37.5%
    }

    .u-flex-4-8\@md {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-5-8\@md {
        flex-basis: 62.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 62.5%
    }

    .u-flex-6-8\@md {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-7-8\@md {
        flex-basis: 87.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 87.5%
    }

    .u-flex-8-8\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-9\@md {
        flex-basis: 11.1111111111%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 11.1111111111%
    }

    .u-flex-2-9\@md {
        flex-basis: 22.2222222222%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 22.2222222222%
    }

    .u-flex-3-9\@md {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-4-9\@md {
        flex-basis: 44.4444444444%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 44.4444444444%
    }

    .u-flex-5-9\@md {
        flex-basis: 55.5555555556%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 55.5555555556%
    }

    .u-flex-6-9\@md {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-7-9\@md {
        flex-basis: 77.7777777778%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 77.7777777778%
    }

    .u-flex-8-9\@md {
        flex-basis: 88.8888888889%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 88.8888888889%
    }

    .u-flex-9-9\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-10\@md {
        flex-basis: 10%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 10%
    }

    .u-flex-2-10\@md {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-3-10\@md {
        flex-basis: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 30%
    }

    .u-flex-4-10\@md {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-5-10\@md {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-6-10\@md {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-7-10\@md {
        flex-basis: 70%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 70%
    }

    .u-flex-8-10\@md {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-9-10\@md {
        flex-basis: 90%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 90%
    }

    .u-flex-10-10\@md {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }
}

@media(min-width: 80em) {
    .u-flex-1-1\@lg {
        flex-basis:100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-2\@lg {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-2-2\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-3\@lg {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-2-3\@lg {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-3-3\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-4\@lg {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-2-4\@lg {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-3-4\@lg {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-4-4\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-5\@lg {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-2-5\@lg {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-3-5\@lg {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-4-5\@lg {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-5-5\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-6\@lg {
        flex-basis: 16.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%
    }

    .u-flex-2-6\@lg {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-3-6\@lg {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-4-6\@lg {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-5-6\@lg {
        flex-basis: 83.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%
    }

    .u-flex-6-6\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-7\@lg {
        flex-basis: 14.2857142857%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 14.2857142857%
    }

    .u-flex-2-7\@lg {
        flex-basis: 28.5714285714%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 28.5714285714%
    }

    .u-flex-3-7\@lg {
        flex-basis: 42.8571428571%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 42.8571428571%
    }

    .u-flex-4-7\@lg {
        flex-basis: 57.1428571429%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 57.1428571429%
    }

    .u-flex-5-7\@lg {
        flex-basis: 71.4285714286%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 71.4285714286%
    }

    .u-flex-6-7\@lg {
        flex-basis: 85.7142857143%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%
    }

    .u-flex-7-7\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-8\@lg {
        flex-basis: 12.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 12.5%
    }

    .u-flex-2-8\@lg {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-3-8\@lg {
        flex-basis: 37.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 37.5%
    }

    .u-flex-4-8\@lg {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-5-8\@lg {
        flex-basis: 62.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 62.5%
    }

    .u-flex-6-8\@lg {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-7-8\@lg {
        flex-basis: 87.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 87.5%
    }

    .u-flex-8-8\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-9\@lg {
        flex-basis: 11.1111111111%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 11.1111111111%
    }

    .u-flex-2-9\@lg {
        flex-basis: 22.2222222222%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 22.2222222222%
    }

    .u-flex-3-9\@lg {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-4-9\@lg {
        flex-basis: 44.4444444444%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 44.4444444444%
    }

    .u-flex-5-9\@lg {
        flex-basis: 55.5555555556%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 55.5555555556%
    }

    .u-flex-6-9\@lg {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-7-9\@lg {
        flex-basis: 77.7777777778%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 77.7777777778%
    }

    .u-flex-8-9\@lg {
        flex-basis: 88.8888888889%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 88.8888888889%
    }

    .u-flex-9-9\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-10\@lg {
        flex-basis: 10%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 10%
    }

    .u-flex-2-10\@lg {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-3-10\@lg {
        flex-basis: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 30%
    }

    .u-flex-4-10\@lg {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-5-10\@lg {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-6-10\@lg {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-7-10\@lg {
        flex-basis: 70%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 70%
    }

    .u-flex-8-10\@lg {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-9-10\@lg {
        flex-basis: 90%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 90%
    }

    .u-flex-10-10\@lg {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }
}

@media(min-width: 100em) {
    .u-flex-1-1\@xl {
        flex-basis:100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-2\@xl {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-2-2\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-3\@xl {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-2-3\@xl {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-3-3\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-4\@xl {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-2-4\@xl {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-3-4\@xl {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-4-4\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-5\@xl {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-2-5\@xl {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-3-5\@xl {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-4-5\@xl {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-5-5\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-6\@xl {
        flex-basis: 16.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%
    }

    .u-flex-2-6\@xl {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-3-6\@xl {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-4-6\@xl {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-5-6\@xl {
        flex-basis: 83.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%
    }

    .u-flex-6-6\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-7\@xl {
        flex-basis: 14.2857142857%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 14.2857142857%
    }

    .u-flex-2-7\@xl {
        flex-basis: 28.5714285714%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 28.5714285714%
    }

    .u-flex-3-7\@xl {
        flex-basis: 42.8571428571%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 42.8571428571%
    }

    .u-flex-4-7\@xl {
        flex-basis: 57.1428571429%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 57.1428571429%
    }

    .u-flex-5-7\@xl {
        flex-basis: 71.4285714286%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 71.4285714286%
    }

    .u-flex-6-7\@xl {
        flex-basis: 85.7142857143%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%
    }

    .u-flex-7-7\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-8\@xl {
        flex-basis: 12.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 12.5%
    }

    .u-flex-2-8\@xl {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%
    }

    .u-flex-3-8\@xl {
        flex-basis: 37.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 37.5%
    }

    .u-flex-4-8\@xl {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-5-8\@xl {
        flex-basis: 62.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 62.5%
    }

    .u-flex-6-8\@xl {
        flex-basis: 75%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 75%
    }

    .u-flex-7-8\@xl {
        flex-basis: 87.5%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 87.5%
    }

    .u-flex-8-8\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-9\@xl {
        flex-basis: 11.1111111111%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 11.1111111111%
    }

    .u-flex-2-9\@xl {
        flex-basis: 22.2222222222%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 22.2222222222%
    }

    .u-flex-3-9\@xl {
        flex-basis: 33.3333333333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%
    }

    .u-flex-4-9\@xl {
        flex-basis: 44.4444444444%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 44.4444444444%
    }

    .u-flex-5-9\@xl {
        flex-basis: 55.5555555556%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 55.5555555556%
    }

    .u-flex-6-9\@xl {
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%
    }

    .u-flex-7-9\@xl {
        flex-basis: 77.7777777778%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 77.7777777778%
    }

    .u-flex-8-9\@xl {
        flex-basis: 88.8888888889%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 88.8888888889%
    }

    .u-flex-9-9\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }

    .u-flex-1-10\@xl {
        flex-basis: 10%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 10%
    }

    .u-flex-2-10\@xl {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%
    }

    .u-flex-3-10\@xl {
        flex-basis: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 30%
    }

    .u-flex-4-10\@xl {
        flex-basis: 40%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 40%
    }

    .u-flex-5-10\@xl {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%
    }

    .u-flex-6-10\@xl {
        flex-basis: 60%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60%
    }

    .u-flex-7-10\@xl {
        flex-basis: 70%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 70%
    }

    .u-flex-8-10\@xl {
        flex-basis: 80%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 80%
    }

    .u-flex-9-10\@xl {
        flex-basis: 90%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 90%
    }

    .u-flex-10-10\@xl {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%
    }
}

.u-order-1,.u-order-1\@xs {
    order: 1
}

.u-order-2,.u-order-2\@xs {
    order: 2
}

.u-order-3,.u-order-3\@xs {
    order: 3
}

.u-order-4,.u-order-4\@xs {
    order: 4
}

.u-order-5,.u-order-5\@xs {
    order: 5
}

.u-order-6,.u-order-6\@xs {
    order: 6
}

.u-order-7,.u-order-7\@xs {
    order: 7
}

.u-order-8,.u-order-8\@xs {
    order: 8
}

.u-order-9,.u-order-9\@xs {
    order: 9
}

.u-order-10,.u-order-10\@xs {
    order: 10
}

.u-order-11,.u-order-11\@xs {
    order: 11
}

.u-order-12,.u-order-12\@xs {
    order: 12
}

.u-order-13,.u-order-13\@xs {
    order: 13
}

.u-order-14,.u-order-14\@xs {
    order: 14
}

@media(min-width: 32.5em) {
    .u-order-1\@ph {
        order:1
    }

    .u-order-2\@ph {
        order: 2
    }

    .u-order-3\@ph {
        order: 3
    }

    .u-order-4\@ph {
        order: 4
    }

    .u-order-5\@ph {
        order: 5
    }

    .u-order-6\@ph {
        order: 6
    }

    .u-order-7\@ph {
        order: 7
    }

    .u-order-8\@ph {
        order: 8
    }

    .u-order-9\@ph {
        order: 9
    }

    .u-order-10\@ph {
        order: 10
    }

    .u-order-11\@ph {
        order: 11
    }

    .u-order-12\@ph {
        order: 12
    }

    .u-order-13\@ph {
        order: 13
    }

    .u-order-14\@ph {
        order: 14
    }
}

@media(min-width: 48em) {
    .u-order-1\@sm {
        order:1
    }

    .u-order-2\@sm {
        order: 2
    }

    .u-order-3\@sm {
        order: 3
    }

    .u-order-4\@sm {
        order: 4
    }

    .u-order-5\@sm {
        order: 5
    }

    .u-order-6\@sm {
        order: 6
    }

    .u-order-7\@sm {
        order: 7
    }

    .u-order-8\@sm {
        order: 8
    }

    .u-order-9\@sm {
        order: 9
    }

    .u-order-10\@sm {
        order: 10
    }

    .u-order-11\@sm {
        order: 11
    }

    .u-order-12\@sm {
        order: 12
    }

    .u-order-13\@sm {
        order: 13
    }

    .u-order-14\@sm {
        order: 14
    }
}

@media(min-width: 69.375em) {
    .u-order-1\@md {
        order:1
    }

    .u-order-2\@md {
        order: 2
    }

    .u-order-3\@md {
        order: 3
    }

    .u-order-4\@md {
        order: 4
    }

    .u-order-5\@md {
        order: 5
    }

    .u-order-6\@md {
        order: 6
    }

    .u-order-7\@md {
        order: 7
    }

    .u-order-8\@md {
        order: 8
    }

    .u-order-9\@md {
        order: 9
    }

    .u-order-10\@md {
        order: 10
    }

    .u-order-11\@md {
        order: 11
    }

    .u-order-12\@md {
        order: 12
    }

    .u-order-13\@md {
        order: 13
    }

    .u-order-14\@md {
        order: 14
    }
}

@media(min-width: 80em) {
    .u-order-1\@lg {
        order:1
    }

    .u-order-2\@lg {
        order: 2
    }

    .u-order-3\@lg {
        order: 3
    }

    .u-order-4\@lg {
        order: 4
    }

    .u-order-5\@lg {
        order: 5
    }

    .u-order-6\@lg {
        order: 6
    }

    .u-order-7\@lg {
        order: 7
    }

    .u-order-8\@lg {
        order: 8
    }

    .u-order-9\@lg {
        order: 9
    }

    .u-order-10\@lg {
        order: 10
    }

    .u-order-11\@lg {
        order: 11
    }

    .u-order-12\@lg {
        order: 12
    }

    .u-order-13\@lg {
        order: 13
    }

    .u-order-14\@lg {
        order: 14
    }
}

@media(min-width: 100em) {
    .u-order-1\@xl {
        order:1
    }

    .u-order-2\@xl {
        order: 2
    }

    .u-order-3\@xl {
        order: 3
    }

    .u-order-4\@xl {
        order: 4
    }

    .u-order-5\@xl {
        order: 5
    }

    .u-order-6\@xl {
        order: 6
    }

    .u-order-7\@xl {
        order: 7
    }

    .u-order-8\@xl {
        order: 8
    }

    .u-order-9\@xl {
        order: 9
    }

    .u-order-10\@xl {
        order: 10
    }

    .u-order-11\@xl {
        order: 11
    }

    .u-order-12\@xl {
        order: 12
    }

    .u-order-13\@xl {
        order: 13
    }

    .u-order-14\@xl {
        order: 14
    }
}

.u-pad-0\@xs {
    padding: 0
}

.u-pad-xs\@xs {
    padding: .25rem
}

.u-pad-s\@xs {
    padding: .5rem
}

.u-pad-m\@xs {
    padding: 1rem
}

.u-pad-l\@xs {
    padding: 1.5rem
}

.u-pad-xl\@xs {
    padding: 2rem
}

.u-pad-t-0\@xs {
    padding-top: 0
}

.u-pad-t-xs\@xs {
    padding-top: .25rem
}

.u-pad-t-s\@xs {
    padding-top: .5rem
}

.u-pad-t-m\@xs {
    padding-top: 1rem
}

.u-pad-t-l\@xs {
    padding-top: 1.5rem
}

.u-pad-t-xl\@xs {
    padding-top: 2rem
}

.u-pad-r-0\@xs {
    padding-right: 0
}

.u-pad-r-xs\@xs {
    padding-right: .25rem
}

.u-pad-r-s\@xs {
    padding-right: .5rem
}

.u-pad-r-m\@xs {
    padding-right: 1rem
}

.u-pad-r-l\@xs {
    padding-right: 1.5rem
}

.u-pad-r-xl\@xs {
    padding-right: 2rem
}

.u-pad-b-0\@xs {
    padding-bottom: 0
}

.u-pad-b-xs\@xs {
    padding-bottom: .25rem
}

.u-pad-b-s\@xs {
    padding-bottom: .5rem
}

.u-pad-b-m\@xs {
    padding-bottom: 1rem
}

.u-pad-b-l\@xs {
    padding-bottom: 1.5rem
}

.u-pad-b-xl\@xs {
    padding-bottom: 2rem
}

.u-pad-l-0\@xs {
    padding-left: 0
}

.u-pad-l-xs\@xs {
    padding-left: .25rem
}

.u-pad-l-s\@xs {
    padding-left: .5rem
}

.u-pad-l-m\@xs {
    padding-left: 1rem
}

.u-pad-l-l\@xs {
    padding-left: 1.5rem
}

.u-pad-l-xl\@xs {
    padding-left: 2rem
}

.u-pad-h-0\@xs {
    padding-left: 0;
    padding-right: 0
}

.u-pad-h-xs\@xs {
    padding-left: .25rem;
    padding-right: .25rem
}

.u-pad-h-s\@xs {
    padding-left: .5rem;
    padding-right: .5rem
}

.u-pad-h-m\@xs {
    padding-left: 1rem;
    padding-right: 1rem
}

.u-pad-h-l\@xs {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.u-pad-h-xl\@xs {
    padding-left: 2rem;
    padding-right: 2rem
}

.u-pad-v-0\@xs {
    padding-bottom: 0;
    padding-top: 0
}

.u-pad-v-xs\@xs {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.u-pad-v-s\@xs {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.u-pad-v-m\@xs {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.u-pad-v-l\@xs {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.u-pad-v-xl\@xs {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.u-mgn-0\@xs {
    margin: 0
}

.u-mgn-xs\@xs {
    margin: .25rem
}

.u-mgn-s\@xs {
    margin: .5rem
}

.u-mgn-m\@xs {
    margin: 1rem
}

.u-mgn-l\@xs {
    margin: 1.5rem
}

.u-mgn-xl\@xs {
    margin: 2rem
}

.u-mgn-t-0\@xs {
    margin-top: 0
}

.u-mgn-t-xs\@xs {
    margin-top: .25rem
}

.u-mgn-t-s\@xs {
    margin-top: .5rem
}

.u-mgn-t-m\@xs {
    margin-top: 1rem
}

.u-mgn-t-l\@xs {
    margin-top: 1.5rem
}

.u-mgn-t-xl\@xs {
    margin-top: 2rem
}

.u-mgn-r-0\@xs {
    margin-right: 0
}

.u-mgn-r-xs\@xs {
    margin-right: .25rem
}

.u-mgn-r-s\@xs {
    margin-right: .5rem
}

.u-mgn-r-m\@xs {
    margin-right: 1rem
}

.u-mgn-r-l\@xs {
    margin-right: 1.5rem
}

.u-mgn-r-xl\@xs {
    margin-right: 2rem
}

.u-mgn-b-0\@xs {
    margin-bottom: 0
}

.u-mgn-b-xs\@xs {
    margin-bottom: .25rem
}

.u-mgn-b-s\@xs {
    margin-bottom: .5rem
}

.u-mgn-b-m\@xs {
    margin-bottom: 1rem
}

.u-mgn-b-l\@xs {
    margin-bottom: 1.5rem
}

.u-mgn-b-xl\@xs {
    margin-bottom: 2rem
}

.u-mgn-l-0\@xs {
    margin-left: 0
}

.u-mgn-l-xs\@xs {
    margin-left: .25rem
}

.u-mgn-l-s\@xs {
    margin-left: .5rem
}

.u-mgn-l-m\@xs {
    margin-left: 1rem
}

.u-mgn-l-l\@xs {
    margin-left: 1.5rem
}

.u-mgn-l-xl\@xs {
    margin-left: 2rem
}

.u-mgn-h-0\@xs {
    margin-left: 0;
    margin-right: 0
}

.u-mgn-h-xs\@xs {
    margin-left: .25rem;
    margin-right: .25rem
}

.u-mgn-h-s\@xs {
    margin-left: .5rem;
    margin-right: .5rem
}

.u-mgn-h-m\@xs {
    margin-left: 1rem;
    margin-right: 1rem
}

.u-mgn-h-l\@xs {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.u-mgn-h-xl\@xs {
    margin-left: 2rem;
    margin-right: 2rem
}

.u-mgn-v-0\@xs {
    margin-bottom: 0;
    margin-top: 0
}

.u-mgn-v-xs\@xs {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.u-mgn-v-s\@xs {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.u-mgn-v-m\@xs {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.u-mgn-v-l\@xs {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.u-mgn-v-xl\@xs {
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media(min-width: 32.5em) {
    .u-pad-0\@ph {
        padding:0
    }

    .u-pad-xs\@ph {
        padding: .25rem
    }

    .u-pad-s\@ph {
        padding: .5rem
    }

    .u-pad-m\@ph {
        padding: 1rem
    }

    .u-pad-l\@ph {
        padding: 1.5rem
    }

    .u-pad-xl\@ph {
        padding: 2rem
    }

    .u-pad-t-0\@ph {
        padding-top: 0
    }

    .u-pad-t-xs\@ph {
        padding-top: .25rem
    }

    .u-pad-t-s\@ph {
        padding-top: .5rem
    }

    .u-pad-t-m\@ph {
        padding-top: 1rem
    }

    .u-pad-t-l\@ph {
        padding-top: 1.5rem
    }

    .u-pad-t-xl\@ph {
        padding-top: 2rem
    }

    .u-pad-r-0\@ph {
        padding-right: 0
    }

    .u-pad-r-xs\@ph {
        padding-right: .25rem
    }

    .u-pad-r-s\@ph {
        padding-right: .5rem
    }

    .u-pad-r-m\@ph {
        padding-right: 1rem
    }

    .u-pad-r-l\@ph {
        padding-right: 1.5rem
    }

    .u-pad-r-xl\@ph {
        padding-right: 2rem
    }

    .u-pad-b-0\@ph {
        padding-bottom: 0
    }

    .u-pad-b-xs\@ph {
        padding-bottom: .25rem
    }

    .u-pad-b-s\@ph {
        padding-bottom: .5rem
    }

    .u-pad-b-m\@ph {
        padding-bottom: 1rem
    }

    .u-pad-b-l\@ph {
        padding-bottom: 1.5rem
    }

    .u-pad-b-xl\@ph {
        padding-bottom: 2rem
    }

    .u-pad-l-0\@ph {
        padding-left: 0
    }

    .u-pad-l-xs\@ph {
        padding-left: .25rem
    }

    .u-pad-l-s\@ph {
        padding-left: .5rem
    }

    .u-pad-l-m\@ph {
        padding-left: 1rem
    }

    .u-pad-l-l\@ph {
        padding-left: 1.5rem
    }

    .u-pad-l-xl\@ph {
        padding-left: 2rem
    }

    .u-pad-h-0\@ph {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-h-xs\@ph {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .u-pad-h-s\@ph {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .u-pad-h-m\@ph {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .u-pad-h-l\@ph {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .u-pad-h-xl\@ph {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .u-pad-v-0\@ph {
        padding-bottom: 0;
        padding-top: 0
    }

    .u-pad-v-xs\@ph {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .u-pad-v-s\@ph {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .u-pad-v-m\@ph {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .u-pad-v-l\@ph {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .u-pad-v-xl\@ph {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .u-mgn-0\@ph {
        margin: 0
    }

    .u-mgn-xs\@ph {
        margin: .25rem
    }

    .u-mgn-s\@ph {
        margin: .5rem
    }

    .u-mgn-m\@ph {
        margin: 1rem
    }

    .u-mgn-l\@ph {
        margin: 1.5rem
    }

    .u-mgn-xl\@ph {
        margin: 2rem
    }

    .u-mgn-t-0\@ph {
        margin-top: 0
    }

    .u-mgn-t-xs\@ph {
        margin-top: .25rem
    }

    .u-mgn-t-s\@ph {
        margin-top: .5rem
    }

    .u-mgn-t-m\@ph {
        margin-top: 1rem
    }

    .u-mgn-t-l\@ph {
        margin-top: 1.5rem
    }

    .u-mgn-t-xl\@ph {
        margin-top: 2rem
    }

    .u-mgn-r-0\@ph {
        margin-right: 0
    }

    .u-mgn-r-xs\@ph {
        margin-right: .25rem
    }

    .u-mgn-r-s\@ph {
        margin-right: .5rem
    }

    .u-mgn-r-m\@ph {
        margin-right: 1rem
    }

    .u-mgn-r-l\@ph {
        margin-right: 1.5rem
    }

    .u-mgn-r-xl\@ph {
        margin-right: 2rem
    }

    .u-mgn-b-0\@ph {
        margin-bottom: 0
    }

    .u-mgn-b-xs\@ph {
        margin-bottom: .25rem
    }

    .u-mgn-b-s\@ph {
        margin-bottom: .5rem
    }

    .u-mgn-b-m\@ph {
        margin-bottom: 1rem
    }

    .u-mgn-b-l\@ph {
        margin-bottom: 1.5rem
    }

    .u-mgn-b-xl\@ph {
        margin-bottom: 2rem
    }

    .u-mgn-l-0\@ph {
        margin-left: 0
    }

    .u-mgn-l-xs\@ph {
        margin-left: .25rem
    }

    .u-mgn-l-s\@ph {
        margin-left: .5rem
    }

    .u-mgn-l-m\@ph {
        margin-left: 1rem
    }

    .u-mgn-l-l\@ph {
        margin-left: 1.5rem
    }

    .u-mgn-l-xl\@ph {
        margin-left: 2rem
    }

    .u-mgn-h-0\@ph {
        margin-left: 0;
        margin-right: 0
    }

    .u-mgn-h-xs\@ph {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .u-mgn-h-s\@ph {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .u-mgn-h-m\@ph {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .u-mgn-h-l\@ph {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .u-mgn-h-xl\@ph {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .u-mgn-v-0\@ph {
        margin-bottom: 0;
        margin-top: 0
    }

    .u-mgn-v-xs\@ph {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .u-mgn-v-s\@ph {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .u-mgn-v-m\@ph {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .u-mgn-v-l\@ph {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .u-mgn-v-xl\@ph {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

@media(min-width: 48em) {
    .u-pad-0\@sm {
        padding:0
    }

    .u-pad-xs\@sm {
        padding: .25rem
    }

    .u-pad-s\@sm {
        padding: .5rem
    }

    .u-pad-m\@sm {
        padding: 1rem
    }

    .u-pad-l\@sm {
        padding: 1.5rem
    }

    .u-pad-xl\@sm {
        padding: 2rem
    }

    .u-pad-t-0\@sm {
        padding-top: 0
    }

    .u-pad-t-xs\@sm {
        padding-top: .25rem
    }

    .u-pad-t-s\@sm {
        padding-top: .5rem
    }

    .u-pad-t-m\@sm {
        padding-top: 1rem
    }

    .u-pad-t-l\@sm {
        padding-top: 1.5rem
    }

    .u-pad-t-xl\@sm {
        padding-top: 2rem
    }

    .u-pad-r-0\@sm {
        padding-right: 0
    }

    .u-pad-r-xs\@sm {
        padding-right: .25rem
    }

    .u-pad-r-s\@sm {
        padding-right: .5rem
    }

    .u-pad-r-m\@sm {
        padding-right: 1rem
    }

    .u-pad-r-l\@sm {
        padding-right: 1.5rem
    }

    .u-pad-r-xl\@sm {
        padding-right: 2rem
    }

    .u-pad-b-0\@sm {
        padding-bottom: 0
    }

    .u-pad-b-xs\@sm {
        padding-bottom: .25rem
    }

    .u-pad-b-s\@sm {
        padding-bottom: .5rem
    }

    .u-pad-b-m\@sm {
        padding-bottom: 1rem
    }

    .u-pad-b-l\@sm {
        padding-bottom: 1.5rem
    }

    .u-pad-b-xl\@sm {
        padding-bottom: 2rem
    }

    .u-pad-l-0\@sm {
        padding-left: 0
    }

    .u-pad-l-xs\@sm {
        padding-left: .25rem
    }

    .u-pad-l-s\@sm {
        padding-left: .5rem
    }

    .u-pad-l-m\@sm {
        padding-left: 1rem
    }

    .u-pad-l-l\@sm {
        padding-left: 1.5rem
    }

    .u-pad-l-xl\@sm {
        padding-left: 2rem
    }

    .u-pad-h-0\@sm {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-h-xs\@sm {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .u-pad-h-s\@sm {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .u-pad-h-m\@sm {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .u-pad-h-l\@sm {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .u-pad-h-xl\@sm {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .u-pad-v-0\@sm {
        padding-bottom: 0;
        padding-top: 0
    }

    .u-pad-v-xs\@sm {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .u-pad-v-s\@sm {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .u-pad-v-m\@sm {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .u-pad-v-l\@sm {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .u-pad-v-xl\@sm {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .u-mgn-0\@sm {
        margin: 0
    }

    .u-mgn-xs\@sm {
        margin: .25rem
    }

    .u-mgn-s\@sm {
        margin: .5rem
    }

    .u-mgn-m\@sm {
        margin: 1rem
    }

    .u-mgn-l\@sm {
        margin: 1.5rem
    }

    .u-mgn-xl\@sm {
        margin: 2rem
    }

    .u-mgn-t-0\@sm {
        margin-top: 0
    }

    .u-mgn-t-xs\@sm {
        margin-top: .25rem
    }

    .u-mgn-t-s\@sm {
        margin-top: .5rem
    }

    .u-mgn-t-m\@sm {
        margin-top: 1rem
    }

    .u-mgn-t-l\@sm {
        margin-top: 1.5rem
    }

    .u-mgn-t-xl\@sm {
        margin-top: 2rem
    }

    .u-mgn-r-0\@sm {
        margin-right: 0
    }

    .u-mgn-r-xs\@sm {
        margin-right: .25rem
    }

    .u-mgn-r-s\@sm {
        margin-right: .5rem
    }

    .u-mgn-r-m\@sm {
        margin-right: 1rem
    }

    .u-mgn-r-l\@sm {
        margin-right: 1.5rem
    }

    .u-mgn-r-xl\@sm {
        margin-right: 2rem
    }

    .u-mgn-b-0\@sm {
        margin-bottom: 0
    }

    .u-mgn-b-xs\@sm {
        margin-bottom: .25rem
    }

    .u-mgn-b-s\@sm {
        margin-bottom: .5rem
    }

    .u-mgn-b-m\@sm {
        margin-bottom: 1rem
    }

    .u-mgn-b-l\@sm {
        margin-bottom: 1.5rem
    }

    .u-mgn-b-xl\@sm {
        margin-bottom: 2rem
    }

    .u-mgn-l-0\@sm {
        margin-left: 0
    }

    .u-mgn-l-xs\@sm {
        margin-left: .25rem
    }

    .u-mgn-l-s\@sm {
        margin-left: .5rem
    }

    .u-mgn-l-m\@sm {
        margin-left: 1rem
    }

    .u-mgn-l-l\@sm {
        margin-left: 1.5rem
    }

    .u-mgn-l-xl\@sm {
        margin-left: 2rem
    }

    .u-mgn-h-0\@sm {
        margin-left: 0;
        margin-right: 0
    }

    .u-mgn-h-xs\@sm {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .u-mgn-h-s\@sm {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .u-mgn-h-m\@sm {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .u-mgn-h-l\@sm {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .u-mgn-h-xl\@sm {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .u-mgn-v-0\@sm {
        margin-bottom: 0;
        margin-top: 0
    }

    .u-mgn-v-xs\@sm {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .u-mgn-v-s\@sm {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .u-mgn-v-m\@sm {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .u-mgn-v-l\@sm {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .u-mgn-v-xl\@sm {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

@media(min-width: 69.375em) {
    .u-pad-0\@md {
        padding:0
    }

    .u-pad-xs\@md {
        padding: .25rem
    }

    .u-pad-s\@md {
        padding: .5rem
    }

    .u-pad-m\@md {
        padding: 1rem
    }

    .u-pad-l\@md {
        padding: 1.5rem
    }

    .u-pad-xl\@md {
        padding: 2rem
    }

    .u-pad-t-0\@md {
        padding-top: 0
    }

    .u-pad-t-xs\@md {
        padding-top: .25rem
    }

    .u-pad-t-s\@md {
        padding-top: .5rem
    }

    .u-pad-t-m\@md {
        padding-top: 1rem
    }

    .u-pad-t-l\@md {
        padding-top: 1.5rem
    }

    .u-pad-t-xl\@md {
        padding-top: 2rem
    }

    .u-pad-r-0\@md {
        padding-right: 0
    }

    .u-pad-r-xs\@md {
        padding-right: .25rem
    }

    .u-pad-r-s\@md {
        padding-right: .5rem
    }

    .u-pad-r-m\@md {
        padding-right: 1rem
    }

    .u-pad-r-l\@md {
        padding-right: 1.5rem
    }

    .u-pad-r-xl\@md {
        padding-right: 2rem
    }

    .u-pad-b-0\@md {
        padding-bottom: 0
    }

    .u-pad-b-xs\@md {
        padding-bottom: .25rem
    }

    .u-pad-b-s\@md {
        padding-bottom: .5rem
    }

    .u-pad-b-m\@md {
        padding-bottom: 1rem
    }

    .u-pad-b-l\@md {
        padding-bottom: 1.5rem
    }

    .u-pad-b-xl\@md {
        padding-bottom: 2rem
    }

    .u-pad-l-0\@md {
        padding-left: 0
    }

    .u-pad-l-xs\@md {
        padding-left: .25rem
    }

    .u-pad-l-s\@md {
        padding-left: .5rem
    }

    .u-pad-l-m\@md {
        padding-left: 1rem
    }

    .u-pad-l-l\@md {
        padding-left: 1.5rem
    }

    .u-pad-l-xl\@md {
        padding-left: 2rem
    }

    .u-pad-h-0\@md {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-h-xs\@md {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .u-pad-h-s\@md {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .u-pad-h-m\@md {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .u-pad-h-l\@md {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .u-pad-h-xl\@md {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .u-pad-v-0\@md {
        padding-bottom: 0;
        padding-top: 0
    }

    .u-pad-v-xs\@md {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .u-pad-v-s\@md {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .u-pad-v-m\@md {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .u-pad-v-l\@md {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .u-pad-v-xl\@md {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .u-mgn-0\@md {
        margin: 0
    }

    .u-mgn-xs\@md {
        margin: .25rem
    }

    .u-mgn-s\@md {
        margin: .5rem
    }

    .u-mgn-m\@md {
        margin: 1rem
    }

    .u-mgn-l\@md {
        margin: 1.5rem
    }

    .u-mgn-xl\@md {
        margin: 2rem
    }

    .u-mgn-t-0\@md {
        margin-top: 0
    }

    .u-mgn-t-xs\@md {
        margin-top: .25rem
    }

    .u-mgn-t-s\@md {
        margin-top: .5rem
    }

    .u-mgn-t-m\@md {
        margin-top: 1rem
    }

    .u-mgn-t-l\@md {
        margin-top: 1.5rem
    }

    .u-mgn-t-xl\@md {
        margin-top: 2rem
    }

    .u-mgn-r-0\@md {
        margin-right: 0
    }

    .u-mgn-r-xs\@md {
        margin-right: .25rem
    }

    .u-mgn-r-s\@md {
        margin-right: .5rem
    }

    .u-mgn-r-m\@md {
        margin-right: 1rem
    }

    .u-mgn-r-l\@md {
        margin-right: 1.5rem
    }

    .u-mgn-r-xl\@md {
        margin-right: 2rem
    }

    .u-mgn-b-0\@md {
        margin-bottom: 0
    }

    .u-mgn-b-xs\@md {
        margin-bottom: .25rem
    }

    .u-mgn-b-s\@md {
        margin-bottom: .5rem
    }

    .u-mgn-b-m\@md {
        margin-bottom: 1rem
    }

    .u-mgn-b-l\@md {
        margin-bottom: 1.5rem
    }

    .u-mgn-b-xl\@md {
        margin-bottom: 2rem
    }

    .u-mgn-l-0\@md {
        margin-left: 0
    }

    .u-mgn-l-xs\@md {
        margin-left: .25rem
    }

    .u-mgn-l-s\@md {
        margin-left: .5rem
    }

    .u-mgn-l-m\@md {
        margin-left: 1rem
    }

    .u-mgn-l-l\@md {
        margin-left: 1.5rem
    }

    .u-mgn-l-xl\@md {
        margin-left: 2rem
    }

    .u-mgn-h-0\@md {
        margin-left: 0;
        margin-right: 0
    }

    .u-mgn-h-xs\@md {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .u-mgn-h-s\@md {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .u-mgn-h-m\@md {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .u-mgn-h-l\@md {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .u-mgn-h-xl\@md {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .u-mgn-v-0\@md {
        margin-bottom: 0;
        margin-top: 0
    }

    .u-mgn-v-xs\@md {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .u-mgn-v-s\@md {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .u-mgn-v-m\@md {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .u-mgn-v-l\@md {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .u-mgn-v-xl\@md {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

@media(min-width: 80em) {
    .u-pad-0\@lg {
        padding:0
    }

    .u-pad-xs\@lg {
        padding: .25rem
    }

    .u-pad-s\@lg {
        padding: .5rem
    }

    .u-pad-m\@lg {
        padding: 1rem
    }

    .u-pad-l\@lg {
        padding: 1.5rem
    }

    .u-pad-xl\@lg {
        padding: 2rem
    }

    .u-pad-t-0\@lg {
        padding-top: 0
    }

    .u-pad-t-xs\@lg {
        padding-top: .25rem
    }

    .u-pad-t-s\@lg {
        padding-top: .5rem
    }

    .u-pad-t-m\@lg {
        padding-top: 1rem
    }

    .u-pad-t-l\@lg {
        padding-top: 1.5rem
    }

    .u-pad-t-xl\@lg {
        padding-top: 2rem
    }

    .u-pad-r-0\@lg {
        padding-right: 0
    }

    .u-pad-r-xs\@lg {
        padding-right: .25rem
    }

    .u-pad-r-s\@lg {
        padding-right: .5rem
    }

    .u-pad-r-m\@lg {
        padding-right: 1rem
    }

    .u-pad-r-l\@lg {
        padding-right: 1.5rem
    }

    .u-pad-r-xl\@lg {
        padding-right: 2rem
    }

    .u-pad-b-0\@lg {
        padding-bottom: 0
    }

    .u-pad-b-xs\@lg {
        padding-bottom: .25rem
    }

    .u-pad-b-s\@lg {
        padding-bottom: .5rem
    }

    .u-pad-b-m\@lg {
        padding-bottom: 1rem
    }

    .u-pad-b-l\@lg {
        padding-bottom: 1.5rem
    }

    .u-pad-b-xl\@lg {
        padding-bottom: 2rem
    }

    .u-pad-l-0\@lg {
        padding-left: 0
    }

    .u-pad-l-xs\@lg {
        padding-left: .25rem
    }

    .u-pad-l-s\@lg {
        padding-left: .5rem
    }

    .u-pad-l-m\@lg {
        padding-left: 1rem
    }

    .u-pad-l-l\@lg {
        padding-left: 1.5rem
    }

    .u-pad-l-xl\@lg {
        padding-left: 2rem
    }

    .u-pad-h-0\@lg {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-h-xs\@lg {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .u-pad-h-s\@lg {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .u-pad-h-m\@lg {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .u-pad-h-l\@lg {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .u-pad-h-xl\@lg {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .u-pad-v-0\@lg {
        padding-bottom: 0;
        padding-top: 0
    }

    .u-pad-v-xs\@lg {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .u-pad-v-s\@lg {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .u-pad-v-m\@lg {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .u-pad-v-l\@lg {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .u-pad-v-xl\@lg {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .u-mgn-0\@lg {
        margin: 0
    }

    .u-mgn-xs\@lg {
        margin: .25rem
    }

    .u-mgn-s\@lg {
        margin: .5rem
    }

    .u-mgn-m\@lg {
        margin: 1rem
    }

    .u-mgn-l\@lg {
        margin: 1.5rem
    }

    .u-mgn-xl\@lg {
        margin: 2rem
    }

    .u-mgn-t-0\@lg {
        margin-top: 0
    }

    .u-mgn-t-xs\@lg {
        margin-top: .25rem
    }

    .u-mgn-t-s\@lg {
        margin-top: .5rem
    }

    .u-mgn-t-m\@lg {
        margin-top: 1rem
    }

    .u-mgn-t-l\@lg {
        margin-top: 1.5rem
    }

    .u-mgn-t-xl\@lg {
        margin-top: 2rem
    }

    .u-mgn-r-0\@lg {
        margin-right: 0
    }

    .u-mgn-r-xs\@lg {
        margin-right: .25rem
    }

    .u-mgn-r-s\@lg {
        margin-right: .5rem
    }

    .u-mgn-r-m\@lg {
        margin-right: 1rem
    }

    .u-mgn-r-l\@lg {
        margin-right: 1.5rem
    }

    .u-mgn-r-xl\@lg {
        margin-right: 2rem
    }

    .u-mgn-b-0\@lg {
        margin-bottom: 0
    }

    .u-mgn-b-xs\@lg {
        margin-bottom: .25rem
    }

    .u-mgn-b-s\@lg {
        margin-bottom: .5rem
    }

    .u-mgn-b-m\@lg {
        margin-bottom: 1rem
    }

    .u-mgn-b-l\@lg {
        margin-bottom: 1.5rem
    }

    .u-mgn-b-xl\@lg {
        margin-bottom: 2rem
    }

    .u-mgn-l-0\@lg {
        margin-left: 0
    }

    .u-mgn-l-xs\@lg {
        margin-left: .25rem
    }

    .u-mgn-l-s\@lg {
        margin-left: .5rem
    }

    .u-mgn-l-m\@lg {
        margin-left: 1rem
    }

    .u-mgn-l-l\@lg {
        margin-left: 1.5rem
    }

    .u-mgn-l-xl\@lg {
        margin-left: 2rem
    }

    .u-mgn-h-0\@lg {
        margin-left: 0;
        margin-right: 0
    }

    .u-mgn-h-xs\@lg {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .u-mgn-h-s\@lg {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .u-mgn-h-m\@lg {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .u-mgn-h-l\@lg {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .u-mgn-h-xl\@lg {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .u-mgn-v-0\@lg {
        margin-bottom: 0;
        margin-top: 0
    }

    .u-mgn-v-xs\@lg {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .u-mgn-v-s\@lg {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .u-mgn-v-m\@lg {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .u-mgn-v-l\@lg {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .u-mgn-v-xl\@lg {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

@media(min-width: 100em) {
    .u-pad-0\@xl {
        padding:0
    }

    .u-pad-xs\@xl {
        padding: .25rem
    }

    .u-pad-s\@xl {
        padding: .5rem
    }

    .u-pad-m\@xl {
        padding: 1rem
    }

    .u-pad-l\@xl {
        padding: 1.5rem
    }

    .u-pad-xl\@xl {
        padding: 2rem
    }

    .u-pad-t-0\@xl {
        padding-top: 0
    }

    .u-pad-t-xs\@xl {
        padding-top: .25rem
    }

    .u-pad-t-s\@xl {
        padding-top: .5rem
    }

    .u-pad-t-m\@xl {
        padding-top: 1rem
    }

    .u-pad-t-l\@xl {
        padding-top: 1.5rem
    }

    .u-pad-t-xl\@xl {
        padding-top: 2rem
    }

    .u-pad-r-0\@xl {
        padding-right: 0
    }

    .u-pad-r-xs\@xl {
        padding-right: .25rem
    }

    .u-pad-r-s\@xl {
        padding-right: .5rem
    }

    .u-pad-r-m\@xl {
        padding-right: 1rem
    }

    .u-pad-r-l\@xl {
        padding-right: 1.5rem
    }

    .u-pad-r-xl\@xl {
        padding-right: 2rem
    }

    .u-pad-b-0\@xl {
        padding-bottom: 0
    }

    .u-pad-b-xs\@xl {
        padding-bottom: .25rem
    }

    .u-pad-b-s\@xl {
        padding-bottom: .5rem
    }

    .u-pad-b-m\@xl {
        padding-bottom: 1rem
    }

    .u-pad-b-l\@xl {
        padding-bottom: 1.5rem
    }

    .u-pad-b-xl\@xl {
        padding-bottom: 2rem
    }

    .u-pad-l-0\@xl {
        padding-left: 0
    }

    .u-pad-l-xs\@xl {
        padding-left: .25rem
    }

    .u-pad-l-s\@xl {
        padding-left: .5rem
    }

    .u-pad-l-m\@xl {
        padding-left: 1rem
    }

    .u-pad-l-l\@xl {
        padding-left: 1.5rem
    }

    .u-pad-l-xl\@xl {
        padding-left: 2rem
    }

    .u-pad-h-0\@xl {
        padding-left: 0;
        padding-right: 0
    }

    .u-pad-h-xs\@xl {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .u-pad-h-s\@xl {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .u-pad-h-m\@xl {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .u-pad-h-l\@xl {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .u-pad-h-xl\@xl {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .u-pad-v-0\@xl {
        padding-bottom: 0;
        padding-top: 0
    }

    .u-pad-v-xs\@xl {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .u-pad-v-s\@xl {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .u-pad-v-m\@xl {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .u-pad-v-l\@xl {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .u-pad-v-xl\@xl {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .u-mgn-0\@xl {
        margin: 0
    }

    .u-mgn-xs\@xl {
        margin: .25rem
    }

    .u-mgn-s\@xl {
        margin: .5rem
    }

    .u-mgn-m\@xl {
        margin: 1rem
    }

    .u-mgn-l\@xl {
        margin: 1.5rem
    }

    .u-mgn-xl\@xl {
        margin: 2rem
    }

    .u-mgn-t-0\@xl {
        margin-top: 0
    }

    .u-mgn-t-xs\@xl {
        margin-top: .25rem
    }

    .u-mgn-t-s\@xl {
        margin-top: .5rem
    }

    .u-mgn-t-m\@xl {
        margin-top: 1rem
    }

    .u-mgn-t-l\@xl {
        margin-top: 1.5rem
    }

    .u-mgn-t-xl\@xl {
        margin-top: 2rem
    }

    .u-mgn-r-0\@xl {
        margin-right: 0
    }

    .u-mgn-r-xs\@xl {
        margin-right: .25rem
    }

    .u-mgn-r-s\@xl {
        margin-right: .5rem
    }

    .u-mgn-r-m\@xl {
        margin-right: 1rem
    }

    .u-mgn-r-l\@xl {
        margin-right: 1.5rem
    }

    .u-mgn-r-xl\@xl {
        margin-right: 2rem
    }

    .u-mgn-b-0\@xl {
        margin-bottom: 0
    }

    .u-mgn-b-xs\@xl {
        margin-bottom: .25rem
    }

    .u-mgn-b-s\@xl {
        margin-bottom: .5rem
    }

    .u-mgn-b-m\@xl {
        margin-bottom: 1rem
    }

    .u-mgn-b-l\@xl {
        margin-bottom: 1.5rem
    }

    .u-mgn-b-xl\@xl {
        margin-bottom: 2rem
    }

    .u-mgn-l-0\@xl {
        margin-left: 0
    }

    .u-mgn-l-xs\@xl {
        margin-left: .25rem
    }

    .u-mgn-l-s\@xl {
        margin-left: .5rem
    }

    .u-mgn-l-m\@xl {
        margin-left: 1rem
    }

    .u-mgn-l-l\@xl {
        margin-left: 1.5rem
    }

    .u-mgn-l-xl\@xl {
        margin-left: 2rem
    }

    .u-mgn-h-0\@xl {
        margin-left: 0;
        margin-right: 0
    }

    .u-mgn-h-xs\@xl {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .u-mgn-h-s\@xl {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .u-mgn-h-m\@xl {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .u-mgn-h-l\@xl {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .u-mgn-h-xl\@xl {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .u-mgn-v-0\@xl {
        margin-bottom: 0;
        margin-top: 0
    }

    .u-mgn-v-xs\@xl {
        margin-bottom: .25rem;
        margin-top: .25rem
    }

    .u-mgn-v-s\@xl {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .u-mgn-v-m\@xl {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .u-mgn-v-l\@xl {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .u-mgn-v-xl\@xl {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

.l-tbl.l-tbl\@xs {
    display: table;
    table-layout: fixed
}

.l-tbl.l-tbl\@xs.l-tbl--auto {
    table-layout: auto
}

.l-tbl.l-tbl\@xs>.l-tbl__row {
    display: table-row
}

.l-tbl.l-tbl\@xs>.l-tbl__cell,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell {
    display: table-cell
}

.l-tbl.l-tbl\@xs>.l-tbl__cell:before,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell:before {
    display: none
}

.l-tbl.l-tbl\@xs.l-cols {
    margin-left: 0;
    margin-right: 0
}

.l-tbl.l-tbl\@xs>.l-tbl__cell.l-col,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell.l-col {
    float: none
}

.l-tbl.l-tbl\@xs>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell--vert-top {
    vertical-align: top
}

.l-tbl.l-tbl\@xs>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell--vert-center {
    vertical-align: middle
}

.l-tbl.l-tbl\@xs>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@xs>.l-tbl__row>.l-tbl__cell--vert-bottom {
    vertical-align: bottom
}

@media(min-width: 32.5em) {
    .l-tbl.l-tbl\@ph {
        display:table;
        table-layout: fixed
    }

    .l-tbl.l-tbl\@ph.l-tbl--auto {
        table-layout: auto
    }

    .l-tbl.l-tbl\@ph>.l-tbl__row {
        display: table-row
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell {
        display: table-cell
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell:before,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell:before {
        display: none
    }

    .l-tbl.l-tbl\@ph.l-cols {
        margin-left: 0;
        margin-right: 0
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell.l-col,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell.l-col {
        float: none
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell--vert-top {
        vertical-align: top
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell--vert-center {
        vertical-align: middle
    }

    .l-tbl.l-tbl\@ph>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@ph>.l-tbl__row>.l-tbl__cell--vert-bottom {
        vertical-align: bottom
    }
}

@media(min-width: 48em) {
    .l-tbl.l-tbl\@sm {
        display:table;
        table-layout: fixed
    }

    .l-tbl.l-tbl\@sm.l-tbl--auto {
        table-layout: auto
    }

    .l-tbl.l-tbl\@sm>.l-tbl__row {
        display: table-row
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell {
        display: table-cell
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell:before,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell:before {
        display: none
    }

    .l-tbl.l-tbl\@sm.l-cols {
        margin-left: 0;
        margin-right: 0
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell.l-col,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell.l-col {
        float: none
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell--vert-top {
        vertical-align: top
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell--vert-center {
        vertical-align: middle
    }

    .l-tbl.l-tbl\@sm>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@sm>.l-tbl__row>.l-tbl__cell--vert-bottom {
        vertical-align: bottom
    }
}

@media(min-width: 69.375em) {
    .l-tbl.l-tbl\@md {
        display:table;
        table-layout: fixed
    }

    .l-tbl.l-tbl\@md.l-tbl--auto {
        table-layout: auto
    }

    .l-tbl.l-tbl\@md>.l-tbl__row {
        display: table-row
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell {
        display: table-cell
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell:before,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell:before {
        display: none
    }

    .l-tbl.l-tbl\@md.l-cols {
        margin-left: 0;
        margin-right: 0
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell.l-col,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell.l-col {
        float: none
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell--vert-top {
        vertical-align: top
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell--vert-center {
        vertical-align: middle
    }

    .l-tbl.l-tbl\@md>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@md>.l-tbl__row>.l-tbl__cell--vert-bottom {
        vertical-align: bottom
    }
}

@media(min-width: 80em) {
    .l-tbl.l-tbl\@lg {
        display:table;
        table-layout: fixed
    }

    .l-tbl.l-tbl\@lg.l-tbl--auto {
        table-layout: auto
    }

    .l-tbl.l-tbl\@lg>.l-tbl__row {
        display: table-row
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell {
        display: table-cell
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell:before,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell:before {
        display: none
    }

    .l-tbl.l-tbl\@lg.l-cols {
        margin-left: 0;
        margin-right: 0
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell.l-col,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell.l-col {
        float: none
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell--vert-top {
        vertical-align: top
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell--vert-center {
        vertical-align: middle
    }

    .l-tbl.l-tbl\@lg>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@lg>.l-tbl__row>.l-tbl__cell--vert-bottom {
        vertical-align: bottom
    }
}

@media(min-width: 100em) {
    .l-tbl.l-tbl\@xl {
        display:table;
        table-layout: fixed
    }

    .l-tbl.l-tbl\@xl.l-tbl--auto {
        table-layout: auto
    }

    .l-tbl.l-tbl\@xl>.l-tbl__row {
        display: table-row
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell {
        display: table-cell
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell:before,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell:before {
        display: none
    }

    .l-tbl.l-tbl\@xl.l-cols {
        margin-left: 0;
        margin-right: 0
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell.l-col,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell.l-col {
        float: none
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell--vert-top,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell--vert-top {
        vertical-align: top
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell--vert-center,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell--vert-center {
        vertical-align: middle
    }

    .l-tbl.l-tbl\@xl>.l-tbl__cell--vert-bottom,.l-tbl.l-tbl\@xl>.l-tbl__row>.l-tbl__cell--vert-bottom {
        vertical-align: bottom
    }
}

.l-tbl--labels>.l-tbl__cell:before,.l-tbl--labels>.l-tbl__row>.l-tbl__cell:before {
    content: attr(data-label);
    float: left;
    font-size: .9rem;
    font-weight: 400;
    padding-right: .5rem;
    text-align: center
}

.l-tbl--bordered {
    border: 1px solid #f0f0f0;
    border-collapse: collapse
}

.l-tbl--bordered>.l-tbl__cell,.l-tbl--bordered>.l-tbl__row>.l-tbl__cell {
    border-bottom: 1px solid #f0f0f0;
    padding: .5rem
}

.t-align-left,.t-align-left\@xs {
    text-align: left
}

.t-align-right,.t-align-right\@xs {
    text-align: right
}

.t-align-center,.t-align-center\@xs {
    text-align: center
}

@media(min-width: 32.5em) {
    .t-align-left\@ph {
        text-align:left
    }

    .t-align-right\@ph {
        text-align: right
    }

    .t-align-center\@ph {
        text-align: center
    }
}

@media(min-width: 48em) {
    .t-align-left\@sm {
        text-align:left
    }

    .t-align-right\@sm {
        text-align: right
    }

    .t-align-center\@sm {
        text-align: center
    }
}

@media(min-width: 69.375em) {
    .t-align-left\@md {
        text-align:left
    }

    .t-align-right\@md {
        text-align: right
    }

    .t-align-center\@md {
        text-align: center
    }
}

@media(min-width: 80em) {
    .t-align-left\@lg {
        text-align:left
    }

    .t-align-right\@lg {
        text-align: right
    }

    .t-align-center\@lg {
        text-align: center
    }
}

@media(min-width: 100em) {
    .t-align-left\@xl {
        text-align:left
    }

    .t-align-right\@xl {
        text-align: right
    }

    .t-align-center\@xl {
        text-align: center
    }
}

.l-cols,.l-columns {
    margin-left: -16px;
    margin-right: -16px
}

.l-cols:after,.l-columns:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.l-col,.l-cols__item,.l-column {
    float: left;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

.u-element-invisible {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important
}

.u-element-invisible.u-element-focusable:active,.u-element-invisible.u-element-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static!important
}

.u-no-margin {
    margin: 0!important
}

.u-no-padding {
    padding: 0!important
}

.u-float-left {
    float: left!important
}

.u-float-right {
    float: right!important
}

.l-constrained,.l-container {
    margin-left: auto;
    margin-right: auto
}

.l-container {
    overflow: hidden;
    width: 100%
}

.l-container:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}


@media(min-width: 48em) {
    .l-constrained {
        padding-left:0px;
        padding-right: 0px
    }
}

.l-default {
    max-width: 1280px
}

.l-handheld {
    max-width: 440px
}

.l-narrow {
    max-width: 700px
}

.l-medium {
    max-width: 960px
}

.l-wide {
    max-width: 1440px
}



.l-constrained.l-handheld {
    max-width: 504px
}

.l-constrained.l-narrow {
    max-width: 764px
}

.l-constrained.l-medium {
    max-width: 1024px
}

.l-constrained.l-wide {
    max-width: 1504px
}

.l-fullwidth {
    width: 100%
}

.l-fullheight {
    height: 100%
}

.l-whitespace,.l-whitespace--md {
    height: 40vh
}

.l-whitespace--lg {
    height: 60vh
}

.l-whitespace--sm {
    height: 20vh
}

.w-1-1\@xs {
    width: 100%
}

.w-1-2\@xs {
    width: 50%
}

.w-2-2\@xs {
    width: 100%
}

.w-1-3\@xs {
    width: 33.3333333333%
}

.w-2-3\@xs {
    width: 66.6666666667%
}

.w-3-3\@xs {
    width: 100%
}

.w-1-4\@xs {
    width: 25%
}

.w-2-4\@xs {
    width: 50%
}

.w-3-4\@xs {
    width: 75%
}

.w-4-4\@xs {
    width: 100%
}

.w-1-5\@xs {
    width: 20%
}

.w-2-5\@xs {
    width: 40%
}

.w-3-5\@xs {
    width: 60%
}

.w-4-5\@xs {
    width: 80%
}

.w-5-5\@xs {
    width: 100%
}

.w-1-6\@xs {
    width: 16.6666666667%
}

.w-2-6\@xs {
    width: 33.3333333333%
}

.w-3-6\@xs {
    width: 50%
}

.w-4-6\@xs {
    width: 66.6666666667%
}

.w-5-6\@xs {
    width: 83.3333333333%
}

.w-6-6\@xs {
    width: 100%
}

.w-1-7\@xs {
    width: 14.2857142857%
}

.w-2-7\@xs {
    width: 28.5714285714%
}

.w-3-7\@xs {
    width: 42.8571428571%
}

.w-4-7\@xs {
    width: 57.1428571429%
}

.w-5-7\@xs {
    width: 71.4285714286%
}

.w-6-7\@xs {
    width: 85.7142857143%
}

.w-7-7\@xs {
    width: 100%
}

.w-1-8\@xs {
    width: 12.5%
}

.w-2-8\@xs {
    width: 25%
}

.w-3-8\@xs {
    width: 37.5%
}

.w-4-8\@xs {
    width: 50%
}

.w-5-8\@xs {
    width: 62.5%
}

.w-6-8\@xs {
    width: 75%
}

.w-7-8\@xs {
    width: 87.5%
}

.w-8-8\@xs {
    width: 100%
}

.w-1-9\@xs {
    width: 11.1111111111%
}

.w-2-9\@xs {
    width: 22.2222222222%
}

.w-3-9\@xs {
    width: 33.3333333333%
}

.w-4-9\@xs {
    width: 44.4444444444%
}

.w-5-9\@xs {
    width: 55.5555555556%
}

.w-6-9\@xs {
    width: 66.6666666667%
}

.w-7-9\@xs {
    width: 77.7777777778%
}

.w-8-9\@xs {
    width: 88.8888888889%
}

.w-9-9\@xs {
    width: 100%
}

.w-1-10\@xs {
    width: 10%
}

.w-2-10\@xs {
    width: 20%
}

.w-3-10\@xs {
    width: 30%
}

.w-4-10\@xs {
    width: 40%
}

.w-5-10\@xs {
    width: 50%
}

.w-6-10\@xs {
    width: 60%
}

.w-7-10\@xs {
    width: 70%
}

.w-8-10\@xs {
    width: 80%
}

.w-9-10\@xs {
    width: 90%
}

.w-10-10\@xs {
    width: 100%
}

@media(min-width: 32.5em) {
    .w-1-1\@ph {
        width:100%
    }

    .w-1-2\@ph {
        width: 50%
    }

    .w-2-2\@ph {
        width: 100%
    }

    .w-1-3\@ph {
        width: 33.3333333333%
    }

    .w-2-3\@ph {
        width: 66.6666666667%
    }

    .w-3-3\@ph {
        width: 100%
    }

    .w-1-4\@ph {
        width: 25%
    }

    .w-2-4\@ph {
        width: 50%
    }

    .w-3-4\@ph {
        width: 75%
    }

    .w-4-4\@ph {
        width: 100%
    }

    .w-1-5\@ph {
        width: 20%
    }

    .w-2-5\@ph {
        width: 40%
    }

    .w-3-5\@ph {
        width: 60%
    }

    .w-4-5\@ph {
        width: 80%
    }

    .w-5-5\@ph {
        width: 100%
    }

    .w-1-6\@ph {
        width: 16.6666666667%
    }

    .w-2-6\@ph {
        width: 33.3333333333%
    }

    .w-3-6\@ph {
        width: 50%
    }

    .w-4-6\@ph {
        width: 66.6666666667%
    }

    .w-5-6\@ph {
        width: 83.3333333333%
    }

    .w-6-6\@ph {
        width: 100%
    }

    .w-1-7\@ph {
        width: 14.2857142857%
    }

    .w-2-7\@ph {
        width: 28.5714285714%
    }

    .w-3-7\@ph {
        width: 42.8571428571%
    }

    .w-4-7\@ph {
        width: 57.1428571429%
    }

    .w-5-7\@ph {
        width: 71.4285714286%
    }

    .w-6-7\@ph {
        width: 85.7142857143%
    }

    .w-7-7\@ph {
        width: 100%
    }

    .w-1-8\@ph {
        width: 12.5%
    }

    .w-2-8\@ph {
        width: 25%
    }

    .w-3-8\@ph {
        width: 37.5%
    }

    .w-4-8\@ph {
        width: 50%
    }

    .w-5-8\@ph {
        width: 62.5%
    }

    .w-6-8\@ph {
        width: 75%
    }

    .w-7-8\@ph {
        width: 87.5%
    }

    .w-8-8\@ph {
        width: 100%
    }

    .w-1-9\@ph {
        width: 11.1111111111%
    }

    .w-2-9\@ph {
        width: 22.2222222222%
    }

    .w-3-9\@ph {
        width: 33.3333333333%
    }

    .w-4-9\@ph {
        width: 44.4444444444%
    }

    .w-5-9\@ph {
        width: 55.5555555556%
    }

    .w-6-9\@ph {
        width: 66.6666666667%
    }

    .w-7-9\@ph {
        width: 77.7777777778%
    }

    .w-8-9\@ph {
        width: 88.8888888889%
    }

    .w-9-9\@ph {
        width: 100%
    }

    .w-1-10\@ph {
        width: 10%
    }

    .w-2-10\@ph {
        width: 20%
    }

    .w-3-10\@ph {
        width: 30%
    }

    .w-4-10\@ph {
        width: 40%
    }

    .w-5-10\@ph {
        width: 50%
    }

    .w-6-10\@ph {
        width: 60%
    }

    .w-7-10\@ph {
        width: 70%
    }

    .w-8-10\@ph {
        width: 80%
    }

    .w-9-10\@ph {
        width: 90%
    }

    .w-10-10\@ph {
        width: 100%
    }
}

@media(min-width: 48em) {
    .w-1-1\@sm {
        width:100%
    }

    .w-1-2\@sm {
        width: 50%
    }

    .w-2-2\@sm {
        width: 100%
    }

    .w-1-3\@sm {
        width: 33.3333333333%
    }

    .w-2-3\@sm {
        width: 66.6666666667%
    }

    .w-3-3\@sm {
        width: 100%
    }

    .w-1-4\@sm {
        width: 25%
    }

    .w-2-4\@sm {
        width: 50%
    }

    .w-3-4\@sm {
        width: 75%
    }

    .w-4-4\@sm {
        width: 100%
    }

    .w-1-5\@sm {
        width: 20%
    }

    .w-2-5\@sm {
        width: 40%
    }

    .w-3-5\@sm {
        width: 60%
    }

    .w-4-5\@sm {
        width: 80%
    }

    .w-5-5\@sm {
        width: 100%
    }

    .w-1-6\@sm {
        width: 16.6666666667%
    }

    .w-2-6\@sm {
        width: 33.3333333333%
    }

    .w-3-6\@sm {
        width: 50%
    }

    .w-4-6\@sm {
        width: 66.6666666667%
    }

    .w-5-6\@sm {
        width: 83.3333333333%
    }

    .w-6-6\@sm {
        width: 100%
    }

    .w-1-7\@sm {
        width: 14.2857142857%
    }

    .w-2-7\@sm {
        width: 28.5714285714%
    }

    .w-3-7\@sm {
        width: 42.8571428571%
    }

    .w-4-7\@sm {
        width: 57.1428571429%
    }

    .w-5-7\@sm {
        width: 71.4285714286%
    }

    .w-6-7\@sm {
        width: 85.7142857143%
    }

    .w-7-7\@sm {
        width: 100%
    }

    .w-1-8\@sm {
        width: 12.5%
    }

    .w-2-8\@sm {
        width: 25%
    }

    .w-3-8\@sm {
        width: 37.5%
    }

    .w-4-8\@sm {
        width: 50%
    }

    .w-5-8\@sm {
        width: 62.5%
    }

    .w-6-8\@sm {
        width: 75%
    }

    .w-7-8\@sm {
        width: 87.5%
    }

    .w-8-8\@sm {
        width: 100%
    }

    .w-1-9\@sm {
        width: 11.1111111111%
    }

    .w-2-9\@sm {
        width: 22.2222222222%
    }

    .w-3-9\@sm {
        width: 33.3333333333%
    }

    .w-4-9\@sm {
        width: 44.4444444444%
    }

    .w-5-9\@sm {
        width: 55.5555555556%
    }

    .w-6-9\@sm {
        width: 66.6666666667%
    }

    .w-7-9\@sm {
        width: 77.7777777778%
    }

    .w-8-9\@sm {
        width: 88.8888888889%
    }

    .w-9-9\@sm {
        width: 100%
    }

    .w-1-10\@sm {
        width: 10%
    }

    .w-2-10\@sm {
        width: 20%
    }

    .w-3-10\@sm {
        width: 30%
    }

    .w-4-10\@sm {
        width: 40%
    }

    .w-5-10\@sm {
        width: 50%
    }

    .w-6-10\@sm {
        width: 60%
    }

    .w-7-10\@sm {
        width: 70%
    }

    .w-8-10\@sm {
        width: 80%
    }

    .w-9-10\@sm {
        width: 90%
    }

    .w-10-10\@sm {
        width: 100%
    }
}

@media(min-width: 69.375em) {
    .w-1-1\@md {
        width:100%
    }

    .w-1-2\@md {
        width: 50%
    }

    .w-2-2\@md {
        width: 100%
    }

    .w-1-3\@md {
        width: 33.3333333333%
    }

    .w-2-3\@md {
        width: 66.6666666667%
    }

    .w-3-3\@md {
        width: 100%
    }

    .w-1-4\@md {
        width: 25%
    }

    .w-2-4\@md {
        width: 50%
    }

    .w-3-4\@md {
        width: 75%
    }

    .w-4-4\@md {
        width: 100%
    }

    .w-1-5\@md {
        width: 20%
    }

    .w-2-5\@md {
        width: 40%
    }

    .w-3-5\@md {
        width: 60%
    }

    .w-4-5\@md {
        width: 80%
    }

    .w-5-5\@md {
        width: 100%
    }

    .w-1-6\@md {
        width: 16.6666666667%
    }

    .w-2-6\@md {
        width: 33.3333333333%
    }

    .w-3-6\@md {
        width: 50%
    }

    .w-4-6\@md {
        width: 66.6666666667%
    }

    .w-5-6\@md {
        width: 83.3333333333%
    }

    .w-6-6\@md {
        width: 100%
    }

    .w-1-7\@md {
        width: 14.2857142857%
    }

    .w-2-7\@md {
        width: 28.5714285714%
    }

    .w-3-7\@md {
        width: 42.8571428571%
    }

    .w-4-7\@md {
        width: 57.1428571429%
    }

    .w-5-7\@md {
        width: 71.4285714286%
    }

    .w-6-7\@md {
        width: 85.7142857143%
    }

    .w-7-7\@md {
        width: 100%
    }

    .w-1-8\@md {
        width: 12.5%
    }

    .w-2-8\@md {
        width: 25%
    }

    .w-3-8\@md {
        width: 37.5%
    }

    .w-4-8\@md {
        width: 50%
    }

    .w-5-8\@md {
        width: 62.5%
    }

    .w-6-8\@md {
        width: 75%
    }

    .w-7-8\@md {
        width: 87.5%
    }

    .w-8-8\@md {
        width: 100%
    }

    .w-1-9\@md {
        width: 11.1111111111%
    }

    .w-2-9\@md {
        width: 22.2222222222%
    }

    .w-3-9\@md {
        width: 33.3333333333%
    }

    .w-4-9\@md {
        width: 44.4444444444%
    }

    .w-5-9\@md {
        width: 55.5555555556%
    }

    .w-6-9\@md {
        width: 66.6666666667%
    }

    .w-7-9\@md {
        width: 77.7777777778%
    }

    .w-8-9\@md {
        width: 88.8888888889%
    }

    .w-9-9\@md {
        width: 100%
    }

    .w-1-10\@md {
        width: 10%
    }

    .w-2-10\@md {
        width: 20%
    }

    .w-3-10\@md {
        width: 30%
    }

    .w-4-10\@md {
        width: 40%
    }

    .w-5-10\@md {
        width: 50%
    }

    .w-6-10\@md {
        width: 60%
    }

    .w-7-10\@md {
        width: 70%
    }

    .w-8-10\@md {
        width: 80%
    }

    .w-9-10\@md {
        width: 90%
    }

    .w-10-10\@md {
        width: 100%
    }
}

@media(min-width: 80em) {
    .w-1-1\@lg {
        width:100%
    }

    .w-1-2\@lg {
        width: 50%
    }

    .w-2-2\@lg {
        width: 100%
    }

    .w-1-3\@lg {
        width: 33.3333333333%
    }

    .w-2-3\@lg {
        width: 66.6666666667%
    }

    .w-3-3\@lg {
        width: 100%
    }

    .w-1-4\@lg {
        width: 25%
    }

    .w-2-4\@lg {
        width: 50%
    }

    .w-3-4\@lg {
        width: 75%
    }

    .w-4-4\@lg {
        width: 100%
    }

    .w-1-5\@lg {
        width: 20%
    }

    .w-2-5\@lg {
        width: 40%
    }

    .w-3-5\@lg {
        width: 60%
    }

    .w-4-5\@lg {
        width: 80%
    }

    .w-5-5\@lg {
        width: 100%
    }

    .w-1-6\@lg {
        width: 16.6666666667%
    }

    .w-2-6\@lg {
        width: 33.3333333333%
    }

    .w-3-6\@lg {
        width: 50%
    }

    .w-4-6\@lg {
        width: 66.6666666667%
    }

    .w-5-6\@lg {
        width: 83.3333333333%
    }

    .w-6-6\@lg {
        width: 100%
    }

    .w-1-7\@lg {
        width: 14.2857142857%
    }

    .w-2-7\@lg {
        width: 28.5714285714%
    }

    .w-3-7\@lg {
        width: 42.8571428571%
    }

    .w-4-7\@lg {
        width: 57.1428571429%
    }

    .w-5-7\@lg {
        width: 71.4285714286%
    }

    .w-6-7\@lg {
        width: 85.7142857143%
    }

    .w-7-7\@lg {
        width: 100%
    }

    .w-1-8\@lg {
        width: 12.5%
    }

    .w-2-8\@lg {
        width: 25%
    }

    .w-3-8\@lg {
        width: 37.5%
    }

    .w-4-8\@lg {
        width: 50%
    }

    .w-5-8\@lg {
        width: 62.5%
    }

    .w-6-8\@lg {
        width: 75%
    }

    .w-7-8\@lg {
        width: 87.5%
    }

    .w-8-8\@lg {
        width: 100%
    }

    .w-1-9\@lg {
        width: 11.1111111111%
    }

    .w-2-9\@lg {
        width: 22.2222222222%
    }

    .w-3-9\@lg {
        width: 33.3333333333%
    }

    .w-4-9\@lg {
        width: 44.4444444444%
    }

    .w-5-9\@lg {
        width: 55.5555555556%
    }

    .w-6-9\@lg {
        width: 66.6666666667%
    }

    .w-7-9\@lg {
        width: 77.7777777778%
    }

    .w-8-9\@lg {
        width: 88.8888888889%
    }

    .w-9-9\@lg {
        width: 100%
    }

    .w-1-10\@lg {
        width: 10%
    }

    .w-2-10\@lg {
        width: 20%
    }

    .w-3-10\@lg {
        width: 30%
    }

    .w-4-10\@lg {
        width: 40%
    }

    .w-5-10\@lg {
        width: 50%
    }

    .w-6-10\@lg {
        width: 60%
    }

    .w-7-10\@lg {
        width: 70%
    }

    .w-8-10\@lg {
        width: 80%
    }

    .w-9-10\@lg {
        width: 90%
    }

    .w-10-10\@lg {
        width: 100%
    }
}

@media(min-width: 100em) {
    .w-1-1\@xl {
        width:100%
    }

    .w-1-2\@xl {
        width: 50%
    }

    .w-2-2\@xl {
        width: 100%
    }

    .w-1-3\@xl {
        width: 33.3333333333%
    }

    .w-2-3\@xl {
        width: 66.6666666667%
    }

    .w-3-3\@xl {
        width: 100%
    }

    .w-1-4\@xl {
        width: 25%
    }

    .w-2-4\@xl {
        width: 50%
    }

    .w-3-4\@xl {
        width: 75%
    }

    .w-4-4\@xl {
        width: 100%
    }

    .w-1-5\@xl {
        width: 20%
    }

    .w-2-5\@xl {
        width: 40%
    }

    .w-3-5\@xl {
        width: 60%
    }

    .w-4-5\@xl {
        width: 80%
    }

    .w-5-5\@xl {
        width: 100%
    }

    .w-1-6\@xl {
        width: 16.6666666667%
    }

    .w-2-6\@xl {
        width: 33.3333333333%
    }

    .w-3-6\@xl {
        width: 50%
    }

    .w-4-6\@xl {
        width: 66.6666666667%
    }

    .w-5-6\@xl {
        width: 83.3333333333%
    }

    .w-6-6\@xl {
        width: 100%
    }

    .w-1-7\@xl {
        width: 14.2857142857%
    }

    .w-2-7\@xl {
        width: 28.5714285714%
    }

    .w-3-7\@xl {
        width: 42.8571428571%
    }

    .w-4-7\@xl {
        width: 57.1428571429%
    }

    .w-5-7\@xl {
        width: 71.4285714286%
    }

    .w-6-7\@xl {
        width: 85.7142857143%
    }

    .w-7-7\@xl {
        width: 100%
    }

    .w-1-8\@xl {
        width: 12.5%
    }

    .w-2-8\@xl {
        width: 25%
    }

    .w-3-8\@xl {
        width: 37.5%
    }

    .w-4-8\@xl {
        width: 50%
    }

    .w-5-8\@xl {
        width: 62.5%
    }

    .w-6-8\@xl {
        width: 75%
    }

    .w-7-8\@xl {
        width: 87.5%
    }

    .w-8-8\@xl {
        width: 100%
    }

    .w-1-9\@xl {
        width: 11.1111111111%
    }

    .w-2-9\@xl {
        width: 22.2222222222%
    }

    .w-3-9\@xl {
        width: 33.3333333333%
    }

    .w-4-9\@xl {
        width: 44.4444444444%
    }

    .w-5-9\@xl {
        width: 55.5555555556%
    }

    .w-6-9\@xl {
        width: 66.6666666667%
    }

    .w-7-9\@xl {
        width: 77.7777777778%
    }

    .w-8-9\@xl {
        width: 88.8888888889%
    }

    .w-9-9\@xl {
        width: 100%
    }

    .w-1-10\@xl {
        width: 10%
    }

    .w-2-10\@xl {
        width: 20%
    }

    .w-3-10\@xl {
        width: 30%
    }

    .w-4-10\@xl {
        width: 40%
    }

    .w-5-10\@xl {
        width: 50%
    }

    .w-6-10\@xl {
        width: 60%
    }

    .w-7-10\@xl {
        width: 70%
    }

    .w-8-10\@xl {
        width: 80%
    }

    .w-9-10\@xl {
        width: 90%
    }

    .w-10-10\@xl {
        width: 100%
    }
}

.u-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.u-list>.ui-list__item,.u-list>li {
    margin-bottom: 0;
    margin-top: 0
}

.u-list--inline {
    display: inline-block;
    vertical-align: top
}

.u-list--inline>.u-list__item,.u-list--inline>li {
    display: inline;
    float: left;
    min-height: 1px
}

.u-list--h-spacing>.u-list__item,.u-list--h-spacing>li {
    padding-left: .5em;
    padding-right: .5em
}

.u-list--h-spacing>.u-list__item:first-child,.u-list--h-spacing>li:first-child {
    padding-left: 0
}

.u-list--h-spacing>.u-list__item:last-child,.u-list--h-spacing>li:last-child {
    padding-right: 0
}

.u-list--v-spacing>.u-list__item,.u-list--v-spacing>li {
    padding-bottom: .5em;
    padding-top: .5em
}

.u-list--v-spacing>.u-list__item:first-child,.u-list--v-spacing>li:first-child {
    padding-top: 0
}

.u-list--v-spacing>.u-list__item:last-child,.u-list--v-spacing>li:last-child {
    padding-bottom: 0
}

@media(max-width: 32.5em) {
    .u-list--responsive>.u-list__item,.u-list--responsive>li {
        display:block!important;
        float: none!important;
        padding-left: 0;
        padding-right: 0
    }
}

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

.u-list--bare>.u-list__item,.u-list--bare>li {
    background: none;
    padding-left: 0
}

.u-list--numbered {
    list-style-type: decimal
}

.o-media,.o-media__body {
    display: block;
    overflow: hidden
}

.o-media__image {
    float: left;
    margin-right: 1rem
}

.o-media__image>img {
    display: block
}

.o-media__body,.o-media__body>:last-child {
    margin-bottom: 0
}

.o-media__inner {
    display: inline-block;
    position: relative
}

.o-media--vert-center {
    align-items: center;
    display: flex
}

.o-media--vert-center .o-media__image {
    display: flex
}

.o-media--stacked .o-media__image {
    float: none;
    margin-bottom: .5rem;
    margin-right: 0
}

.o-media--small>.o-media__image {
    margin-right: 1rem
}

.o-media--small.o-media--reversed>.o-media__image {
    margin-left: 1rem
}

.o-media--large>.o-media__image {
    margin-right: 2rem
}

.o-media--large.o-media--reversed>.o-media__image {
    margin-left: 2rem
}

.o-media--reversed>.o-media__image {
    float: right;
    margin-left: 1rem;
    margin-right: 0
}

.o-media--flush>.o-media__image {
    margin-left: 0;
    margin-right: 0
}

.o-media--full-height,.o-media--full-height .o-media__image {
    height: 100%
}

@media(max-width: 48em) {
    .o-media--responsive>.o-media__image {
        float:none;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0
    }

    .o-media--responsive.o-media--large>.o-media__image,.o-media--responsive.o-media--small>.o-media__image {
        margin-left: 0;
        margin-right: 0
    }

    .o-media--responsive.o-media--small>.o-media__image {
        margin-bottom: 1rem
    }

    .o-media--responsive.o-media--large>.o-media__image {
        margin-bottom: 2rem
    }

    .o-media--responsive.o-media--flush>.o-media__image {
        margin-bottom: 0
    }
}

.o-tbl {
    text-align: left;
    width: 100%
}

.o-tbl td,.o-tbl th {
    clear: left;
    float: left;
    width: 100%
}

.o-tbl,.o-tbl tbody,.o-tbl td,.o-tbl tfoot,.o-tbl th,.o-tbl thead,.o-tbl tr {
    display: block
}

.o-tbl thead {
    display: none
}

.o-tbl td:before,.o-tbl th:before {
    content: attr(data-label);
    float: left;
    font-size: 12px;
    font-weight: 400;
    max-width: 80%;
    padding-right: 10px;
    text-align: left
}

.o-tbl.o-tbl\@xs {
    display: table
}

.o-tbl.o-tbl\@xs td,.o-tbl.o-tbl\@xs th {
    clear: none;
    display: table-cell;
    float: none
}

.o-tbl.o-tbl\@xs td:before,.o-tbl.o-tbl\@xs th:before {
    display: none
}

.o-tbl.o-tbl\@xs tr {
    display: table-row
}

.o-tbl.o-tbl\@xs thead {
    display: table-header-group
}

.o-tbl.o-tbl\@xs tbody {
    display: table-row-group
}

.o-tbl.o-tbl\@xs tfoot {
    display: table-footer-group
}

@media(min-width: 32.5em) {
    .o-tbl.o-tbl\@ph {
        display:table
    }

    .o-tbl.o-tbl\@ph td,.o-tbl.o-tbl\@ph th {
        clear: none;
        display: table-cell;
        float: none
    }

    .o-tbl.o-tbl\@ph td:before,.o-tbl.o-tbl\@ph th:before {
        display: none
    }

    .o-tbl.o-tbl\@ph tr {
        display: table-row
    }

    .o-tbl.o-tbl\@ph thead {
        display: table-header-group
    }

    .o-tbl.o-tbl\@ph tbody {
        display: table-row-group
    }

    .o-tbl.o-tbl\@ph tfoot {
        display: table-footer-group
    }
}

@media(min-width: 48em) {
    .o-tbl.o-tbl\@sm {
        display:table
    }

    .o-tbl.o-tbl\@sm td,.o-tbl.o-tbl\@sm th {
        clear: none;
        display: table-cell;
        float: none
    }

    .o-tbl.o-tbl\@sm td:before,.o-tbl.o-tbl\@sm th:before {
        display: none
    }

    .o-tbl.o-tbl\@sm tr {
        display: table-row
    }

    .o-tbl.o-tbl\@sm thead {
        display: table-header-group
    }

    .o-tbl.o-tbl\@sm tbody {
        display: table-row-group
    }

    .o-tbl.o-tbl\@sm tfoot {
        display: table-footer-group
    }
}

@media(min-width: 69.375em) {
    .o-tbl.o-tbl\@md {
        display:table
    }

    .o-tbl.o-tbl\@md td,.o-tbl.o-tbl\@md th {
        clear: none;
        display: table-cell;
        float: none
    }

    .o-tbl.o-tbl\@md td:before,.o-tbl.o-tbl\@md th:before {
        display: none
    }

    .o-tbl.o-tbl\@md tr {
        display: table-row
    }

    .o-tbl.o-tbl\@md thead {
        display: table-header-group
    }

    .o-tbl.o-tbl\@md tbody {
        display: table-row-group
    }

    .o-tbl.o-tbl\@md tfoot {
        display: table-footer-group
    }
}

@media(min-width: 80em) {
    .o-tbl.o-tbl\@lg {
        display:table
    }

    .o-tbl.o-tbl\@lg td,.o-tbl.o-tbl\@lg th {
        clear: none;
        display: table-cell;
        float: none
    }

    .o-tbl.o-tbl\@lg td:before,.o-tbl.o-tbl\@lg th:before {
        display: none
    }

    .o-tbl.o-tbl\@lg tr {
        display: table-row
    }

    .o-tbl.o-tbl\@lg thead {
        display: table-header-group
    }

    .o-tbl.o-tbl\@lg tbody {
        display: table-row-group
    }

    .o-tbl.o-tbl\@lg tfoot {
        display: table-footer-group
    }
}

@media(min-width: 100em) {
    .o-tbl.o-tbl\@xl {
        display:table
    }

    .o-tbl.o-tbl\@xl td,.o-tbl.o-tbl\@xl th {
        clear: none;
        display: table-cell;
        float: none
    }

    .o-tbl.o-tbl\@xl td:before,.o-tbl.o-tbl\@xl th:before {
        display: none
    }

    .o-tbl.o-tbl\@xl tr {
        display: table-row
    }

    .o-tbl.o-tbl\@xl thead {
        display: table-header-group
    }

    .o-tbl.o-tbl\@xl tbody {
        display: table-row-group
    }

    .o-tbl.o-tbl\@xl tfoot {
        display: table-footer-group
    }
}

.o-tbl--striped tr:nth-child(2n-1) td {
    background-color: #f0f0f0
}

.o-tbl--order {
    border-collapse: collapse
}

@media(min-width: 48em) {
    .o-tbl--order {
        border:1px solid #dcdcdc
    }
}

.o-tbl--order td,.o-tbl--order th {
    padding: 1rem
}

.o-tbl--order tbody td:last-child,.o-tbl--order thead td,.o-tbl--order thead th {
    border-bottom: 1px solid silver
}

@media(min-width: 48em) {
    .o-tbl--order tbody td,.o-tbl--order tbody th {
        border-bottom:1px solid #dcdcdc
    }

    .o-tbl--order tbody tr:last-child td,.o-tbl--order tbody tr:last-child th {
        border-bottom: 1px solid silver
    }

    .o-tbl--order tbody td:last-child {
        border-bottom: 1px solid #dcdcdc
    }
}

.o-tbl--order tfoot td,.o-tbl--order tfoot th {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.o-tbl--order tfoot tr:first-child td,.o-tbl--order tfoot tr:first-child th {
    padding-top: 1rem
}

.o-tbl--order tfoot tr:last-child(2) td,.o-tbl--order tfoot tr:last-child(2) th {
    padding-bottom: 1rem
}

.o-tbl--order tfoot tr:last-child td,.o-tbl--order tfoot tr:last-child th {
    border-top: 1px solid silver;
    padding: 1rem
}

.t-display-1,.t-display-2,.t-display-3,.t-display-4,.t-display-5,.t-h1,.t-h2,.t-h3,.t-h4,.t-h5,.t-h6 {
    line-height: 1.2
}

.t-h1 {
    font-size: calc(1.375rem + 1.40625vw)
}

@media(min-width: 1280px) {
    .t-h1 {
        font-size:2.5rem
    }
}

.t-h2 {
    font-size: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .t-h2 {
        font-size:2rem
    }
}

.t-h3 {
    font-size: calc(1.3rem + .5625vw)
}

@media(min-width: 1280px) {
    .t-h3 {
        font-size:1.75rem
    }
}

.t-h4 {
    font-size: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .t-h4 {
        font-size:1.5rem
    }
}

.t-h5 {
    font-size: 1.25rem
}

.t-h6 {
    font-size: 1rem
}

.t-display-1 {
    font-size: calc(1.725rem + 5.34375vw)
}

@media(min-width: 1280px) {
    .t-display-1 {
        font-size:6rem
    }
}

.t-display-2 {
    font-size: calc(1.675rem + 4.78125vw)
}

@media(min-width: 1280px) {
    .t-display-2 {
        font-size:5.5rem
    }
}

.t-display-3 {
    font-size: calc(1.575rem + 3.65625vw)
}

@media(min-width: 1280px) {
    .t-display-3 {
        font-size:4.5rem
    }
}

.t-display-4 {
    font-size: calc(1.475rem + 2.53125vw)
}

@media(min-width: 1280px) {
    .t-display-4 {
        font-size:3.5rem
    }
}

.t-display-5 {
    font-size: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .t-display-5 {
        font-size:2.5rem
    }
}

.t-small {
    font-size: .9rem
}

.t-x-small {
    font-size: .8rem
}

.t-xx-small {
    font-size: .7rem
}

.t-font-heading {
    font-family: Noe Display,sans-serif
}

.t-font-body {
    font-family: Atlas Grotesk,sans-serif
}

.t-capitalize {
    text-transform: capitalize
}

.t-uppercase {
    text-transform: uppercase
}

.t-lowercase {
    text-transform: lowercase
}

.t-weight-lighter {
    font-weight: lighter
}

.t-weight-normal {
    font-weight: 400
}

.t-weight-bold {
    font-weight: 700
}

.t-weight-bolder {
    font-weight: bolder
}

.t-weight-inherit {
    font-weight: inherit
}

.t-underline {
    text-decoration: underline
}

.t-no-underline {
    text-decoration: none
}

.t-weight-100 {
    font-weight: 100
}

.t-weight-200 {
    font-weight: 200
}

.t-weight-300 {
    font-weight: 300
}

.t-weight-400 {
    font-weight: 400
}

.t-weight-500 {
    font-weight: 500
}

.t-weight-600 {
    font-weight: 600
}

.t-weight-700 {
    font-weight: 700
}

.t-weight-800 {
    font-weight: 800
}

.t-weight-900 {
    font-weight: 900
}

.t-no-decoration,.t-no-decoration:active,.t-no-decoration:focus,.t-no-decoration:hover {
    text-decoration: none
}

.u-clearfix:after {
    clear: both!important;
    content: ""!important;
    display: block!important
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.no-js .js {
    display: none
}

.u-no-click {
    cursor: default;
    pointer-events: none
}

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

@media(max-width: 69.375em) {
    .u-visually-hidden--mobile {
        clip:rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute!important;
        width: 1px
    }
}

@media(min-width: 69.375em) {
    .u-visually-hidden--desktop {
        clip:rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute!important;
        width: 1px
    }
}

.u-visually-shown {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: inherit!important;
    width: auto
}

.u-visually-hidden--inline {
    height: 1em;
    margin: 0
}

.u-visually-hidden--static {
    position: static!important
}

label {
    width: 100%
}

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

fieldset,legend {
    background-color: #fff;
    padding: 0
}

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

input[list],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week] {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

input[type=color] {
    background-color: #fff;
    border: 0;
    height: 50px;
    line-height: 50px;
    max-width: 100px;
    padding: 0;
    width: 100%
}

input[type=search]::-ms-clear,input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

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

input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button,input[type=datetime-local]::-webkit-inner-spin-button,input[type=datetime-local]::-webkit-outer-spin-button,input[type=month]::-webkit-inner-spin-button,input[type=month]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=time]::-webkit-inner-spin-button,input[type=time]::-webkit-outer-spin-button,input[type=week]::-webkit-inner-spin-button,input[type=week]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    -webkit-appearance: textfield;
    appearance: textfield;
    display: none;
    margin: 0
}

select {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

select[multiple],select[size] {
    background: none;
    height: auto;
    padding-left: 0;
    padding-right: 0
}

textarea {
    background-color: #fff;
    height: auto;
    line-height: inherit;
    padding: .33em;
    resize: vertical
}

textarea,textarea:focus {
    border: 1px solid #e1e1e1
}

textarea:focus {
    outline: none
}

body,html {
    height: 100%
}

html {
    background-color: #fff;
    color: #000;
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

body {
    overflow-y: scroll;
    width: 100%
}

blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul {
    margin: 0;
    padding: 0
}

address {
    font-style: normal;
    font-weight: 400
}



h1 a,h1 a.active,h1 a:focus,h1 a:hover,h2 a,h2 a.active,h2 a:focus,h2 a:hover,h3 a,h3 a.active,h3 a:focus,h3 a:hover,h4 a,h4 a.active,h4 a:focus,h4 a:hover,h5 a,h5 a.active,h5 a:focus,h5 a:hover,h6 a,h6 a.active,h6 a:focus,h6 a:hover {
    color: inherit
}

h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover,h4 a:focus,h4 a:hover,h5 a:focus,h5 a:hover,h6 a:focus,h6 a:hover {
    color: #000;
    text-decoration: none
}

h1 {
    font-size: calc(1.375rem + 1.40625vw)
}

@media(min-width: 1280px) {
    h1 {
        font-size:2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    h2 {
        font-size:2rem
    }
}

h3 {
    font-size: calc(1.3rem + .5625vw)
}

@media(min-width: 1280px) {
    h3 {
        font-size:1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    h4 {
        font-size:1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

img,media {
    font-style: italic;
    height: auto;
    max-width: 100%;
    vertical-align: text-bottom;
    width: auto\9
}

a {
    /* color: #000; */
    /* text-decoration: none; */
    /* transition-duration: .25s; */
    /* transition-property: color; */
    /* transition-timing-function: ease-in; */
}

a:focus,a:hover {
    /* color: #000; */
    /* text-decoration: underline; */
}

a.u-link-natural,a.u-link-natural:focus,a.u-link-natural:hover {
    color: inherit;
    text-decoration: none!important
}

a.u-link-base,a.u-link-base:focus,a.u-link-base:hover {
    color: #000
}

a.u-link-external {
    cursor: alias
}

a.u-full-width-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.u-link {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .25s;
    transition-property: color;
    transition-timing-function: ease-in
}

.u-link:focus,.u-link:hover {
    color: #000;
    text-decoration: underline
}

ol,ul {
    margin-bottom: 1rem;
    padding-left: 1rem
}

mark {
    background-color: #000;
    color: #fff;
    padding-left: 2px;
    padding-right: 2px
}

p {
    margin-top: 0
}

p,p+img {
    margin-bottom: 1rem
}

p+img {
    float: left;
    margin-right: 1rem
}

::-moz-selection {
    background: #000;
    color: #fff
}

::selection {
    background: #000;
    color: #fff
}

time {
    font-weight: 300
}

.c-accordion__wrapper {
    position: relative
}

.c-accordion__item {
    display: block;
    overflow: hidden;
    width: 100%
}

.c-accordion__item.is-active {
    margin-bottom: .5rem
}

.c-accordion__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.c-accordion__header>.c-accordion__item.is-active:after {
    content: ""
}

.c-accordion__header:after {
    content: "";
    content: "";
    font-family: Icons;
    font-size: .75rem;
    position: relative
}

.c-accordion__header--border {
    border-bottom: 1px solid #f0f0f0
}

.c-accordion__content {
    display: none;
    overflow: hidden;
    width: 100%
}

.c-accordion__item.is-active>.c-accordion__content {
    display: block
}

.c-accordion--box .c-accordion__item {
    border-bottom: 1px solid #fff
}

.c-accordion--box .c-accordion__item.is-active .c-accordion__header,.c-accordion--box .c-accordion__item:hover .c-accordion__header {
    background-color: #dcdcdc
}

.c-accordion--box .c-accordion__item.is-active {
    border-bottom: 0;
    margin-bottom: 0
}

.c-accordion--box .c-accordion__header {
    background-color: #f0f0f0;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1rem;
    transition: unfoldtransition(background-color .25s ease-in-out),unfoldtransition(color .25s ease-in-out)
}

.c-accordion--box .c-accordion__header:after {
    line-height: 56px;
    right: 1rem
}

.c-accordion--box .c-accordion__content {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    padding: 1rem
}

.c-accordion--cart {
    border-bottom: 2px solid #f0f0f0
}

.c-accordion--cart .c-icon--minus {
    display: none
}

.c-accordion--cart .c-accordion__item.is-active .c-icon--minus {
    display: inline-block
}

.c-accordion--cart .c-accordion__header:after,.c-accordion--cart .c-accordion__item.is-active .c-icon--plus {
    display: none
}

.c-accordion--faq .c-accordion__item {
    border-top: 1px solid #f0f0f0;
    display: block;
    overflow: hidden;
    width: 100%
}

.c-accordion--faq .c-accordion__item.is-active {
    margin-bottom: .5rem
}

.c-accordion--faq .c-accordion__item.is-active .c-accordion__content {
    display: block
}

.c-accordion--faq .c-accordion__item.is-active .c-accordion__header:after {
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

.c-accordion--faq .c-accordion__header {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: Noe Display,sans-serif;
    font-size: 1.5rem;
    line-height: normal;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.c-accordion--faq .c-accordion__header:after {
    align-items: center;
    content: ""!important;
    display: flex;
    font-family: Icons;
    font-size: .9rem;
    justify-content: center;
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

.c-accordion--faq .c-accordion__header p {
    width: 85%
}

.c-accordion--faq .c-accordion__content {
    display: none;
    overflow: hidden;
    width: 100%
}

.c-accordion__item.is-active .c-accordion--faq .c-accordion__content {
    display: block
}

.c-accordion--filters .c-accordion__item {
    display: block;
    overflow: hidden;
    width: 100%
}

.c-accordion--filters .c-accordion__item.is-active {
    margin-bottom: .5rem
}

.c-accordion--filters .c-accordion__item.is-active .c-accordion__content {
    display: block
}

.c-accordion--filters .c-accordion__item.is-active .c-accordion__header:after {
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

.c-accordion--filters .c-accordion__list-item {
    padding-top: .5rem
}

.c-accordion--filters .c-accordion__header {
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.c-accordion--filters .c-accordion__header:after {
    align-items: center;
    content: "";
    display: flex;
    font-family: Icons;
    font-size: .7rem;
    justify-content: center;
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

.c-accordion--filters .c-accordion__content {
    display: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: .5rem 0 0;
    width: 100%
}

.c-accordion__item.is-active .c-accordion--filters .c-accordion__content {
    display: block
}

.c-accordion--footer .c-accordion__item {
    display: block;
    overflow: hidden;
    width: 100%
}

.c-accordion--footer .c-accordion__item.is-active {
    margin-bottom: .5rem
}

.c-accordion--footer .c-accordion__item.is-active .c-accordion__content {
    display: block
}

.c-accordion--footer .c-accordion__item.is-active .c-accordion__header:after {
    content: "";
    transform: rotate(180deg);
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

.c-accordion--footer .c-accordion__list-item {
    padding-top: .5rem
}

.c-accordion--footer .c-accordion__header {
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .7rem;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0 0;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative
}

@media(min-width: 32.5em) {
    .c-accordion--footer .c-accordion__header {
        border-bottom:none;
        cursor: default;
        padding-bottom: 10px
    }
}

.c-accordion--footer .c-accordion__header:after {
    align-items: center;
    content: "";
    display: flex;
    font-family: Icons;
    font-size: .7rem;
    justify-content: center;
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transform-origin: center center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in
}

@media(min-width: 32.5em) {
    .c-accordion--footer .c-accordion__header:after {
        display:none
    }
}

.c-accordion--footer .c-accordion__content {
    display: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 1.5rem 0 0;
    width: 100%
}

.c-accordion__item.is-active .c-accordion--footer .c-accordion__content {
    display: block
}

@media(min-width: 32.5em) {
    .c-accordion--footer .c-accordion__content {
        padding-top:.5rem
    }
}

.c-accordion--sub-nav,.c-accordion--trade-nav {
    border-bottom: 1px solid #f0f0f0;
    padding: 0
}

.c-accordion--sub-nav .c-accordion__item,.c-accordion--trade-nav .c-accordion__item {
    margin-bottom: .5rem
}

.c-accordion--sub-nav .c-accordion__item.is-active .c-accordion__header:after,.c-accordion--trade-nav .c-accordion__item.is-active .c-accordion__header:after {
    transform: rotate(180deg)
}

.c-accordion--sub-nav .c-menu__leaf,.c-accordion--trade-nav .c-menu__leaf {
    border-bottom: 0!important;
    padding: 0!important
}

.c-accordion--sub-nav .c-menu__leaf--no-children,.c-accordion--trade-nav .c-menu__leaf--no-children {
    padding: 1rem .5rem!important
}

.c-accordion--sub-nav .c-menu__leaf--no-children:not(:last-of-type),.c-accordion--trade-nav .c-menu__leaf--no-children:not(:last-of-type) {
    border-bottom: 1px solid #f0f0f0!important
}

.c-accordion--sub-nav .c-menu__leaf--no-children:first-of-type,.c-accordion--trade-nav .c-menu__leaf--no-children:first-of-type {
    padding-top: 0!important
}

.c-accordion--sub-nav .c-menu__link:not(.c-menu__collection-title) {
    padding: .5rem 0!important
}

.c-accordion--trade-nav {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: .9rem
}

.c-accordion--trade-nav .c-menu__child-menu>.c-menu__leaf>.c-menu__link {
    min-height: 55px;
    padding: 0!important
}

.c-accordion--top-level>.c-accordion__item.is-active>.c-accordion__header:after {
    transform: rotate(180deg)
}

.article__anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden
}

.c-article {
    overflow: hidden
}

.c-article .c-blog-return__link-container {
    border-bottom: 1px solid #dcdcdc;
    font-size: .8rem;
    font-weight: 500;
    padding-bottom: .9rem;
    text-align: left
}

.c-article .c-blog-return__link-container:before {
    content: "";
    font-family: Icons;
    font-size: .7rem;
    margin-right: .5rem
}

.c-article .c-article__header .c-article__header--date {
    display: block;
    margin-top: 1rem
}

.c-article .c-article__header .c-article__header--date time {
    font-size: .9rem
}

.c-article .c-article__content h2,.c-article .c-article__content h3,.c-article .c-article__content h4,.c-article .c-article__content h5,.c-article .c-article__content h6 {
    font-family: Atlas Grotesk,sans-serif
}

.c-article .c-article__content h2,.c-article .c-article__content h3 {
    margin-bottom: 1rem;
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .c-article .c-article__content h2,.c-article .c-article__content h3 {
        margin-top:2rem
    }
}

.c-article .c-article__content p {
    font-size: .9rem;
    font-weight: 300
}

.c-article .c-article__content table {
    margin-bottom: calc(1.325rem + .84375vw);
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .c-article .c-article__content table {
        margin-bottom:2rem;
        margin-top: 2rem
    }
}

.c-article .c-article__content table tr td:first-of-type {
    text-transform: uppercase
}

.c-article .c-article__content.c-article__content-default-layout:not(h2),.c-article .c-article__content.c-article__content-default-layout:not(h3),.c-article .c-article__content.c-article__content-default-layout:not(h4),.c-article .c-article__content.c-article__content-default-layout:not(h5),.c-article .c-article__content.c-article__content-default-layout:not(h6) {
    font-weight: 300
}

.c-article .c-article__content.c-article__content-default-layout a:not(.c-btn):not(.shopify-challenge__button) {
    text-decoration: underline
}

.c-article .c-article__content.c-article__content-default-layout h2 {
    font-size: 1.5rem
}

.c-article .c-article__content.c-article__content-default-layout h3 {
    font-size: 1rem
}

.c-article .c-article__content.c-article__content-default-layout h2 em,.c-article .c-article__content.c-article__content-default-layout h3 em,.c-article .c-article__content.c-article__content-default-layout h4 em,.c-article .c-article__content.c-article__content-default-layout h5 em {
    font-family: Noe Display,sans-serif;
    font-style: normal
}

.c-article .c-article__content.c-article__content-metafield-layout p,.c-article .c-article__content.c-article__content-metafield-layout ul {
    font-size: .9rem;
    font-weight: 300
}

.c-article .c-article__content.c-article__content-metafield-layout a:not(.c-btn):not(.shopify-challenge__button) {
    text-decoration: underline
}

.c-article .c-article__content.c-article__content-metafield-layout h1 em,.c-article .c-article__content.c-article__content-metafield-layout h2 em,.c-article .c-article__content.c-article__content-metafield-layout h3 em,.c-article .c-article__content.c-article__content-metafield-layout h4 em,.c-article .c-article__content.c-article__content-metafield-layout h5 em {
    font-family: Noe Display,sans-serif;
    font-style: normal
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__content-block h2 {
    font-size: 1.25rem
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__content-block h3 {
    font-size: 1rem
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__media-block {
    margin-bottom: calc(1.425rem + 1.96875vw);
    margin-top: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-article .c-article__content.c-article__content-metafield-layout .c-article__media-block {
        margin-bottom:3rem;
        margin-top: 3rem
    }
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__media-block .c-article__media-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__media-block .c-article__media-image img {
    position: relative;
    z-index: 2
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__media-block .c-article__media-image-caption {
    font-size: .8rem
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__featured-products-block {
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media(min-width: 69.375em) {
    .c-article .c-article__content.c-article__content-metafield-layout .c-article__featured-products-block {
        margin-bottom:6rem;
        margin-top: 4rem
    }

    .c-article .c-article__content.c-article__content-metafield-layout .c-article__featured-products-block .c-article__featured-products-block-inner {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 3rem
    }
}

.c-article .c-article__content.c-article__content-metafield-layout .c-article__featured-products-block .c-article__featured-products-item a {
    text-decoration: none
}

.c-article .c-article__tags {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.c-article .c-article__tags .c-article__tags-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0
}

.c-article .c-article__tags .c-article__tags-list .c-article__tags-item {
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase
}

.c-article .c-article__tags .c-article__tags-list .c-article__tags-item:not(:last-of-type):after {
    content: "|";
    display: inline-flex;
    margin-right: .25rem
}

.c-article .c-article__share {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.c-article .c-article__share .c-article__share--title {
    font-size: .8rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase
}

.c-article .c-article__share .c-menu__leaf {
    text-align: center
}

.c-article .c-article__carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    position: relative
}

.c-article .c-article__carousel img {
    margin: 0
}

@media(min-width: 69.375em) {
    .c-article .c-article__carousel {
        max-width:100%
    }
}

.c-article .c-article__carousel .c-slider__credit {
    margin-bottom: 0
}

.c-article .c-article__carousel-nav {
    margin-top: 10px
}

.c-article .c-article__carousel-nav .c-slider__arrow,.no-js .c-article .c-article__carousel-main,.no-js .c-article .c-article__carousel-nav {
    display: none
}

.c-badge {
    background-color: #fff;
    display: inline-block;
    font-size: .7rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
    text-transform: uppercase
}

.c-badge--small {
    padding: .25rem .5rem
}

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

.c-badge--white:after {
    border-color: #e6e6e6 transparent transparent
}

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

.c-badge--black:after {
    border-color: #000 transparent transparent
}

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

.c-badge--red:after {
    border-color: #e11c2c transparent transparent
}

.c-badge--gold {
    background-color: #b79c55;
    color: #fff
}

.c-badge--gold:after {
    border-color: #988041 transparent transparent
}

.c-badge--navy-light {
    color: #fff
}

.c-badge--large {
    font-size: .9rem
}

.c-block__advert-banner {
    align-items: center;
    display: flex;
    justify-content: center
}

@media(max-width: 32.5em) {
    .c-block__advert-banner {
        flex-wrap:wrap
    }
}

.c-block__advert-banner h4 {
    margin: 0 1rem 0 0;
    width: auto
}

.c-block__advert-banner img {
    width: 100%
}

.c-block__advert-banner.c-block__advert-banner--global {
    padding: 30px
}

@media(max-width: 32.5em) {
    .c-block__advert-banner.c-block__advert-banner--global {
        margin-left:-16px;
        margin-right: -16px
    }
}

@media(min-width: 32.5em) {
    .c-block__advert-banner.c-block__advert-banner--global {
        margin-left:-32px;
        margin-right: -32px
    }
}

@media(min-width: 69.375em) {
    .c-block__advert-banner.c-block__advert-banner--global {
        margin-left:0;
        margin-right: 0
    }
}

@media(min-width: 32.5em) {
    .c-block__advert-banner.c-block__advert-banner--global {
        padding:50px
    }
}

.c-block__advert-banner.c-block__advert-banner--global h4 {
    font-size: 1.5rem
}

@media(min-width: 32.5em) {
    .c-block__advert-banner.c-block__advert-banner--global h4 {
        font-size:1.75rem;
        white-space: nowrap
    }
}

@media(min-width: 80em) {
    .c-block__advert-banner.c-block__advert-banner--global h4 {
        font-size:2.5rem
    }
}

.c-block__advert-banner.c-block__advert-banner--global img {
    margin-bottom: 4px;
    max-width: 80px
}

@media(min-width: 32.5em) {
    .c-block__advert-banner.c-block__advert-banner--global img {
        max-width:120px
    }
}

.c-blockquote {
    font-family: Noe Display,sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: calc(1.275rem + .28125vw);
    margin-top: calc(1.275rem + .28125vw);
    text-align: center
}

@media(min-width: 1280px) {
    .c-blockquote {
        margin-bottom:1.5rem;
        margin-top: 1.5rem
    }
}

@media(min-width: 69.375em) {
    .c-blockquote {
        font-size:2rem;
        margin-bottom: calc(1.325rem + .84375vw);
        margin-top: calc(1.325rem + .84375vw)
    }
}

@media(min-width: 69.375em)and (min-width:1280px) {
    .c-blockquote {
        margin-bottom:2rem;
        margin-top: 2rem
    }
}

.c-blog-filter__mobile-clear {
    display: block;
    font-size: .7rem;
    font-weight: 500;
    padding: 1rem;
    text-transform: uppercase
}

.c-blog-filter {
    display: none
}

@media(min-width: 69.375em) {
    .c-blog-filter {
        display:block;
        list-style: none;
        margin-bottom: 2rem
    }
}

.c-blog-filter__section {
    border: 1px solid #dcdcdc;
    border-left: none;
    position: relative
}

.c-blog-filter__section:first-of-type {
    border-left: 1px solid #dcdcdc
}

.c-blog-filter__section--heading {
    align-items: center;
    display: flex;
    font-size: .8rem;
    font-weight: 500;
    padding: 1.5rem
}

.c-blog-filter__section--heading:after {
    content: "";
    font-family: Icons;
    font-size: .7rem;
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transform-origin: center center
}

.c-blog-filter__section--heading:hover {
    cursor: pointer
}

.c-blog-filter__section--heading.is-active:after {
    content: "";
    transform: rotate(180deg);
    transform-origin: center center
}

.c-blog-filter__list {
    display: none;
    list-style: none;
    padding-left: 0
}

@media(min-width: 80em) {
    .c-blog-filter__list {
        max-height:300px;
        overflow-y: auto
    }
}

.c-blog-filter--no-dropdown .c-blog-filter__list {
    display: block!important
}

.c-blog-filter__list.is-active {
    background: #fff;
    border: 1px solid #dcdcdc;
    box-sizing: content-box;
    display: block;
    left: -1px;
    position: absolute;
    width: 100%;
    z-index: 12
}

.c-blog-filter__label {
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.c-blog-filter__dropdown {
    display: block;
    margin-bottom: 1rem
}

@media(min-width: 48em) {
    .c-blog-filter__dropdown {
        display:none
    }
}

.c-blog-filter__item {
    padding: 1rem
}

.c-blog-filter__link {
    align-items: center;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 200;
    text-transform: capitalize
}

@media(min-width: 69.375em) {
    .c-blog-filter__link {
        font-size:.9rem
    }
}

.c-blog-filter__link .c-checkbox {
    margin-right: .5rem
}

.c-btn,.shopify-challenge__button {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    text-decoration: none!important;
    text-transform: uppercase;
    transition: unfoldtransition(background-color .25s ease-in-out),unfoldtransition(color .25s ease-in-out),unfoldtransition(border-color .25s ease-in-out)
}

@media(hover: hover) {
    .c-btn:focus,.c-btn:hover,.shopify-challenge__button:focus,.shopify-challenge__button:hover {
        background-color:transparent;
        border-color: #000;
        color: #000;
        text-decoration: none
    }

    .c-btn[disabled],.c-btn[disabled]:focus,.c-btn[disabled]:hover,[disabled].shopify-challenge__button {
        background-color: #f0f0f0;
        border-color: #f0f0f0;
        color: silver;
        cursor: auto
    }
}

.c-btn--plus:after:not(.is-loading) {
    filter: invert(1)
}

.c-btn--text {
    background: transparent;
    border: none;
    color: #000;
    height: auto;
    line-height: inherit;
    padding: 0
}

@media(hover: hover) {
    .c-btn--text:focus,.c-btn--text:hover {
        text-decoration:none
    }
}

.c-btn--text__has-underline {
    border-bottom: 2px solid;
    border-color: inherit;
    padding-bottom: .25rem
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background-color: #000!important;
    border-radius: 0;
    color: #fff!important;
    font-weight: 400;
    height: 50px;
    text-transform: uppercase
}

@media(hover: hover) {
    .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
        background-color:#b79c55!important
    }
}

.c-btn--bordered {
    background-color: transparent;
    border-color: #000;
    color: #000
}

.c-btn--bordered:hover {
    background-color: #000;
    border-color: #000;
    color: #fff!important
}

.c-btn--bordered.c-btn--bordered--text-white {
    color: #fff
}

.c-btn--bordered__light-grey--thin {
    border: 1px solid #e4e4e4
}

.c-btn--bottom-border {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    color: #000;
    font-weight: 500;
    padding-left: 0;
    text-align: left
}

.c-btn--black {
    background-color: #000;
    border-color: #000;
    color: #fff
}

@media(hover: hover) {
    .c-btn--black:focus,.c-btn--black:hover {
        background-color:#000;
        border-color: #000;
        color: #fff
    }

    .c-btn--black.c-btn--hover:focus,.c-btn--black.c-btn--hover:hover {
        background-color: #a9a9a9;
        border-color: #a9a9a9;
        color: #fff
    }
}

.c-btn--white {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

@media(hover: hover) {
    .c-btn--white:focus,.c-btn--white:hover {
        background-color:#000;
        border-color: #000;
        color: #fff
    }
}

.c-btn--gold {
    background-color: #b79c55;
    border-color: #b79c55;
    color: #fff
}

@media(hover: hover) {
    .c-btn--gold:focus,.c-btn--gold:hover {
        background-color:#bfa667;
        border-color: #bfa667;
        color: #fff
    }
}

.c-btn--gold.is-loading {
    background-color: #d5c69d!important;
    border-color: #d5c69d!important;
    color: #fff!important
}

.c-btn--gray {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #000
}

@media(hover: hover) {
    .c-btn--gray:focus,.c-btn--gray:hover {
        background-color:#000;
        border-color: #000;
        color: #fff
    }
}

.c-btn--dark-gray {
    background-color: #596065;
    border-color: #596065;
    color: #fff
}

@media(hover: hover) {
    .c-btn--dark-gray:focus,.c-btn--dark-gray:hover {
        background-color:#000;
        border-color: #000;
        color: #fff
    }
}

.c-btn--dark-gray-reversed {
    background-color: #596065;
    border-color: #596065;
    color: #fff
}

@media(hover: hover) {
    .c-btn--dark-gray-reversed:focus,.c-btn--dark-gray-reversed:hover {
        background-color:#fff;
        border-color: #fff;
        color: #000
    }
}

.c-btn--plus .c-icon--plus-black:before,.c-btn--plus .c-icon--plus:before {
    transition: all .2s ease-in-out
}

.c-btn--plus:hover .c-icon--plus-black:before,.c-btn--plus:hover .c-icon--plus:before {
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: center center
}

.c-btn.is-loading,.is-loading.shopify-challenge__button {
    pointer-events: none
}

@media(hover: hover) {
    .c-btn.is-loading:focus,.c-btn.is-loading:hover,.is-loading.shopify-challenge__button:focus,.is-loading.shopify-challenge__button:hover {
        background-color:#000;
        border-color: #000;
        color: #fff
    }
}

.c-btn.is-loading:before,.is-loading.shopify-challenge__button:before {
    background-color: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-btn.is-loading:after,.is-loading.shopify-challenge__button:after {
    animation: spin .5s linear infinite;
    border: .3rem solid hsla(0,0%,100%,.3);
    border-radius: 50%;
    border-top-color: #fff;
    content: "";
    height: 24px;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.c-btn--small {
    height: 40px;
    line-height: 36px;
    padding-left: 24px;
    padding-right: 24px
}

.c-btn--large {
    height: 60px;
    line-height: 56px;
    padding-left: 36px;
    padding-right: 36px
}

.c-btn--slim {
    padding: 10px 0
}

.c-btn--grow {
    flex: 1
}

.c-btn--small-pad {
    padding: .5rem 0
}

@media(min-width: 69.375em) {
    .c-btn--halfwidth {
        width:50%
    }
}

.c-btn--fullwidth {
    width: 100%
}

@media(max-width: 69.375em) {
    .c-btn--mobile-full {
        width:100%
    }
}

.c-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%
}

@media(hover: hover) {
    .c-card:hover .c-card__slider .c-slider__arrow {
        opacity:1;
        transition: all .3s ease-in-out
    }

    .c-card:hover .c-card__slider .c-slider__arrow[disabled] {
        opacity: .5
    }
}

.c-card--grey {
    background-color: #dfdfdf
}

.c-card--black {
    background-color: #000;
    color: #fff
}

.c-card__header {
    margin-bottom: 1rem
}

@media(hover: hover) {
    .c-card__header:hover img.c-card__media-image--hover {
        opacity:1;
        z-index: 3
    }
}

.c-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.c-card__content-section {
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left
}

.c-card__content-section:last-of-type {
    margin-bottom: 1rem
}

.c-card__content-section--price {
    margin-top: auto
}

@media(min-width: 69.375em) {
    .c-card__content-section {
        padding-left:calc(1.275rem + .28125vw);
        padding-right: calc(1.275rem + .28125vw)
    }
}

@media(min-width: 69.375em)and (min-width:1280px) {
    .c-card__content-section {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.c-card__badge {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.c-card__title {
    font-family: Atlas Grotesk,sans-serif;
    font-size: .9rem;
    margin-bottom: 0
}

.c-card__price {
    color: #000;
    font-size: .8rem;
    font-weight: 500;
    text-align: left
}

.c-card__price .c-price__regular,.c-card__price .c-price__regular dd,.c-card__price .c-price__sale {
    margin-right: 0
}

.c-card__price .c-price-item {
    font-size: .8rem
}

.c-card__media {
    position: relative
}

.c-card__media img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

.c-card__media img.c-card__media-image--hover {
    background-color: #dcdcdc;
    bottom: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    z-index: 1
}

.c-card__slider .c-slider__arrow {
    height: auto;
    opacity: 1;
    pointer-events: all;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width: 80em) {
    .c-card__slider .c-slider__arrow {
        opacity:0
    }
}

.c-card__slider .c-slider__arrow[disabled] {
    opacity: 1
}

@media(min-width: 80em) {
    .c-card__slider .c-slider__arrow[disabled] {
        opacity:0
    }
}

.c-card__slider .c-slider__arrow:before {
    background-color: #fff;
    color: #000;
    font-size: .4666666667rem;
    height: 25px;
    line-height: 25px;
    width: 25px
}

@media(min-width: 69.375em) {
    .c-card__slider .c-slider__arrow:before {
        font-size:.7rem;
        height: 35px;
        line-height: 35px;
        width: 35px
    }
}

.c-card__slider:not(.is-active) {
    visibility: visible
}

.c-card__slider:not(.is-active) .c-slider__list,.c-card__slider:not(.is-active) .c-slider__slide {
    width: 100%
}

.c-card__slider:not(.is-active) .c-slider__slide:not(:first-child) {
    position: absolute;
    z-index: -1
}

.c-card__author,.c-card__date {
    color: silver
}

.c-card__button {
    font-size: .5833333333rem;
    font-weight: 500;
    margin-bottom: .5rem;
    overflow: hidden;
    padding: .8333333333rem .25rem;
    white-space: nowrap
}

@media(min-width: 32.5em) {
    .c-card__button {
        font-size:.7rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.c-card--article-product-item {
    margin-top: 0!important
}

.c-card--article-product-item .c-card__title {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 1rem!important;
    margin-top: 0!important
}

.c-card--article-product-item img {
    background-color: #dfdfdf;
    height: 100%;
    margin-top: 0!important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-card--article-product-item .c-price__article-price {
    display: block;
    font-size: .9rem;
    font-weight: 500
}

.c-card--article-product-item .c-card__description {
    font-size: .9rem
}

.c-card__content-section--blog:not(.c-card__content-section--blog-featured) {
    padding-left: 0
}

.c-card__content-section--blog .c-card__date,.c-card__content-section--blog .c-card__label {
    color: #a9a9a9;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .9rem
}

@media(min-width: 69.375em) {
    .c-card__content-section--blog.c-card__content-section--blog-hidden-tablet {
        display:none
    }

    .c-card__content-section--blog .c-card__featured-post--title.c-card__featured-post--txt-light {
        color: #fff
    }

    .c-card__content-section--blog .c-card__featured-post--title.c-card__featured-post--txt-dark {
        color: #596065
    }

    .c-card__content-section--blog .c-card__featured-post--body.c-card__featured-post--txt-light {
        color: #fff
    }

    .c-card__content-section--blog .c-card__featured-post--body.c-card__featured-post--txt-dark {
        color: #596065
    }
}

.c-card__title--blog {
    font-family: Noe Display,sans-serif;
    font-size: 1.5rem
}

.c-card__featured-post {
    position: relative
}

@media(min-width: 69.375em)and (min-width:69.375em) {
    .c-card__featured-post .c-card__header {
        margin-bottom:0!important
    }
}

@media(min-width: 69.375em) {
    .c-card__featured-post .c-card__border-padding {
        padding:0
    }
}

.c-card__featured-post .c-card__featured-post--content-inner .c-card__content-section {
    width: 100%
}

.c-card__featured-post--image {
    display: block;
    position: relative;
    width: 100%
}

.c-card__featured-post--image img {
    position: relative;
    z-index: 2
}

.c-card__featured-post--content {
    position: relative
}

@media(min-width: 69.375em) {
    .c-card__featured-post--content {
        border-top:1px solid #dcdcdc
    }

    .c-card__featured-post--content.c-card__featured-post--content--split-border {
        border-top: none
    }

    .c-card__featured-post--content.c-card__featured-post--content--split-border .c-card__featured-post--content-inner {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        padding-left: 3rem;
        padding-right: 3rem;
        position: relative;
        width: 100%
    }

    .c-card__featured-post--content.c-card__featured-post--content--split-border .c-card__featured-post--content-inner.c-card__featured-post--content-inner--bg-light {
        background-color: #f0f0f0
    }

    .c-card__featured-post--content.c-card__featured-post--content--split-border .c-card__featured-post--content-inner.c-card__featured-post--content-inner--bg-dark {
        background-color: #596065
    }

    .c-card__featured-post--content .c-card__featured-post--content-inner {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media(max-width: 69.375em) {
    .c-card__featured-post--content .c-card__featured-post--content-inner .c-card__content-section--blog {
        padding-left:0
    }
}

.c-card__featured-post--content .c-card__featured-post--content-inner-body {
    display: none
}

@media(min-width: 69.375em) {
    .c-card__featured-post--content .c-card__featured-post--content-inner-body {
        display:block
    }
}

.c-card__featured-post--content .c-card__featured-post--title {
    family: "Noe Display",sans-serif;
    font-size: 1.5rem
}

@media(min-width: 69.375em) {
    .c-card__featured-post--content .c-card__featured-post--title {
        font-size:2.5rem
    }
}

.c-card__border:after,.c-card__border:before {
    border-bottom: 1px solid hsla(0,0%,100%,.45);
    border-left: 1px solid hsla(0,0%,100%,.45);
    border-top: 1px solid hsla(0,0%,100%,.45);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(50% - 15px);
    z-index: 1
}

.c-card__border.c-card__border--padded:after,.c-card__border.c-card__border--padded:before {
    bottom: 15px;
    height: calc(100% - 30px);
    top: 15px;
    width: calc(50% - 30px)
}

@media(min-width: 69.375em) {
    .c-card__border.c-card__border--padded:after,.c-card__border.c-card__border--padded:before {
        bottom:35px;
        height: calc(100% - 70px);
        top: 35px;
        width: calc(50% - 50px)
    }
}

.c-card__border.c-card__border--padded:before {
    left: 15px
}

@media(min-width: 69.375em) {
    .c-card__border.c-card__border--padded:before {
        left:35px
    }
}

.c-card__border.c-card__border--padded:after {
    right: 15px
}

@media(min-width: 69.375em) {
    .c-card__border.c-card__border--padded:after {
        right:35px
    }
}

.c-card__border:after {
    border-left: 0;
    border-right: 1px solid hsla(0,0%,100%,.45);
    left: auto;
    right: 0
}

.c-card__border.c-card__border--dark:after,.c-card__border.c-card__border--dark:before {
    border-color: rgba(0,0,0,.2)
}

.c-card__border.c-card__border--tablet-up:after,.c-card__border.c-card__border--tablet-up:before {
    display: none
}

@media(min-width: 69.375em) {
    .c-card__border.c-card__border--tablet-up:after,.c-card__border.c-card__border--tablet-up:before {
        display:block
    }
}

.c-cart__cart-contents {
    margin-bottom: 1rem
}

@media(min-width: 48em) {
    .c-cart__cart-contents {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.c-cart__head {
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase
}

.c-cart__head span {
    display: none!important
}

@media(min-width: 69.375em) {
    .c-cart__head span {
        display:table-cell!important
    }
}

@media(min-width: 48em) {
    .c-cart__head {
        display:block
    }
}

@media(max-width: 69.375em) {
    .c-cart__head .l-tbl__cell {
        padding:0!important
    }
}

.c-cart__head .c-cart__col {
    border-bottom: 2px solid #f0f0f0
}

.c-cart__head .c-cart__col.c-cart__col--quantity {
    display: none!important
}

@media(min-width: 69.375em) {
    .c-cart__head .c-cart__col.c-cart__col--quantity {
        display:table-cell!important
    }
}

.c-cart__head .c-cart__col.c-cart__col--subtotal {
    display: none!important;
    text-align: right
}

@media(min-width: 32.5em) {
    .c-cart__head .c-cart__col.c-cart__col--subtotal {
        display:table-cell!important
    }
}

@media(min-width: 69.375em) {
    .c-cart__head .c-cart__col.c-cart__col--subtotal {
        text-align:left
    }
}

.c-cart__col {
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media(min-width: 69.375em) {
    .c-cart__col {
        padding-bottom:0
    }
}

.c-cart__col--image {
    padding-top: 1rem;
    text-align: left;
    width: 15%
}

@media(min-width: 48em) {
    .c-cart__col--image {
        width:20%
    }
}

@media(min-width: 32.5em) {
    .c-cart__col--image {
        width:22%
    }
}

@media(min-width: 69.375em) {
    .c-cart__col--image {
        width:20%
    }
}

@media(min-width: 80em) {
    .c-cart__col--image {
        width:15%
    }
}

.c-cart__col--image img {
    background: #dfdfdf
}

.c-cart__col--product-details {
    text-align: left;
    vertical-align: top!important;
    width: 40%
}

@media(min-width: 69.375em) {
    .c-cart__col--product-details {
        vertical-align:middle!important;
        width: 35%
    }
}

@media(min-width: 80em) {
    .c-cart__col--product-details {
        width:42%
    }
}

.c-cart__col--price,.c-cart__col--quantity,.c-cart__col--subtotal {
    vertical-align: top!important
}

@media(min-width: 69.375em) {
    .c-cart__col--price,.c-cart__col--quantity,.c-cart__col--subtotal {
        vertical-align:middle!important
    }
}

.c-cart__col--actions {
    border-bottom: 2px solid #f0f0f0;
    text-align: right;
    vertical-align: top!important;
    width: 5%
}

@media(min-width: 69.375em) {
    .c-cart__col--actions {
        vertical-align:middle!important
    }
}

.c-cart__head .c-cart__col {
    padding-bottom: 1rem
}

.c-cart__title {
    margin-bottom: 3rem
}

.c-cart__product-details {
    padding-left: 1rem;
    padding-right: 1rem
}

.c-cart__product-title {
    font-size: .9rem;
    font-weight: 300
}

@media(min-width: 80em) {
    .c-cart__product-title {
        max-width:270px
    }
}

.c-cart__subtotal {
    font-size: .8rem;
    font-weight: 700
}

.c-cart__remove,.c-cart__update {
    font-size: .8rem
}

.c-cart__update {
    margin-bottom: 1rem
}

@media(min-width: 48em) {
    .c-cart__update {
        display:none
    }
}

.c-cart__remove a {
    text-align: center
}

.c-cart__quantity-input {
    border: 0!important;
    height: auto!important;
    line-height: normal!important;
    padding: 0!important;
    text-align: center!important
}

.c-cart__footer {
    display: none
}

@media(min-width: 48em) {
    .c-cart__footer {
        display:block;
        text-align: right
    }
}

.c-cart__item .c-cart__col {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 1rem
}

.c-cart__item .c-cart__col.c-cart__col--image {
    position: relative
}

.c-cart__item .c-cart__col.c-cart__col--image img {
    position: relative;
    z-index: 2
}

.c-cart__item .c-cart__col.c-cart__col--quantity {
    display: none!important
}

@media(min-width: 69.375em) {
    .c-cart__item .c-cart__col.c-cart__col--quantity {
        display:table-cell!important
    }
}

.c-cart__item .c-cart__col.c-cart__col--subtotal {
    display: none!important;
    text-align: right
}

@media(min-width: 32.5em) {
    .c-cart__item .c-cart__col.c-cart__col--subtotal {
        display:table-cell!important
    }
}

@media(min-width: 69.375em) {
    .c-cart__item .c-cart__col.c-cart__col--subtotal {
        text-align:left
    }
}

.c-cart__item .c-cart-items__details.mobile {
    align-items: center;
    display: flex;
    margin-top: 1rem
}

@media(min-width: 32.5em) {
    .c-cart__item .c-cart-items__details .c-cart__product-price.mobile {
        display:none
    }
}

.c-cart__item .c-cart-items__quantity {
    max-width: 120px
}

.c-cart__item .c-cart-items__quantity.mobile {
    margin-left: 0;
    margin-right: 1rem
}

@media(min-width: 69.375em) {
    .c-cart__item .c-cart-items__quantity.mobile {
        display:none
    }
}

.c-cart__label {
    display: none;
    font-weight: 700;
    margin-right: 3px
}

@media(min-width: 69.375em) {
    .c-cart__sidebar-col {
        position:sticky;
        top: 200px
    }
}

.c-cart__sidebar-upper {
    border: 2px solid #f0f0f0;
    padding: 1.5rem
}

@media(min-width: 69.375em) {
    .c-cart__sidebar-upper {
        margin-top:4.4rem;
        padding: 4rem 1.5rem 1.5rem
    }
}

.c-cart__sidebar-delivery-note {
    color: #707070;
    font-size: .9rem;
    font-weight: 300;
    margin-bottom: 2rem;
    text-align: center
}

.c-cart__submit-btn {
    align-items: center;
    display: flex;
    font-size: .8rem;
    justify-content: center
}

.c-cart__sidebar-item {
    margin-bottom: 1rem
}

.c-cart__info {
    size: .8rem
}

.c-cart__total-value {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase
}

.c-cart__total-label {
    margin-right: .5rem
}

.c-cart__price-original {
    text-decoration: line-through
}

.c-cart__order-notes {
    margin-bottom: 2rem
}

.c-cart__order-notes label {
    font-size: .7rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.c-cart__order-notes textarea {
    border: 1px solid #dcdcdc;
    font-size: .8rem;
    height: 100px;
    padding: 1rem;
    resize: none;
    width: 100%
}

@media(min-width: 69.375em) {
    .c-cart__order-notes textarea {
        height:130px;
        padding: 1.5rem
    }
}

.c-cart__sidebar-payment-providers .c-cart__sidebar-payment-providers-message {
    color: #707070;
    font-size: .8rem
}

.c-cart__sidebar-discount-code-message {
    font-size: .7rem;
    font-weight: 600;
    margin-top: 1.5rem;
    text-align: center;
    text-transform: uppercase
}

.c-cart__sidebar-lower {
    margin-top: 2rem
}

@media(max-width: 69.375em) {
    .c-cart__accepted-payments {
        margin-left:auto;
        margin-right: auto;
        max-width: 320px
    }
}

.c-cart__accepted-payments li {
    padding-left: .25em!important;
    padding-right: .25em!important
}

.c-cart-main__upsells-title-text {
    font-family: Noe Display,sans-serif;
    font-size: 1.5rem;
    letter-spacing: .01rem;
    text-align: center
}

@media(min-width: 32.5em) {
    .c-cart-main__upsells-title-text {
        font-size:1.75rem
    }
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-title-text {
        text-align:left
    }
}

.c-cart-main__upsells-container {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    white-space: nowrap;
    width: 100%
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-container {
        overflow-x:auto
    }
}

@media(min-width: 80em) {
    .c-cart-main__upsells-container {
        overflow-x:visible
    }
}

.c-cart-main__upsells-container .c-cart-main__upsells-container-grid {
    flex-wrap: wrap
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-container .c-cart-main__upsells-container-grid {
        flex-wrap:nowrap
    }
}

.c-cart-main__upsells-container .c-cart-main__upsells-container-grid .c-card__media-anchor {
    display: flex;
    flex-direction: column
}

.c-cart-main__upsells-container .c-product__title {
    font-size: .8rem;
    font-weight: 300
}

.c-cart-main__upsells-container .c-product__price {
    font-size: .7rem;
    font-weight: 600;
    margin-top: .5rem
}

.c-cart-main__upsells-container .c-cart-main__upsells-image {
    align-items: center;
    background: #f0f0f0;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.c-cart-main__upsells-container .c-cart-main__upsells-image img {
    width: 100%
}

.c-cart-main__upsells-container .c-product__img-wrapper--buttons {
    display: none
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-container .c-product__img-wrapper--buttons {
        align-items:center;
        bottom: 1.5rem;
        display: flex;
        justify-content: center;
        position: absolute
    }

    .c-cart-main__upsells-container .c-product__img-wrapper--buttons .c-upsell-btn {
        align-items: center;
        display: flex;
        font-size: .7rem;
        height: 36px;
        line-height: inherit
    }
}

@media(min-width: 69.375em)and (min-width:69.375em) {
    .c-cart-main__upsells-container .c-product__img-wrapper--buttons .c-upsell-btn {
        opacity:0
    }
}

.c-cart-main__upsells-container .c-product__img-wrapper {
    margin-bottom: 1.5rem
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-container .c-product__img-wrapper:hover .c-upsell-btn {
        opacity:1;
        transition: opacity .25s ease-in-out
    }
}

.c-cart-main__upsells-container .c-product__details {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0!important;
    white-space: normal
}

.c-cart-main__upsells-container .c-product__details:after {
    border-right: 0!important
}

.c-cart-main__upsells-container .c-product__details .c-product__title {
    font-size: .9rem;
    margin-bottom: 0
}

.c-cart-main__upsells-container .c-product__details--buttons {
    margin-top: auto
}

@media(min-width: 69.375em) {
    .c-cart-main__upsells-container .c-product__details--buttons {
        display:none
    }
}

.c-cart-main__upsells-container .c-product__details--buttons button {
    font-size: .7rem;
    padding-bottom: .8rem;
    padding-top: .8rem;
    width: 100%
}

.c-cart-counter {
    color: #000;
    cursor: pointer;
    display: flex;
    position: relative
}

.c-cart-counter,.c-cart-counter:focus,.c-cart-counter:hover {
    text-decoration: none
}

.c-cart-counter__icon,.c-cart-counter__roundel {
    display: inline-block
}

.c-cart-counter__icon {
    font-family: Icons!important
}

.c-cart-counter__icon:before {
    content: ""
}

.c-cart-counter__roundel {
    background-color: #b79c55;
    border-radius: 100%;
    color: #fff;
    height: 20px;
    line-height: 18px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -14px;
    vertical-align: 4px;
    width: 20px
}

.c-cart-counter__value {
    font-size: 12px;
    margin-right: 1px;
    margin-top: 1px
}

.c-cart-items {
    border-collapse: collapse;
    display: table;
    padding-bottom: 1rem;
    padding-top: 1rem;
    table-layout: fixed;
    width: 100%
}

.c-cart-items__item {
    border-bottom: 1px solid #f0f0f0;
    display: table-row;
    position: relative
}

.c-cart-items__item:last-child,.c-cart-items__item:last-child .c-cart-items__content,.c-cart-items__item:last-child .c-cart-items__image,.c-cart-items__item:last-child .c-cart-items__price {
    border-bottom: 0
}

.c-cart-items__content,.c-cart-items__image,.c-cart-items__price {
    border-bottom: 1px solid #f0f0f0;
    display: table-cell;
    padding-bottom: 1rem;
    padding-top: 1rem;
    vertical-align: top
}

.c-cart-items__content {
    width: 65%
}

.c-cart-items__price {
    border-bottom: none;
    display: none
}

@media(max-width: 32.5em) {
    .c-cart-items__price.mobile {
        display:block;
        margin-left: 1rem
    }
}

@media(min-width: 32.5em) {
    .c-cart-items__price.phablet {
        border-bottom:1px solid #f0f0f0;
        display: table-cell;
        vertical-align: top;
        width: 20%
    }
}

.c-cart-items__image {
    padding-left: 0;
    padding-right: 0;
    width: 20%
}

@media(min-width: 80em) {
    .c-cart-items__image {
        width:30%
    }
}

.c-cart-items__image img {
    background: #dfdfdf;
    padding: 10px
}

.c-cart-items__content {
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width: 32.5em) {
    .c-cart-items__content {
        padding-right:1.5rem
    }
}

.c-cart-items__title {
    font-size: .9rem;
    font-weight: 300;
    margin-bottom: .5rem
}

.c-cart-items__price {
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: .25rem;
    text-align: right
}

.c-cart-items__actions {
    font-size: .7rem
}

.c-cart-items__quantity {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-cart-items__quantity .c-cart-items__quantity-inner {
    border: 1px solid #dcdcdc
}

.c-quantity-change {
    display: flex;
    justify-content: space-evenly
}

.c-quantity-change__button {
    height: 40px;
    padding: 0 10px;
    width: 40px
}

.c-quantity-change__button:focus,.c-quantity-change__button:hover {
    cursor: pointer
}

.c-quantity-change__button[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.c-cart-items__remove {
    align-items: center;
    background: #000;
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -10px;
    width: 20px;
    z-index: 3
}

.c-cart-items__remove i {
    color: #fff;
    font-size: .4rem
}

.c-cart-items__remove:focus,.c-cart-items__remove:hover {
    cursor: pointer
}

.c-cart-items__quantity-label {
    align-items: center;
    display: flex;
    font-size: .8rem;
    justify-content: center;
    text-align: center
}

.c-checkbox {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px
}

.c-checkbox--active {
    background: #000;
    border: 1px solid #000;
    position: relative
}

.c-checkbox--active:before {
    align-items: center;
    color: #fff;
    content: "";
    display: flex;
    font-family: Icons;
    font-size: .45rem;
    justify-content: center;
    left: 0;
    line-height: .9rem;
    top: 0;
    z-index: 2
}

.clerk_content_wrap-global {
    max-width: 1344px;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 48em) {
    .clerk_content_wrap-global {
        padding-left:32px;
        padding-right: 32px
    }
}

.clerk_content_wrap-global .clerk_slider_header {
    padding: 0 5px
}

@media screen and (min-width: 360px)and (max-width:620px) {
    .clerk_product_price-global_lu.now {
        font-size:.8rem;
        font-weight: 700
    }
}

.l-constrained .clerk_content_wrap-global {
    max-width: none;
    padding: 0!important
}

.c-filters {
    margin-bottom: calc(1.425rem + 1.96875vw)
}

.c-filters .c-accordion__header:after {
    height: auto;
    line-height: normal;
    top: auto
}

@media(min-width: 1280px) {
    .c-filters {
        margin-bottom:3rem
    }
}

.c-filters__header {
    display: none;
    margin-bottom: 1rem
}

@media(min-width: 69.375em) {
    .c-filters__header {
        display:block
    }
}

@media(max-width: 69.375em) {
    .c-filters__filter-item {
        display:block!important;
        width: 100%
    }
}

.c-filters__filter {
    background: #fff
}

@media(min-width: 69.375em) {
    .c-filters__filter {
        border:1px solid #dcdcdc;
        border-left: 0;
        display: flex;
        font-size: .9rem;
        height: 100%;
        width: auto
    }

    .c-filters__filter.is-active {
        margin-bottom: 0
    }

    .c-filters__filter .c-accordion__header:after {
        right: 1.5rem
    }

    .c-filters__filter .c-accordion__content {
        background-color: #fff;
        border-bottom: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        left: 0;
        padding: 1rem;
        position: absolute;
        top: 50px;
        z-index: 1400
    }
}

.c-filters__title {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
    text-transform: uppercase
}

.c-filters__filter-title {
    border-bottom: 1px solid #f0f0f0;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    padding-bottom: 1rem;
    padding-top: 2rem;
    width: 100%
}

@media(min-width: 69.375em) {
    .c-filters__filter-title {
        border-bottom:0;
        margin: 0;
        padding: 1.5rem
    }
}

.c-filters__filter-list {
    list-style: none
}

.c-filters__item--sort-by {
    margin-bottom: 0
}

.c-filters__item--sort-by .c-filters__content {
    height: 100%;
    width: 100%
}

.c-filters__item select.facet-filters__sort {
    font-size: .8rem;
    font-weight: 500;
    outline: transparent;
    text-transform: uppercase
}

@media(max-width: 69.375em) {
    .c-filters__item select.facet-filters__sort {
        background-position:93% 50%;
        border: 0;
        padding: .5rem 0
    }
}

@media(min-width: 69.375em) {
    .c-filters__item select.facet-filters__sort {
        background-position:95% 50%;
        border-left: 0;
        height: 100%
    }

    .c-accordion__wrapper:first-of-type .c-filters__filter {
        border-left: 1px solid #dcdcdc
    }
}

.c-collection-filter__mobile-clear {
    display: block
}

.c-collection-filter__clear,.c-collection-filter__mobile-clear {
    font-size: .7rem;
    font-weight: 500;
    padding: 1rem;
    text-transform: uppercase
}

.c-collection-filter__clear {
    white-space: nowrap
}

.c-collection-filter__mobile-view {
    display: block;
    font-size: .7rem;
    font-weight: 500;
    padding: 1rem;
    text-transform: uppercase
}

.c-collection-filter__section {
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

@media(min-width: 69.375em) {
    .c-collection-filter__section {
        border:1px solid #dcdcdc;
        border-left: none
    }

    .c-collection-filter__section:first-of-type {
        border-left: 1px solid #dcdcdc
    }
}

.c-collection-filter__section--heading {
    align-items: center;
    display: flex;
    font-size: .8rem;
    font-weight: 500;
    padding: 1.5rem 1.5rem 1.5rem 0;
    text-transform: uppercase
}

@media(min-width: 69.375em) {
    .c-collection-filter__section--heading {
        padding:1.5rem
    }
}

.c-collection-filter__section--heading:after {
    content: "";
    font-family: Icons;
    font-size: .7rem;
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transform-origin: center center
}

.c-collection-filter__section--heading:hover {
    cursor: pointer
}

.c-collection-filter__section--heading.is-active:after {
    content: "";
    transform: rotate(180deg);
    transform-origin: center center
}

.c-collection-filter__list {
    display: none;
    list-style: none;
    padding-left: 0
}

.c-collection-filter--no-dropdown .c-collection-filter__list {
    display: block!important
}

.c-collection-filter__list.is-active {
    background: #fff;
    box-sizing: content-box;
    display: block;
    width: 100%;
    z-index: 12
}

@media(min-width: 69.375em) {
    .c-collection-filter__list.is-active {
        border:1px solid #dcdcdc;
        left: -1px;
        max-height: 300px;
        overflow-y: auto;
        position: absolute
    }
}

.c-swatches-filters-slider__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative
}

.c-swatches-filters-slider__item .c-colour-swatch {
    margin-bottom: .5rem
}

.c-swatches-filters-slider__item-label:after {
    align-items: center;
    background: #000;
    border-radius: 100%;
    color: #fff;
    content: "";
    display: none;
    font-family: Icons;
    font-size: 8px;
    height: 25px;
    justify-content: center;
    left: 13px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 1
}

.c-swatches-filters-slider__item .filter-input {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.c-swatches-filters-slider__item .filter-input:checked+.c-swatches-filters-slider__item-label:after {
    display: flex
}

.active-filters__remove-filter {
    display: block
}

.active-filters__remove-filter:after {
    left: 20px!important
}

.c-collection-hero__content {
    background: #000;
    color: #fff
}

@media(max-width: 48em) {
    .c-collection-hero__content {
        background:#fff
    }
}

.c-collection-hero__content a:not(.c-excerpt__btn) {
    text-decoration: underline
}

.c-collection-hero__content .c-collection-hero__filters {
    display: block;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 300;
    margin-top: 1rem;
    width: 100%
}

@media(min-width: 80em) {
    .c-collection-hero__content .c-collection-hero__filters {
        color:#fff;
        font-size: 1rem
    }
}

.c-collection-hero__content .c-collection-hero__title {
    color: #fff;
    display: block;
    font-size: 2rem;
    text-transform: capitalize
}

@media(max-width: 48em) {
    .c-collection-hero__content .c-collection-hero__title {
        align-items:center;
        color: #000;
        display: flex;
        flex-direction: column;
        font-size: 1.75rem
    }
}

.c-collection-hero__content .c-collection-hero__title--product-count {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1rem;
    padding-left: 5px
}

.c-collection-hero__content .c-collection-hero__excerpt {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
}

.c-collection-hero__content .c-collection-hero__excerpt a:not(.c-excerpt__btn),.c-collection-hero__content .c-collection-hero__excerpt p {
    color: #a9a9a9
}

.c-collection-hero__content .c-collection-hero__excerpt .c-excerpt__btn--less,.c-collection-hero__content .c-collection-hero__excerpt .c-excerpt__btn--more {
    color: #fff
}

.c-collection-hero__content .c-collection-hero__excerpt .c-excerpt__btn--less:hover,.c-collection-hero__content .c-collection-hero__excerpt .c-excerpt__btn--more:hover {
    color: hsla(0,0%,100%,.6)
}

.c-collection-hero__image {
    margin-top: -1px;
    min-height: 1px;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    z-index: -1
}

@media(min-width: 48em) {
    .c-collection-hero__image {
        margin-top:0;
        min-height: 250px;
        visibility: visible;
        z-index: 1
    }
}

@media(min-width: 69.375em) {
    .c-collection-hero__image {
        min-height:450px
    }
}

.c-collections-thumbnails .c-collections-thumbnails--item {
    margin-bottom: 2rem;
    position: relative
}

.c-collections-thumbnails .c-collections-thumbnails--item .c-collections-thumbnails--item__media {
    display: block;
    height: 100%;
    position: relative
}

.c-collections-thumbnails .c-collections-thumbnails--item .c-collections-thumbnails--item__media:after {
    background: linear-gradient(0deg,#000,transparent);
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    width: 100%
}

.c-collections-thumbnails .c-collections-thumbnails--item .c-collections-thumbnails--item__title {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-family: Noe Display,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 0;
    padding: .5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width: 32.5em) {
    .c-collections-thumbnails .c-collections-thumbnails--item .c-collections-thumbnails--item__title {
        font-size:1.5rem;
        padding: 1rem
    }
}

@media(min-width: 69.375em) {
    .c-collections .o-section__title {
        font-size:1.5rem
    }
}

.c-collections__container {
    grid-gap: 10px;
    display: grid;
    gap: 10px
}

@media(min-width: 48em) {
    .c-collections__container {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 69.375em) {
    .c-collections__container {
        gap:10px;
        grid-template-columns: repeat(1,1fr)
    }
}

.c-collections__item {
    position: relative;
    width: 100%
}

.c-collections__item picture {
    display: flex
}

.c-collections__item a {
    display: block;
    text-decoration: none
}

.c-collections__item .c-collections__title {
    margin-bottom: .625rem
}

.c-collections__item .c-collections__link {
    clip: rect(0,0,0,0);
    display: block;
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: ease-in;
    visibility: hidden
}

@media(min-width: 69.375em) {
    .c-collections__item.is-active .c-collections__title {
        opacity:1
    }

    .c-collections__item.is-active .c-collections__link {
        display: block;
        height: 0;
        margin-bottom: 2.5rem;
        margin-top: 1rem;
        opacity: 1;
        overflow: visible;
        transition-duration: .25s;
        transition-property: all;
        transition-timing-function: ease-in;
        visibility: visible
    }
}

@media(max-width: 69.375em) {
    .c-collections__item:after {
        background:#000;
        background: linear-gradient(180deg,rgba(52,49,49,.307),rgba(8,8,8,.823) 80%,#000);
        content: "";
        height: 100%;
        left: 0;
        opacity: .5;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: all .3s ease-in-out;
        width: 100%;
        z-index: 2
    }
}

.c-collections__title {
    bottom: 20px;
    color: #fff;
    left: 0;

    position: absolute;
    right: 0;
    z-index: 3
}

@media(min-width: 69.375em) {
    .c-collections__title {
        bottom:0;
        color: #000;
        opacity: .2;
        position: relative;
        transition: all .4s ease-in-out
    }

    .c-collections__title:focus,.c-collections__title:hover {
        opacity: 1
    }
}

.c-collections__image {
    height: 100%;
    width: 100%
}

.c-collections__master-container {
    position: relative
}

img.c-collections__master {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

.c-collections__link {
    cursor: pointer;
    font-size: .8rem;
    opacity: 0;
    text-transform: uppercase;
    transition: all .4s ease-in-out
}

.c-collection-excerpt__mobile {
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .9rem;
    padding: 0 1rem
}

.c-collection-excerpt__mobile .c-excerpt__crop a {
    text-decoration: underline
}

.c-currency__selector-wrapper {
    align-items: center;
    display: flex
}

.c-currency__selector {
    background-image: url(chevron-down.svg);
    background-size: 9px;
    border: none;
    font-size: .8rem;
    font-weight: 400;
    height: auto;
    line-height: inherit;
    max-width: 65px;
    padding-left: 12px;
    padding-right: 12px
}

@media(min-width: 69.375em) {
    .c-currency__selector {
        background-image:url(chevron-down-white.svg);
        background-size: 14px;
        font-size: .9rem;
        max-width: 80px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.c-currency__selector:active,.c-currency__selector:focus {
    outline: transparent
}

.c-currency__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-currency__icon,.c-currency__icon svg {
    height: 18px;
    width: 18px
}

@media(min-width: 69.375em) {
    .c-currency__icon,.c-currency__icon svg {
        height:30px;
        width: 30px
    }

    .c-currency__icon img,.c-currency__icon svg {
        border: 1px solid #fff;
        border-radius: 100%
    }
}

.drift-bounding-box,.drift-zoom-pane {
    pointer-events: none;
    position: absolute
}

.drift-zoom-pane.drift-open {
    display: block
}

.drift-zoom-pane.drift-closing,.drift-zoom-pane.drift-opening {
    animation: noop 1ms
}

.drift-zoom-pane {
    height: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%
}

.drift-zoom-pane-loader {
    display: none
}

.drift-zoom-pane img {
    display: block;
    max-height: none;
    max-width: none;
    position: absolute
}

.drift-zoom-pane {
    background: rgba(0,0,0,.5);
    transform: translateZ(0)
}

.drift-zoom-pane.drift-opening {
    animation: drift-fadeZoomIn .18s ease-out
}

.drift-zoom-pane.drift-closing {
    animation: drift-fadeZoomOut .21s ease-in
}

.drift-zoom-pane.drift-inline {
    border-radius: 75px;
    box-shadow: 0 6px 18px rgba(0,0,0,.3);
    height: 150px;
    position: absolute;
    width: 150px
}

.drift-loading .drift-zoom-pane-loader {
    animation: drift-loader-rotate 1.8s linear infinite;
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 66px
}

.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before {
    background: hsla(0,0%,100%,.9);
    border-radius: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px
}

.drift-zoom-pane-loader:before {
    animation: drift-loader-before 1.8s linear infinite;
    left: 0
}

.drift-zoom-pane-loader:after {
    animation: drift-loader-after 1.8s linear infinite;
    animation-delay: -.9s;
    right: 0
}

.drift-bounding-box {
    background-color: rgba(0,0,0,.4)
}

@keyframes noop {
    0% {
        zoom:1}
}

@keyframes drift-fadeZoomIn {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes drift-fadeZoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    15% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.5)
    }
}

@keyframes drift-loader-rotate {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    50% {
        transform: translate(-50%,-50%) rotate(-180deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(-1turn)
    }
}

@keyframes drift-loader-before {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.2) translateX(6px)
    }

    25% {
        transform: scale(1.3) translateX(8px)
    }

    40% {
        transform: scale(1.2) translateX(6px)
    }

    50% {
        transform: scale(1)
    }

    60% {
        transform: scale(.8) translateX(6px)
    }

    75% {
        transform: scale(.7) translateX(8px)
    }

    90% {
        transform: scale(.8) translateX(6px)
    }

    to {
        transform: scale(1)
    }
}

@keyframes drift-loader-after {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.2) translateX(-6px)
    }

    25% {
        transform: scale(1.3) translateX(-8px)
    }

    40% {
        transform: scale(1.2) translateX(-6px)
    }

    50% {
        transform: scale(1)
    }

    60% {
        transform: scale(.8) translateX(-6px)
    }

    75% {
        transform: scale(.7) translateX(-8px)
    }

    90% {
        transform: scale(.8) translateX(-6px)
    }

    to {
        transform: scale(1)
    }
}

.c-excerpt {
    font-weight: 300;
    line-height: 1.5
}

.c-excerpt.is-open .c-excerpt__btn--less,.c-excerpt.is-open .c-excerpt__crop {
    display: inline;
    margin-left: 0
}

.c-excerpt.is-open .c-excerpt__btn--more,.c-excerpt.is-open .c-excerpt__preview {
    display: none
}

.c-excerpt__btn {
    border-bottom: 1px solid;
    border-color: inherit;
    color: #000;
    cursor: pointer;
    font-size: .7rem;
    font-weight: 400;
    margin-left: 10px;
    text-transform: uppercase
}

.c-excerpt__preview .c-excerpt__btn--more {
    display: inline
}

.c-excerpt__btn--less,.c-excerpt__crop {
    display: none;
    margin-top: 1rem
}

.c-product__shop-section .c-excerpt__crop,.c-product__shop-section .c-excerpt__preview {
    color: #707070;
    font-size: .9rem
}

.c-expandable {
    display: none
}

.c-expandable.is-open {
    animation: openexpandable .25s ease-in-out;
    display: block
}

@keyframes openExpandable {
    0% {
        opacity: 0;
        transform: translateX(10 px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.c-filter {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0
}

.c-filter__item {
    padding: .5rem 0 .25rem
}

@media(min-width: 69.375em) {
    .c-filter__item {
        padding:1rem
    }
}

.c-blog-filter__clear,.c-filter__clear {
    border-bottom: 1px solid;
    border-color: inherit;
    font-size: .7rem;
    font-weight: 500;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: .2rem;
    padding-top: 1rem;
    text-transform: uppercase
}

.c-blog-filter__clear:hover,.c-filter__clear:hover {
    cursor: pointer
}

.c-filter__link {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 300;
    position: relative;
    text-decoration: none!important;
    text-transform: capitalize
}

@media(min-width: 69.375em) {
    .c-filter__link {
        font-size:.9rem
    }
}

.c-filter__link:after {
    content: "";
    height: 14px;
    left: 0;
    line-height: 14px;
    top: 0;
    width: 14px
}

.c-filter__link input {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: inline-block;
    height: 18px;
    margin-right: 14px;
    pointer-events: none;
    width: 18px
}

.c-filter__link:after {
    display: none;
    position: absolute
}

.c-filter__link--active:before {
    background-color: #000;
    border-color: #000
}

.c-filter__link--active:after {
    align-items: center;
    color: #fff;
    content: "";
    display: flex;
    font-family: Icons;
    font-size: .45rem;
    height: 18px;
    justify-content: center;
    left: 0;
    line-height: .9rem;
    top: 0;
    width: 18px;
    z-index: 2
}

.c-filter__link.disabled {
    opacity: .5;
    pointer-events: none
}

.c-filter__link .c-colour-swatch {
    margin-right: .5rem
}

.c-giftcard {
    margin-bottom: 1.5rem;
    position: relative
}

.c-giftcard__amount {
    color: #fff;
    font-size: 8vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px;
    position: absolute;
    right: 0;
    text-shadow: 2px 2px 0 rgba(0,0,0,.1);
    top: 0
}

@media screen and (min-width: 600px) {
    .c-giftcard__amount {
        font-size:2.5rem
    }
}

.c-giftcard__amount--medium {
    font-size: 1rem
}

.c-giftcard__code {
    bottom: 0;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.c-giftcard__code-inner {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    display: inline-block;
    padding: 1rem;
    width: 100%
}

.c-giftcard__code-text {
    border: 1px dashed #ccc!important;
    display: inline-block;
    font-size: 4vw;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.c-giftcard__code-text:focus {
    border-color: #e95e61!important
}

.c-giftcard__code-text.disabled {
    color: #999;
    text-decoration: line-through
}

@media(min-width: 48em) {
    .c-giftcard__code-text {
        font-size:1.75rem
    }
}

.c-header__title--large {
    font-family: Noe Display,sans-serif;
    font-size: 3.75rem
}

@media(min-width: 80em) {
    .c-header__title--large {
        font-size:4rem
    }
}

.c-header__body--lighter {
    color: #707070
}

.c-hero {
    height: 70vh
}

.c-hero,.c-hero--relative {
    position: relative
}

.c-hero__media-image {
    font-family: "object-fit: cover";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0
}

.c-hero__body,.c-hero__media-image {
    left: 0;
    position: absolute;
    width: 100%
}

.c-hero__body {
    bottom: 3rem;
    color: #fff;
    max-width: 500px;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    z-index: 2
}

.c-hero__body h1 {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: capitalize
}

@media(min-width: 69.375em) {
    .c-hero__body {
        max-width:800px
    }

    .c-hero__body h1 {
        font-size: 4.5rem
    }
}

.c-slider--hero .c-slider__arrows {
    display: none
}

@media(min-width: 69.375em) {
    .c-slider--hero .c-slider__arrows {
        display:block;
        left: auto;
        max-width: 130px;
        right: 2%
    }

    .c-slider--hero .c-slider__arrows .c-slider__arrow {
        bottom: 5%;
        height: 40px;
        top: auto
    }

    .c-slider--hero .c-slider__arrows .c-slider__arrow:before {
        background-color: #fff;
        color: #000;
        font-size: .8rem;
        height: 40px;
        line-height: 40px;
        width: 40px
    }
}

.c-slider--hero .c-slider__pagination {
    bottom: 1rem;
    left: 0;
    position: absolute;
    width: 100%
}

.c-slider--hero .c-slider__pagination .c-slider__pagination-page {
    background: #fff;
    opacity: .2
}

.c-slider--hero .c-slider__pagination .c-slider__pagination-page.is-active {
    opacity: 1
}

@media(min-width: 69.375em) {
    .c-slider--hero .c-slider__pagination {
        display:none
    }
}

.c-slider--hero .c-slider__pagination+.c-slider__pagination {
    display: none
}

.c-collection-seo-description__title {
    font-size: 28px
}

.c-collection-seo-description__content {
    color: #707070;
    font-size: .9rem
}

@media(max-width: 69.375em) {
    .c-hero__body--left-mob {
        text-align:left
    }

    .c-hero__body--center-mob {
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center
    }

    .c-hero__body--right-mob {
        text-align: right
    }
}

@media(min-width: 69.375em) {
    .c-hero__body--left {
        left:2%;
        text-align: left
    }

    .c-hero__body--center {
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center
    }

    .c-hero__body--right {
        bottom: 12%;
        left: auto;
        right: 2%;
        text-align: right
    }

    .c-hero__body--top {
        bottom: auto;
        top: 3rem
    }

    .c-hero__body--middle {
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        top: 0
    }

    .c-hero__body--bottom {
        bottom: 3rem;
        top: auto
    }
}

.c-hero--short {
    height: 30vh
}

.c-icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: normal;
    speak: none;
    font-family: Icons!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.c-icon+span {
    margin-left: .25rem
}

.c-icon--align-center {
    vertical-align: middle
}

.c-icon--xxs {
    font-size: .45rem
}

.c-icon--xs {
    font-size: .6rem
}

.c-icon--sm {
    font-size: .8rem
}

.c-icon--md {
    font-size: 1rem
}

.c-icon--lg {
    font-size: 1.25rem
}

.c-icon--xl {
    font-size: 2rem
}

.c-icon--plus-styled:before {
    content: ""
}

.c-icon--Instagram .path1:before {
    color: #000;
    content: ""
}

.c-icon--Instagram .path2:before {
    color: #eeefee;
    content: "";
    margin-left: -1em
}

.c-icon--Instagram .path3:before {
    color: #000;
    content: "";
    margin-left: -1em
}

.c-icon--Instagram .path4:before {
    color: #eeefee;
    content: "";
    margin-left: -1em
}

.c-icon--pinterest:before {
    content: ""
}

.c-icon--download:before {
    color: #fff;
    content: ""
}

.c-icon--close:before {
    content: ""
}

.c-icon--burger:before {
    content: ""
}

.c-icon--cart:before {
    content: ""
}

.c-icon--plus-black:before {
    content: ""
}

.c-icon--left-arrow:before {
    content: ""
}

.c-icon--plus:before {
    content: ""
}

.c-icon--right-arrow:before {
    content: ""
}

.c-icon--tick:before {
    content: ""
}

.c-icon--cross:before {
    content: ""
}

.c-icon--envelope:before {
    content: ""
}

.c-icon--facebook:before {
    content: ""
}

.c-icon--heart:before {
    content: ""
}

.c-icon--instagram:before {
    content: ""
}

.c-icon--paper-plane:before {
    content: ""
}

.c-icon--phone:before {
    content: ""
}

.c-icon--chevron-right:before {
    content: ""
}

.c-icon--search:before {
    content: ""
}

.c-icon--truck:before {
    content: ""
}

.c-icon--twitter:before {
    content: ""
}

.c-icon--user:before {
    content: ""
}

.c-icon--play:before {
    content: ""
}

.c-icon--youtube:before {
    content: ""
}

.c-icon--zoom:before {
    content: ""
}

.c-icon--minus:before {
    content: ""
}

.c-icon--chevron-left:before {
    content: ""
}

.c-icon--chevron-up:before {
    content: ""
}

.c-icon--chevron-down:before {
    content: ""
}

.c-image-content__container {
    position: relative
}

.c-image-content__content {
    color: #596065;
    height: 100%;
    margin: 0 auto;
    padding: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-image-content__content {
        padding:3rem
    }
}

@media(min-width: 69.375em) {
    .c-image-content__content {
        max-width:590px
    }
}

.c-image-content__content h2 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.c-image-content__content p {
    font-weight: 300
}

.c-image-content__content a:not(.c-btn):not(.shopify-challenge__button) {
    text-decoration: underline
}

.c-image-content__media-container {
    overflow: hidden
}

@media(max-width: 69.375em) {
    .c-image-content__media-container.c-image-content__media-container--hide-mobile {
        display:none
    }
}

.c-image-content__media-container .c-image-content__image {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.c-image-content__media-container .c-image-content__image img {
    height: 100%;
    width: 100%;
    z-index: 2
}

@keyframes lazyLoader {
    0%,to {
        transform: translateX(-50%)
    }

    50% {
        transform: translateX(100%)
    }
}

.c-image--loader {
    background-color: #000;
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: all .2s ease-in-out;
    visibility: hidden;
    width: 50px;
    z-index: -1
}

.c-image--loader,.c-image--loader:after {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-image--loader:after {
    background-color: #dcdcdc;
    content: "";
    height: 100%;
    width: 200%
}

.c-image--loader {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.c-image--loader:after {
    animation: lazyLoader 3s infinite;
    animation-timing-function: cubic-bezier(.43,.43,.25,.99)
}

.js-image-zoom {
    background-color: #dfdfdf;
    background-position: 50% 50%;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.js-image-zoom img {
    background-color: #dfdfdf;
    display: block;
    transition: opacity .5s;
    width: 100%
}

.js-image-zoom img.is-zoomed-in {
    background-color: #dfdfdf;
    cursor: zoom-out;
    opacity: 0
}

.l-container {
    overflow: initial
}

.l-col--slim {
    padding-left: 0;
    padding-right: 0
}

.l-grid--collection-tiles {
    position: relative
}

.l-grid--collection-tiles>div {
    margin-bottom: 2rem
}

.l-grid--collection-tiles .loading-overlay {
    align-items: flex-start;
    background-color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-top: 2rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10
}

.l-grid--collection-tiles .loading-overlay .loading-overlay__spinner {
    display: inline-block;
    width: 1.8rem
}

.l-grid--collection-tiles .loading-overlay .spinner {
    animation: rotator 1.4s linear infinite
}

.l-grid--collection-tiles .loading-overlay .path {
    stroke: #000;
    stroke-dashoffset: 0;
    stroke-dasharray: 280;
    animation: dash 1.4s ease-in-out infinite;
    transform-origin: center
}

@media screen and (forced-colors:active) {
    .l-grid--collection-tiles .loading-overlay .path {
        stroke: canvastext
    }
}

.l-grid--collection-tiles.loading .loading-overlay {
    height: 100%;
    opacity: 1;
    visibility: visible;
    width: 100%
}

@keyframes rotator {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(270deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 280;
        transform: rotate(450deg)
    }
}

.c-list-view-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-list-view-item {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.c-list-view-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.c-list-view-item__link {
    display: table;
    table-layout: fixed;
    width: 100%
}

.c-list-view-item__image {
    max-height: 95px
}

.c-list-view-item__image-column {
    display: table-cell;
    vertical-align: middle;
    width: 130px
}

.c-list-view-item__image-wrapper {
    margin-right: 1rem;
    position: relative;
    text-align: center
}

@media(min-width: 48em) {
    .c-list-view-item__image-wrapper {
        margin-right:1.5rem
    }
}

.c-list-view-item__title-column,.list-view-item__title-column {
    display: table-cell;
    vertical-align: middle
}

.list-view-item__title {
    min-width: 100px
}

.c-list-view-item__price-column {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 20%
}

.c-list-view-item__price-column .price {
    align-items: flex-end
}

.c-list-view-item__price-column .price dd {
    margin: 0 0 0 .5em
}

.c-list-view-item__price-column .price__regular,.c-list-view-item__price-column .price__sale {
    flex-basis: 100%;
    justify-content: flex-end;
    margin-right: 0
}

.c-list-view-item__title {
    padding-right: .5rem
}

.c-login__main {
    display: block
}

.c-login__reset,.forgot-password-active .c-login__main {
    display: none
}

.forgot-password-active .c-login__reset {
    display: block
}

.c-logo-grid {
    margin-bottom: 3rem
}

.c-logo-grid--margin-top {
    margin-top: 3rem
}

.c-logo-grid .c-logo-grid__item {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.c-logo-grid .c-logo-grid__item img {
    max-height: 80px;
    transition: filter .3s ease-in-out;
    width: auto
}

.c-logo-grid .c-logo-grid__item img:hover {
    filter: brightness(200%)
}

.c-logo-grid .c-logo-grid__item.c-logo-grid__item--hover-light img:hover {
    filter: brightness(50%)
}

@media(max-width: 69.375em) {
    .c-map-content .c-map-content__map-wrapper {
        padding-bottom:75%
    }
}

.c-map-content .c-map-content__map {
    height: 0;
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.c-map-content__container {
    position: relative
}

.c-map-content__content {
    color: #596065;
    height: 100%;
    margin: 0 auto;
    padding: calc(1.425rem + 1.96875vw);
    width: 100%
}

@media(min-width: 1280px) {
    .c-map-content__content {
        padding:3rem
    }
}

@media(min-width: 69.375em) {
    .c-map-content__content {
        max-width:590px
    }
}

.c-map-content__content h2 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.c-map-content__content p {
    font-weight: 300
}

.c-map-content__content a:not(.c-btn):not(.shopify-challenge__button) {
    text-decoration: underline
}

.c-menu {
    list-style: none
}

.c-menu,.c-menu .c-menu__dropdown,.c-menu .c-menu__sub-menu {
    margin: 0;
    padding: 0
}

.c-menu .c-menu__sub-menu {
    list-style: none
}

.c-menu__image {
    display: flex;
    position: relative
}

.c-menu__image a {
    display: flex
}

.c-menu__image:before {
    background: #000;
    content: "";
    display: block;
    height: 100%;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.c-menu__image p {
    bottom: 5px;
    color: #fff;
    font-family: Noe Display,sans-serif;
    font-size: 1.5rem;
    left: 25px;
    position: absolute
}

.c-menu--breadcrumb>.c-menu__leaf,.c-menu--breadcrumb>li {
    position: relative
}

.c-menu--breadcrumb>.c-menu__leaf:after,.c-menu--breadcrumb>li:after {
    content: "/";
    position: absolute;
    right: -5px;
    top: 0
}

.c-menu--breadcrumb>.c-menu__leaf:last-child:after,.c-menu--breadcrumb>li:last-child:after {
    content: none
}

.c-menu--breadcrumb>.c-menu__leaf>.c-menu__link {
    color: #000;
    font-size: .8rem
}

.c-menu--inline {
    display: inline-block;
    vertical-align: top
}

.c-menu--inline>.c-menu__leaf,.c-menu--inline>li {
    display: inline-block;
    min-height: 1px;
    padding-left: .5em;
    padding-right: .5em
}

.c-menu--inline>.c-menu__leaf:first-child,.c-menu--inline>li:first-child {
    padding-left: 0
}

.c-menu--inline>.c-menu__leaf:last-child,.c-menu--inline>li:last-child {
    padding-right: 0
}

.c-menu--main {
    text-align: center
}

.c-menu--main>.c-menu__leaf {
    display: inline;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left
}

.c-menu--main>.c-menu__leaf.is-hover>.c-menu__dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.c-menu--main>.c-menu__leaf.is-hover>.c-menu__link {
    position: relative
}

.c-menu--main>.c-menu__leaf.is-hover>.c-menu__link:after {
    background-color: #000;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: 100%
}

.c-menu--main>.c-menu__leaf>.c-menu__link {
    color: #000;
    display: inline-block;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 500;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-decoration: none;
    text-transform: uppercase
}

.c-menu--main>.c-menu__leaf>.c-menu__link>.c-menu__dropdown-arrow {
    padding-left: 5px
}

.c-menu--main>.c-menu__leaf>.c-menu__dropdown {
    background-color: #fff;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: .25s;
    transition-property: opacity,visibility;
    transition-timing-function: linear;
    visibility: hidden;
    width: 100%
}

.c-menu--main .c-menu__dropdown-inner {
    padding: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .c-menu--main .c-menu__dropdown-inner {
        padding:1.5rem
    }
}

.c-menu--main .c-menu__sub-menu>.c-menu__leaf {
    margin-bottom: 1rem;
    padding-bottom: .5rem
}

.c-menu--main .c-menu__sub-menu>.c-menu__leaf>.c-menu__link {
    color: #000;
    font-size: .8rem;
    font-weight: 500
}

.c-menu--main .c-menu__sub-menu>.c-menu__leaf>.c-menu__link:after {
    background-color: #e4e4e4;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1rem;
    margin-top: .5rem;
    width: 100%
}

.c-menu--main .c-menu__child-menu {
    list-style-type: none
}

.c-menu--main .c-menu__child-menu>.c-menu__leaf>.c-menu__link {
    color: #596065;
    font-size: .9rem;
    font-weight: 200;
    line-height: 30px;
    transition: all .2s ease-in-out
}

.c-menu--main .c-menu__child-menu>.c-menu__leaf>.c-menu__link:hover {
    color: #000
}

.c-menu--mobile-nav {
    list-style: none;
    padding-left: 1rem;
    padding-right: 1rem
}

.c-menu--mobile-nav>.c-accordion--top-level>.c-menu__leaf {
    min-height: 55px
}

.c-menu--mobile-nav .c-menu__leaf {
    border-bottom: 1px solid #f0f0f0;
    padding: 3px 0;
    position: relative
}

.c-menu--mobile-nav .c-menu__leaf.has-sub-menu:after {
    align-items: center;
    color: #000;
    content: "";
    content: "";
    display: flex;
    font-family: Icons;
    font-size: .75rem;
    font-weight: 700;
    height: 100%;
    line-height: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.c-menu--mobile-nav .c-menu__leaf.has-sub-menu .c-popout__close {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.c-menu--mobile-nav .c-menu__link {
    align-items: center;
    color: #555;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase
}

.c-menu--mobile-nav .c-menu__link--back {
    color: #000;
    padding: 15px 50px
}

@media(min-width: 32.5em) {
    .c-menu--mobile-nav .c-menu__link--back {
        padding:1.5rem 1.5rem 1.5rem 0
    }
}

.c-menu--mobile-nav .c-menu__link-heading {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-family: Noe Display,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none
}

.c-menu--mobile-nav .c-menu__leaf>.c-menu__sub-menu {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    height: 100%;
    overflow-x: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    transition-duration: .25s;
    transition-property: visibility,opacity,transform;
    transition-timing-function: ease-in;
    width: 100%;
    z-index: 2
}

.c-menu--mobile-nav .c-menu__leaf>.c-menu__sub-menu::-webkit-scrollbar {
    width: 5px
}

.c-menu--mobile-nav .c-menu__leaf>.c-menu__sub-menu::-webkit-scrollbar-track {
    background: #f8f8f8
}

.c-menu--mobile-nav .c-menu__leaf>.c-menu__sub-menu::-webkit-scrollbar-thumb {
    background: #707070
}

.c-menu--mobile-nav .c-menu__leaf>.c-menu__sub-menu::-webkit-scrollbar-thumb:hover {
    background: #596065
}

.c-menu--mobile-nav .c-menu__link.is-open+.c-menu__sub-menu {
    transform: translateX(0);
    transition-duration: .25s;
    transition-property: visibility,opacity,transform;
    transition-timing-function: ease-in
}

.c-menu--mobile-nav .c-menu__collection-title {
    border: 1px solid #596065;
    display: flex;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .9rem;
    font-weight: 500;
    justify-content: space-between;
    padding: 0 .5rem;
    text-transform: uppercase
}

.c-menu--mobile-nav .c-menu__sub-heading {
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5rem;
    font-weight: 300;
    justify-content: space-between;
    padding-bottom: .5rem
}

.c-menu--mobile-nav .c-menu__collection-excerpt {
    color: #000;
    font-size: .9rem
}

.c-menu--mobile-nav .c-menu__child-menu {
    list-style-type: none
}

.c-menu--mobile-nav .c-menu__child-menu>.c-menu__leaf {
    border-bottom: 2px solid #e4e4e4;
    padding: 0!important
}

.c-menu--mobile-nav .c-menu__child-menu>.c-menu__leaf>.c-menu__link {
    border-bottom: 1px solid #e4e4e4;
    color: #596065;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .8rem;
    font-weight: 200;
    padding: 1rem .5rem
}

.c-menu--mobile-nav .c-menu__sub-child .c-accordion--sub-nav {
    border-bottom: none
}

.c-menu--mobile-nav .c-accordion__item.is-active {
    margin-bottom: 0!important
}

.c-menu--mobile-nav .c-accordion--top-level>.c-menu__leaf {
    border-bottom-width: 1px
}

.c-menu--padded>.c-menu__leaf {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.c-menu--padded>.c-menu__leaf:first-child() {
    padding-top: 0
}

.c-menu--padded>.c-menu__leaf:last-child() {
    padding-bottom: 0
}

.c-menu--spaced>.c-menu__leaf {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.c-menu--spaced>.c-menu__leaf:first-child {
    padding-top: 0
}

.c-menu--spaced>.c-menu__leaf:last-child {
    padding-bottom: 0
}

.c-menu--userbar>.c-menu__leaf {
    display: inline-block
}

.c-menu--userbar>.c-menu__leaf>.c-menu__link {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: .5em;
    padding-right: .5em;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: linear
}

.c-menu--white .c-menu__link {
    color: #fff
}

.c-nav-featured h4 {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.c-nav-featured p {
    color: #555;
    font-size: .8rem;
    margin-bottom: 0;
    text-transform: uppercase
}

.c-nav-featured__grid {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-notification {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    color: silver;
    display: none;
    padding: .5rem 1rem
}

.c-notification.is-visible,.c-product-form--variant-sold-out .c-notification {
    display: block
}

.c-notification--success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724
}

.c-notification--error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24
}

.c-page {
    position: relative
}

.c-page h2,.c-page h3,.c-page h4,.c-page h5,.c-page h6 {
    font-family: Atlas Grotesk,sans-serif
}

.c-page p,.c-page ul {
    color: #596065;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.5rem
}

.c-page strong {
    color: #000;
    font-weight: 700
}

.c-page a {
    font-weight: 400
}

.c-page a:not(.c-btn):not(.shopify-challenge__button) {
    text-decoration: underline
}

.c-page.c-page__bg-light {
    background-color: #f0f0f0
}

.c-page.c-page__border-padding {
    padding: 60px 64px
}

.c-page.c-page__border:after,.c-page.c-page__border:before {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-bottom: 1px solid hsla(0,0%,100%,.45);
    border-left: 1px solid hsla(0,0%,100%,.45);
    border-top: 1px solid hsla(0,0%,100%,.45);
    bottom: 35px;
    content: "";
    height: calc(100% - 70px);
    left: 35px;
    pointer-events: none;
    position: absolute;
    top: 35px;
    width: calc(50% - 50px);
    z-index: 1
}

.c-page.c-page__border:after {
    border-left: 0;
    border-right: 1px solid hsla(0,0%,100%,.45);
    left: auto;
    right: 35px
}

.c-page.c-page__border.c-page__border--dark:after,.c-page.c-page__border.c-page__border--dark:before {
    border-color: rgba(0,0,0,.2)
}

.c-page .c-page__content.c-page__content-metafield-layout a:not(.c-btn):not(.shopify-challenge__button) {
    color: inherit;
    font-weight: 300;
    text-decoration: underline
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__hero-block .c-hero__body {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__hero-block .c-hero__body h1 {
    font-size: 2rem
}

@media(min-width: 69.375em) {
    .c-page .c-page__content.c-page__content-metafield-layout .c-page__hero-block .c-hero__body h1 {
        font-size:2.5rem
    }
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h2 {
    font-size: 1.5rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h3 {
    font-size: 1rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h1 em,.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h2 em,.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h3 em,.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h4 em,.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-block h5 em {
    font-family: Noe Display,sans-serif;
    font-style: normal
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block h2 {
    font-family: Noe Display,sans-serif
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block form {
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block form input,.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block form select,.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block form textarea {
    margin-bottom: 2rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__widget-block form textarea {
    width: 100%
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block {
    margin-top: 2rem;
    position: relative
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block .c-page__content-callout-block-inner {
    background: #f0f0f0;
    padding: 50px;
    position: relative
}

@media(min-width: 69.375em) {
    .c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block .c-page__content-callout-block-inner {
        padding:70px
    }
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block h2 {
    font-family: Noe Display,sans-serif
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block .c-btn,.c-page .c-page__content.c-page__content-metafield-layout .c-page__content-callout-block .shopify-challenge__button {
    text-decoration: none
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__media-block {
    margin-bottom: calc(1.425rem + 1.96875vw);
    margin-top: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-page .c-page__content.c-page__content-metafield-layout .c-page__media-block {
        margin-bottom:3rem;
        margin-top: 3rem
    }
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__media-block .c-page__media-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__media-block .c-page__media-image img {
    position: relative;
    z-index: 2
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__media-block .c-page__media-image-caption {
    font-size: .8rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__featured-products-block {
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media(min-width: 69.375em) {
    .c-page .c-page__content.c-page__content-metafield-layout .c-page__featured-products-block {
        margin-bottom:6rem;
        margin-top: 4rem
    }

    .c-page .c-page__content.c-page__content-metafield-layout .c-page__featured-products-block .c-page__featured-products-block-inner {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 3rem
    }
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__featured-products-block .c-page__featured-products-item a {
    text-decoration: none
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__related-articles h2,.c-page .c-page__content.c-page__content-metafield-layout .c-page__related-articles h3,.c-page .c-page__content.c-page__content-metafield-layout .c-page__related-articles h4,.c-page .c-page__content.c-page__content-metafield-layout .c-page__related-articles h5,.c-page .c-page__content.c-page__content-metafield-layout .c-page__related-articles h6 {
    font-family: Noe Display,sans-serif
}

.c-page .c-page__content.c-page__content-metafield-layout .c-page__logo-block .c-page__logo-block-inner {
    border-top: 1px solid #e1e1e1;
    padding-top: 3rem
}

.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content h2,.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content h3,.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content h4,.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content h5,.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content h6 {
    font-family: Noe Display,sans-serif
}

.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content p,.c-page .c-page__content.c-page__content-metafield-layout .c-image-content__content strong {
    color: inherit
}

.c-load-more-button-container {
    display: flex
}

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

.c-pagination {
    width: 100%
}

.c-pagination--bordered {
    border-top: 1px solid #dcdcdc;
    margin-top: calc(1.325rem + .84375vw);
    padding-bottom: calc(1.325rem + .84375vw);
    padding-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .c-pagination--bordered {
        margin-top:2rem;
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.c-pagination__list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

@media(min-width: 69.375em) {
    .c-pagination__list {
        text-align:right
    }
}

.c-pagination__link {
    display: block
}

.c-pagination__link,.c-pagination__link:focus {
    color: #000
}

.c-pagination__link:focus,.c-pagination__link:hover {
    text-decoration: none
}

.c-pagination__link.next,.c-pagination__link.prev {
    display: flex;
    font-size: .7rem;
    text-transform: uppercase
}

.c-pagination__link.next:after,.c-pagination__link.next:before,.c-pagination__link.prev:after,.c-pagination__link.prev:before {
    font-family: Icons;
    font-size: .7rem;
    position: relative;
    top: -2px
}

.c-pagination__link.prev:before {
    content: "";
    margin-right: 1rem
}

.c-pagination__link.next:after {
    content: "";
    margin-left: 1rem
}

.c-pagination__item {
    display: inline-block;
    font-size: .8rem;
    font-weight: 500;
    height: 25px;
    line-height: 20px;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
    width: 20px
}

.c-pagination__item.c-pagination__item--next,.c-pagination__item.c-pagination__item--previous {
    display: inline-block;
    width: auto
}

.c-pagination__item.c-pagination__item--next--is-disabled .c-pagination__link,.c-pagination__item.c-pagination__item--next--is-disabled .c-pagination__link:after,.c-pagination__item.c-pagination__item--next--is-disabled .c-pagination__link:before,.c-pagination__item.c-pagination__item--previous--is-disabled .c-pagination__link,.c-pagination__item.c-pagination__item--previous--is-disabled .c-pagination__link:after,.c-pagination__item.c-pagination__item--previous--is-disabled .c-pagination__link:before {
    color: silver
}

.c-pagination__item--roundel {
    background-color: #dcdcdc;
    border-radius: 100%;
    height: 30px;
    line-height: 30px;
    transition: unfoldtransition(background-color .25s ease-in-out),unfoldtransition(color .25s ease-in-out);
    width: 30px
}

.c-pagination__item--roundel:hover {
    background-color: #000
}

.c-pagination__item--roundel:hover .c-pagination__link {
    color: #fff
}

.c-pagination__item--roundel--active {
    background-color: #000;
    color: #fff
}

.c-pagination__item--active {
    border-bottom: 2px solid #b79c55;
    color: #000
}

.c-popout {
    background-color: #fff;
    height: 100%;
    max-width: 340px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: unfoldtransition(transform .33s ease-in-out),unfoldtransition(visibility .33s ease-in-out);
    visibility: hidden;
    width: 100%
}

@media(min-width: 69.375em) {
    .c-popout {
        max-width:440px
    }
}

.c-popout .c-popout__inner {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%
}

.c-popout .c-popout__row {
    display: table-row
}

.c-popout .c-popout__row--main {
    height: 100%
}

.c-popout .c-popout__row-inner {
    padding: 1rem
}

.c-popout .c-popout__row-inner:not(:last-of-type) {
    border-bottom: 1px solid #e4e4e4
}

@media(min-width: 32.5em) {
    .c-popout .c-popout__row-inner {
        padding:1.5rem
    }
}

.c-popout .c-popout__row-inner--collapse {
    padding-bottom: 0;
    padding-top: 0
}

.c-popout .c-popout__header {
    padding: 2rem 3rem;
    position: relative
}

.c-popout .c-popout__title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0
}

.c-popout .c-popout__content {
    display: table-cell
}

.c-popout .c-popout__content--vert-center {
    vertical-align: middle
}

.c-popout .c-popout__content--main {
    position: relative
}

.c-popout .c-popout__empty {
    padding: 1rem;
    text-align: center
}

.c-popout .c-popout__empty-label {
    font-size: 1rem;
    font-weight: 500
}

.c-popout .c-popout__buttons {
    text-align: center
}

.c-popout .c-popout__button {
    margin-bottom: .5rem
}

.c-popout .c-popout__button--continue {
    margin: auto;
    width: 85%
}

.c-popout .c-popout__button:last-child() {
    margin-bottom: 0
}

.c-popout .c-cart-items__price--popout,.c-popout .c-cart-items__title--popout {
    font-size: .8rem
}

.c-popout .c-popout__form:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 4
}

.c-popout .c-popout__form:after {
    animation: spin .5s linear infinite;
    border: .3rem solid rgba(0,0,0,.3);
    border-radius: 50%;
    border-top-color: #000;
    content: "";
    height: 24px;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 24px;
    z-index: 5
}

.cart-loading .c-popout .c-popout__form:after,.cart-loading .c-popout .c-popout__form:before {
    opacity: 1;
    visibility: visible
}

.c-popout__mobile-filter-toggle {
    font-size: .7rem;
    font-weight: 500;
    padding: 1rem;
    text-transform: uppercase
}

.c-popout__mobile-filter-toggle:hover {
    cursor: pointer
}

.c-popout--cart {
    max-width: 450px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    z-index: 2000000002
}

.c-popout--cart .c-popout__header {
    border-bottom: 2px solid #f0f0f0
}

@media(max-width: 80em) {
    .c-popout--cart .c-popout__header {
        padding-left:1.5rem!important
    }
}

@media(min-width: 80em) {
    .c-popout--cart .c-popout__header {
        padding-left:3rem
    }
}

.c-popout--cart .c-popout__row {
    display: block
}

.c-popout--cart .c-popout__close {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

@media(min-width: 80em) {
    .c-popout--cart .c-popout__close {
        right:3rem
    }
}

.c-popout--cart .c-popout__close:focus,.c-popout--cart .c-popout__close:hover {
    text-decoration: none
}

.c-popout--cart .c-popout__total {
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: center
}

.c-popout--cart .c-popout__total-label {
    font-size: .8rem;
    text-transform: uppercase
}

.c-popout--cart .c-popout__total-value {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.c-popout--cart .c-popout__total-value span:first-of-type {
    margin-right: .5rem
}

.c-popout--cart .c-popout__scrollable {
    height: calc(100vh - 255px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 4rem;
    scrollbar-color: #f0f0f0 #596065;
    scrollbar-width: thin
}

.c-popout--cart .c-popout__scrollable::-webkit-scrollbar {
    height: 90%;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative;
    width: 10px
}

.c-popout--cart .c-popout__scrollable::-webkit-scrollbar-track {
    background: #f0f0f0
}

.c-popout--cart .c-popout__scrollable::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.c-popout--cart .c-popout__scrollable::-webkit-scrollbar-thumb:hover {
    background: #596065
}

.c-popout--cart .c-popout__row--main {
    position: relative
}

.c-popout--cart .c-popout__form-items {
    border-bottom: 2px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 1.5rem
}

@media(min-width: 80em) {
    .c-popout--cart .c-popout__form-items {
        margin-left:3rem;
        margin-right: 3rem;
        margin-top: 1.5rem
    }
}

.c-popout--cart .o-form__item {
    overflow-y: auto
}

.c-popout--cart .c-cart-items {
    width: auto
}

.c-popout--cart .c-cart-items .c-cart-items__item {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

@media(min-width: 80em) {
    .c-popout--cart .c-cart-items .c-cart-items__item {
        margin-left:3rem;
        margin-right: 3rem
    }
}

.c-popout--cart .c-cart-items__quantity .c-cart-items__quantity-inner {
    width: 70%
}

.c-popout--cart .c-cart-items__image {
    width: 25%
}

@media(min-width: 80em) {
    .c-popout--cart .c-cart-items__image {
        width:30%
    }
}

.c-popout--cart .c-cart-items__image .c-cart-items__image-container {
    background-color: #fff
}

.c-popout--cart .c-cart-items__image .c-cart-items__image-container img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

@media(min-width: 32.5em) {
    .c-popout--cart .c-cart-items__content,.c-popout--cart .c-cart-items__image,.c-popout--cart .c-cart-items__price {
        border-bottom:1px solid #f0f0f0
    }
}

.popout-cart-active .c-popout--cart {
    transform: translateX(0);
    visibility: visible
}

.c-popout--cart .c-popout__link {
    border-bottom: 2px solid #f0f0f0;
    flex: initial;
    font-size: .7rem;
    margin: 0 auto;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-decoration: underline;
    text-transform: uppercase;
    width: 85%
}

.c-popout--cart .c-popout__button-checkout,.c-popout--cart .c-popout__continue-shopping {
    align-items: center;
    display: flex;
    font-size: .6rem;
    font-weight: 500;
    justify-content: center
}

@media(min-width: 32.5em) {
    .c-popout--cart .c-popout__button-checkout,.c-popout--cart .c-popout__continue-shopping {
        font-size:.8rem
    }
}

.c-popout--cart .c-popout__payment-providers {
    display: flex;
    justify-content: center
}

@media(min-width: 80em) {
    .c-popout--cart .c-popout__payment-providers {
        margin-left:auto;
        margin-right: auto;
        max-width: 330px
    }
}

.c-popout--cart .c-popout__row-inner {
    padding: 1.5rem
}

@media(min-width: 80em) {
    .c-popout--cart .c-popout__row-inner {
        padding:1.5rem 3rem
    }
}

.c-popout--cart .clerk_product_wrapper-global {
    background-color: transparent
}

.c-popout__upsells-title-text {
    font-family: Noe Display,sans-serif;
    font-size: 1rem;
    letter-spacing: .01rem;
    margin: 10px 0 0 1.5rem
}

@media(min-width: 80em) {
    .c-popout__upsells-title-text {
        margin:10px 0 0 3rem
    }
}

.c-popout__upsells-container {
    margin-left: 1.5rem;
    overflow-x: auto;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    white-space: nowrap
}

@media(min-width: 80em) {
    .c-popout__upsells-container {
        margin-left:3rem
    }
}

.c-popout__upsells-container .c-popout__upsells-container-grid {
    flex-wrap: nowrap
}

@media(max-width: 32.5em) {
    .c-popout__upsells-container .c-popout__upsells-container-grid,.c-popout__upsells-container .c-popout__upsells-container-grid .l-grid {
        margin-left:0;
        margin-right: 0
    }
}

@media(min-width: 80em) {
    .c-popout__upsells-container .c-popout__upsells-container-grid {
        padding-left:.5rem;
        padding-right: 5rem
    }
}

.c-popout__upsells-container .c-popout__upsells-container-grid .c-recommendations__buttons {
    display: none
}

.c-popout__upsells-container .c-popout__upsells-container-grid .l-grid__item {
    padding-right: 10px
}

.c-popout__upsells-container .c-popout__upsells-image {
    background: #f0f0f0;
    padding: 5px;
    position: relative
}

.c-popout__upsells-container .c-product__details {
    padding: 0!important
}

.c-popout__upsells-container .c-product__details:after {
    border-right: 0!important
}

.c-popout__upsells-container .c-upsell-btn {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: inherit;
    max-width: 100%;
    padding-bottom: .4666666667rem;
    padding-top: .4666666667rem
}

.c-popout--filters {
    left: 0;
    padding-bottom: .5rem;
    padding-top: .5rem;
    transform: translateX(-100%);
    z-index: 2000000002
}

@media(min-width: 32.5em) {
    .c-popout--filters {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.popout-filters-active .c-popout--filters {
    transform: translateX(0);
    visibility: visible
}

.c-popout--filters .c-popout__inner {
    display: block
}

.c-popout--filters .c-popout__row--main {
    max-height: calc(100% - 130px);
    overflow: auto
}

.c-popout--filters .c-popout__filters-header {
    margin-bottom: 1rem
}

.c-popout--filters .c-popout__row-inner {
    padding-left: 2rem
}

.c-popout--filters .c-popout__row {
    display: block
}

.c-popout--filters .c-popout__row:last-child {
    margin-top: 1.5rem;
    position: relative
}

.c-popout--filters .c-popout__bottom {
    padding: .5rem 1rem
}

.c-popout--nav {
    left: 0;
    padding-bottom: .5rem;
    padding-top: .5rem;
    transform: translateX(-100%);
    z-index: 2000000003
}

@media(min-width: 32.5em) {
    .c-popout--nav {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.popout-nav-active .c-popout--nav {
    transform: translateX(0);
    visibility: visible
}

.c-popout--nav .c-popout__row--main {
    overflow-y: scroll
}

.c-popout--nav .c-popout__row-inner {
    padding-left: 1rem;
    padding-right: 1rem
}

.c-popout--nav .c-popout__row:last-child {
    margin-top: 1.5rem
}

.c-popout--nav .c-btn,.c-popout--nav .shopify-challenge__button {
    padding: 15px 7.5px
}

.c-popout--nav .c-accordion__header {
    padding-bottom: 3px;
    padding-top: 3px
}

.c-popout--nav .c-accordion__header:after {
    padding: 15px 9px
}

.c-popout--nav .c-menu__leaf.has-sub-menu:after {
    padding-right: 9px
}

.c-popout--nav .c-menu__link--back {
    padding-right: 16px
}

.c-price {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.c-price,.c-price dl {
    margin-top: 0
}

.c-price dd {
    margin-right: .5rem
}

.c-price--unavailable {
    visibility: hidden
}

.c-price--compare-price-hidden .c-price__compare {
    display: none
}

.c-price__pricing-group {
    align-items: center;
    display: flex;
    flex-direction: row
}

.c-price__regular {
    display: block
}

.c-price__regular,.c-price__sale {
    margin-right: .5rem
}

.c-price--on-sale .c-price__availability,.c-price--on-sale .c-price__regular,.c-price__availability {
    display: none
}

.c-price--sold-out .c-price__availability {
    display: block
}

.c-price__sale {
    display: none
}

.c-price--on-sale .c-price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.c-price__vendor {
    margin: 5px 0 10px;
    width: 100%
}

.c-price__vendor--listing {
    margin: 0 0 4px
}

.c-price__unit {
    display: none
}

.c-price--unit-available .c-price__unit {
    display: block
}

.c-price__badges {
    margin-top: 0
}

.c-price__badge {
    align-self: center;
    border-radius: 2px;
    display: none;
    font-size: .8rem;
    letter-spacing: 1px;
    padding: .2rem .5rem;
    text-align: center;
    text-transform: uppercase
}

.c-price__badge--sale {
    background-color: #000;
    color: #fff
}

.c-price--on-sale .c-price__badge--sale {
    display: flex
}

.c-price--sold-out .c-price__badge--sale {
    display: none
}

.c-price__badge--sold-out {
    border: 1px solid #000
}

.c-price--sold-out .c-price__badge--sold-out {
    display: flex
}

.c-price__badges--listing {
    display: none;
    margin-top: .5rem
}

.c-price__badges--listing .c-price__badge {
    font-size: .8rem;
    padding: .25rem .55rem
}

.c-price__vat {
    color: #707070;
    font-weight: 400
}

.c-price--center {
    align-items: center
}

.c-price--right {
    align-items: flex-end
}

.c-price--right .c-price__compare dd,.c-price--right .c-price__sale {
    margin-right: 0
}

.c-price-item {
    font-size: 1.125rem
}

.c-price--on-sale .c-price-item--regular {
    text-decoration: line-through
}

.c-price-item__label {
    display: inline-block;
    white-space: nowrap
}

.c-product .c-swatches__link:first-of-type {
    border: 1px solid #000;
    border-radius: 50px;
    padding: .25rem
}

.c-product .c-swatches__link {
    margin-right: .5rem
}

.c-product .c-colour-swatch {
    height: 22px;
    width: 22px
}

.c-product .o-section__title {
    padding-bottom: 1rem
}

@media(min-width: 69.375em) {
    .c-product .o-section__title {
        padding-bottom:.5rem
    }
}

.c-product .c-excerpt__preview {
    font-weight: 500
}

.c-product .c-excerpt__description {
    color: #000
}

.c-product .c-excerpt__description img,.c-product .c-excerpt__description table {
    display: none
}

.c-product .c-excerpt__description b,.c-product .c-excerpt__description strong,.c-product__description {
    color: #000
}

.c-product__description img,.c-product__description table {
    display: none
}

.c-product__description b,.c-product__description strong {
    color: #000
}

.c-product__title {
    font-size: 1rem
}

@media(min-width: 69.375em) {
    .c-product__title {
        font-size:2rem
    }
}

.c-product__carousel {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative
}

@media(min-width: 69.375em) {
    .c-product__carousel {
        max-width:100%
    }
}

.c-product__carousel:hover {
    cursor: zoom-in
}

.c-product__carousel .c-slider__credit {
    background-color: #fff;
    bottom: 0;
    font-size: .7rem;
    font-weight: 500;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media(min-width: 80em) {
    .c-product__carousel:hover .c-product__carousel-nav {
        opacity:1;
        transition: opacity .25s ease-out
    }
}

.c-product__zoom-image {
    display: none
}

@media(min-width: 80em) {
    .c-product__zoom-image {
        display:flex;
        height: 100%;
        position: absolute;
        width: 100%
    }
}

.drift-bounding-box {
    background-color: transparent!important
}

@media(min-width: 80em) {
    .c-slider__image {
        opacity:1;
        transition: opacity .25s ease-in-out
    }

    .c-slider__image.is-invisible {
        opacity: 0!important;
        transition: opacity .25s ease-in-out
    }
}

.c-slider__image {
    position: relative;
    z-index: 2
}

.c-product__carousel-nav {
    margin: 0 auto;
    max-width: 260px;
    padding: 1.5rem
}

@media(min-width: 48em) {
    .c-product__carousel-nav {
        max-width:90%
    }
}

@media(min-width: 80em) {
    .c-product__carousel-nav {
        opacity:.4;
        transition: opacity .25s ease-out
    }
}

.no-js .c-product__carousel-nav {
    display: none
}

.c-product__carousel-nav .c-slider__list {
    max-height: 62px
}

.c-product__carousel-nav .c-slider__arrow:before {
    align-items: center;
    background-color: #fff;
    color: #000;
    display: flex;
    font-size: .7rem;
    height: 40px;
    justify-content: center;
    width: 40px
}

.c-product__carousel-nav .c-slider__arrow:before:hover {
    cursor: pointer
}

.c-product__carousel-nav .c-slider__arrow--prev {
    left: -4.5rem
}

.c-product__carousel-nav .c-slider__arrow--prev:before {
    content: ""
}

.c-product__carousel-nav .c-slider__arrow--next {
    right: -4.5rem
}

.c-product__carousel-nav .c-slider__arrow--next:before {
    content: ""
}

.c-product__carousel-nav .c-slider__slide.is-active {
    border: 0!important
}

.c-product__carousel-nav .c-slider__slide.is-active .c-slider__image {
    border: 2px solid #fff
}

.c-product__carousel-nav .c-slider__slide .c-slider__image {
    background-color: #dfdfdf;
    border: 2px solid silver;
    border-radius: 70px
}

.c-product__carousel-nav .c-slider .c-slider__slide {
    cursor: grab!important
}

.c-product__carousel-main {
    overflow: hidden;
    position: relative
}

.c-product__carousel-main.c-product__carousel-main--no-padding-b {
    padding-bottom: 0
}

.c-product__carousel-main img {
    background-color: #dfdfdf
}

.no-js .c-product__carousel-main {
    display: none
}

.c-product__carousel-main .c-slider__list {
    width: 100%
}

.c-product__carousel-main .c-slider__list .c-slider__slide {
    position: relative
}

.c-product__carousel-main .c-slider__list .c-slider__slide:before {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media(min-width: 80em) {
    .c-product__carousel-main .c-slider__list .c-slider__slide:before {
        display:none
    }
}

.c-product__carousel-main .c-slider__arrows .c-slider__arrow:before {
    background-color: transparent;
    color: #000;
    font-size: 1.25rem
}

.c-product__carousel-main .c-slider__arrows .c-slider__arrow--next:before {
    content: ""
}

.c-product__carousel-main .c-slider__arrows .c-slider__arrow--prev:before {
    content: ""
}

@media(max-width: 69.375em) {
    .c-product__carousel-main .c-slider__arrows {
        display:none
    }
}

.c-product__shop {
    position: relative
}

@media(min-width: 69.375em) {
    .c-product__shop {
        padding-left:1rem;
        padding-right: 1rem
    }
}

@media(min-width: 80em) {
    .c-product__shop {
        margin-top:4rem
    }
}

.c-product__shop-klarna {
    font-size: .9rem;
    margin-bottom: 1rem
}

.c-product__shop-klarna p {
    margin-bottom: 0
}

.c-product__shop-klarna img {
    height: 12px;
    margin-bottom: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    max-width: 50px;
    width: 50px
}

.c-product__shop-klarna a {
    bottom: -2px;
    font-size: .8rem;
    position: relative;
    text-decoration: underline
}

.c-product__shop-section {
    margin-bottom: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .c-product__shop-section {
        margin-bottom:1.5rem
    }
}

.c-product__shop-section {
    position: relative
}

.c-product__shop-section .c-accordion__header {
    font-family: Atlas Grotesk,sans-serif
}

.c-accordion__item.is-active .c-product__shop-section .c-accordion__header:after {
    content: ""
}

.c-product__shop-section .c-accordion__header:after {
    content: ""
}

.c-product__shop-section .c-accordion__content h2 {
    font-size: .9rem;
    font-weight: 300;
    padding-top: 1rem
}

.c-product__shop-section--buttons {
    margin-bottom: 0
}

.c-product__section--separator {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 1rem
}

.c-product__section--separator:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.c-product__section .c-accordion__item .c-accordion__header:after {
    content: ""
}

.c-product__section .c-accordion__item.is-active .c-accordion__header:after {
    content: ""
}

.c-product__section .c-accordion__content {
    font-weight: 300
}

.c-product__section .c-accordion__content strong {
    color: #000;
    font-size: .9rem;
    font-weight: 700
}

@media(min-width: 69.375em) {
    .c-product__section .c-accordion__content strong {
        font-size:1rem
    }
}

.c-product__section .c-accordion__content p {
    color: #596065;
    font-size: .9rem;
    line-height: 1.5rem
}

.c-product__section .c-accordion__content a {
    font-weight: 400;
    text-decoration: underline
}

.c-product__section .c-accordion__content table td strong {
    font-size: .8rem
}

.c-product__spec {
    margin-top: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-product__spec {
        margin-top:3rem
    }
}

.c-product__spec table {
    border: none!important;
    border-collapse: collapse;
    font-size: .9rem;
    table-layout: fixed;
    width: 100%
}

.c-product__spec table strong {
    color: #000;
    font-weight: 700
}

.c-product__spec table tbody tr:first-of-type td {
    text-transform: none
}

.c-product__spec table td {
    border: none!important;
    color: #596065;
    font-weight: 300;
    padding: .5rem .5rem 2rem;
    vertical-align: top
}

.c-product__spec table td h6,.c-product__spec table td h6 p,.c-product__spec table td h6 span,.c-product__spec table td span:first-of-type {
    color: #000!important;
    font-family: Atlas Grotesk,sans-serif!important;
    font-size: .9rem!important;
    font-weight: 500!important;
    text-transform: uppercase!important
}

.c-product__spec table p,.c-product__spec table span,.c-product__spec table td {
    color: #596065!important;
    font-family: Atlas Grotesk,sans-serif!important;
    font-size: .9rem!important;
    font-weight: 300!important
}

.c-product__spec-image {
    position: relative
}

.c-product__price {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1.25rem;
    font-weight: 500
}

.c-product__stock {
    display: none;
    font-size: 1rem;
    padding-left: 22px;
    position: relative;
    text-transform: uppercase
}

.c-product__stock:before {
    background-color: #000;
    border-radius: 100%;
    content: "";
    height: 16px;
    left: 0;
    margin-top: -halve(16px);
    position: absolute;
    top: 4px;
    width: 16px
}

.c-product__stock--no:before {
    background-color: #e84855
}

.c-product__stock.is-visible {
    display: inline-block
}

.c-product__stock-container {
    display: none
}

.c-product__shop-excerpt .c-excerpt__btn {
    font-family: Atlas Grotesk,sans-serif;
    font-size: -.3rem!important;
    font-weight: 500;
    text-decoration: underline
}

.c-product__excerpt-btn,.c-product__excerpt-content {
    display: inline
}

.c-product__collection-icon {
    display: inline-block;
    max-width: 180px
}

.c-product__form select {
    font-size: .9rem;
    position: relative
}

.c-product__form select#Quantity {
    background-position: 75% 50%;
    max-width: 80px
}

.c-product__form-select-container {
    display: block;
    position: relative
}

.c-product__form-select-container .c-product__form-select-container-psuedo-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(//cdn.shopify.com/s/files/1/0250/0724/t/188/assets/chevron-down.svg?v=6028154059113511154);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    border: 1px solid #dcdcdc;
    font-size: .9rem;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 30px;
    position: absolute;
    width: 100%;
    z-index: 0
}

.c-product__form-select-container .c-product__form-select-container-psuedo-select span {
    font-weight: 300
}

.c-product__form-select-container .c-product__form-select-container-select {
    opacity: 0;
    z-index: 2
}

@media(min-width: 69.375em) {
    .c-product__details {
        padding-right:100px
    }
}

.c-product__details--bordered {
    position: relative
}

@media(min-width: 69.375em) {
    .c-product__details--bordered:after {
        background-color:#dcdcdc;
        content: "";
        height: calc(100% - 50px);
        margin-top: 25px;
        position: absolute;
        right: -1px;
        top: 0;
        width: 2px
    }
}

.c-product__details-title {
    font-size: calc(1.375rem + 1.40625vw);
    margin-bottom: 1.5rem
}

@media(min-width: 1280px) {
    .c-product__details-title {
        font-size:2.5rem
    }
}

@media(min-width: 69.375em) {
    .c-product__usp-list {
        padding-left:100px
    }
}

.c-product__labels .c-accordion__header {
    font-weight: 700
}

@media(min-width: 32.5em) {
    .c-product__labels .c-accordion__header {
        display:none
    }
}

.c-product__policies {
    display: none
}

.c-product__secondary {
    margin-left: auto;
    margin-right: auto;
    max-width: 2000px
}

.c-product__secondary.o-section--alternate {
    background-color: #f0f0f0
}

.c-product__secondary-content {
    padding: 1rem
}

@media(min-width: 32.5em) {
    .c-product__secondary-content {
        margin-left:auto;
        margin-right: auto;
        max-width: 600px
    }
}

@media(min-width: 48em) {
    .c-product__secondary-content {
        padding:calc(1.325rem + .84375vw)
    }
}

@media(min-width: 48em)and (min-width:1280px) {
    .c-product__secondary-content {
        padding:2rem
    }
}

@media(min-width: 69.375em) {
    .c-product__secondary-content {
        max-width:100%;
        padding: calc(1.525rem + 3.09375vw)
    }
}

@media(min-width: 69.375em)and (min-width:1280px) {
    .c-product__secondary-content {
        padding:4rem
    }
}

@media(min-width: 100em) {
    .c-product__secondary-content {
        padding:calc(1.725rem + 5.34375vw)
    }
}

@media(min-width: 100em)and (min-width:1280px) {
    .c-product__secondary-content {
        padding:6rem
    }
}

@media(max-width: 48em) {
    .c-accordion-additional .c-accordion__header {
        font-family:Atlas Grotesk,sans-serif
    }
}

.c-product__carousel .c-slider__track {
    margin-bottom: 2rem;
    overflow-y: visible
}

@media(min-width: 69.375em) {
    .c-product__carousel .c-slider__track {
        margin-bottom:0;
        overflow: hidden
    }
}

.c-product__carousel .c-slider__pagination {
    bottom: -1rem;
    left: 0;
    position: absolute;
    width: 100%
}

.c-product__carousel .c-slider__pagination .c-slider__pagination-page {
    background: #b79c55;
    border-radius: 0;
    height: 2px;
    opacity: .2;
    width: 18px
}

.c-product__carousel .c-slider__pagination .c-slider__pagination-page.is-active {
    opacity: 1
}

@media(min-width: 69.375em) {
    .c-product__carousel .c-slider__pagination {
        display:none
    }
}

.c-product__carousel .c-slider__pagination+.c-slider__pagination {
    display: none
}

.c-product__title {
    margin-top: 1rem
}

.c-product-bulk-order {
    align-items: center;
    background-color: #dedede;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem;
    padding: 1rem 2rem
}

.c-product-bulk-order__heading {
    font-size: 1.2rem
}

.c-recommendations__products {
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .c-recommendations__products {
        margin-top:2rem
    }
}

.c-recommendations .c-card__title {
    font-size: .8rem;
    margin-bottom: 0
}

.c-recommendations .c-card__price {
    font-size: .7rem;
    margin-top: .5rem
}

.c-recommendations__buttons {
    display: none
}

@media(min-width: 69.375em) {
    .c-recommendations__buttons {
        bottom:1rem;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 2
    }
}

.c-recommendations .c-slider__arrow {
    top: -13%
}

.c-recommendations .c-slider__arrow:before {
    background: none;
    color: #000;
    font-size: .9rem;
    top: 0
}

@media(max-width: 32.5em) {
    .c-recommendations .c-slider__arrow--next {
        right:-2rem
    }

    .c-recommendations .c-slider__arrow--prev {
        left: -2rem
    }
}

.c-recommendations .c-slider__arrow--next:before {
    content: ""
}

.c-recommendations .c-slider__arrow--prev:before {
    content: ""
}

.c-recommendations--small .o-section__heading {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: .5rem
}

.c-recommendations--small .c-card:hover .c-recommendations__buttons>button {
    opacity: 1;
    transition: opacity .25s ease-in-out
}

@media(min-width: 69.375em) {
    .c-recommendations--small .c-card__content button {
        display:none
    }
}

.c-recommendations--small .c-slider--small .c-slider__track {
    width: 100%
}

@media(min-width: 69.375em) {
    .c-recommendations--small .c-slider--small .c-slider__track {
        width:90%
    }
}

.c-recommendations--small .c-slider--small .c-slider__arrow,.c-recommendations--small .c-slider--small .c-slider__arrow[disabled] {
    display: none
}

@media(min-width: 69.375em) {
    .c-recommendations--small .c-slider--small .c-slider__arrow {
        display:block;
        top: 0
    }

    .c-recommendations--small .c-slider--small .c-slider__arrow:before {
        top: 25%
    }

    .c-recommendations--small .c-slider--small .c-slider__arrow--next:before {
        content: ""
    }

    .c-recommendations--small .c-slider--small .c-slider__arrow--prev {
        left: -2rem
    }

    .c-recommendations--small .c-slider--small .c-slider__arrow--prev:before {
        content: ""
    }
}

.c-recommendations--small .c-recommendations__buttons button {
    cursor: pointer;
    font-size: .7rem;
    line-height: inherit;
    opacity: 0;
    padding: .5rem;
    width: 90%
}

.c-qty-select {
    border: 1px solid #dfdfdf
}

.c-qty-select input {
    border: none;
    height: 40px;
    width: calc(60% + 2px)
}

.c-qty-select__button {
    cursor: pointer;
    font-weight: 100;
    width: 25%
}

.c-quick-link {
    position: fixed;
    right: 16px;
    top: 40%;
    transform: rotate(-90deg);
    transform-origin: right;
    z-index: 4000
}

.c-quick-link__button {
    display: block;
    font-size: .7rem;
    padding: .5rem calc(1.275rem + .28125vw);
    text-transform: uppercase
}

@media(min-width: 1280px) {
    .c-quick-link__button {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width: 80em) {
    .c-quick-link__button {
        font-size:.7rem
    }
}

@media(max-width: 80em) {
    .c-related-articles {
        padding-top:0!important
    }
}

.c-related-articles.c-related-articles--has-border-top {
    border-top: 1px solid #e1e1e1
}

.c-related-articles .o-section__title--heading {
    margin-bottom: calc(1.425rem + 1.96875vw);
    margin-top: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-related-articles .o-section__title--heading {
        margin-bottom:3rem;
        margin-top: 3rem
    }
}

.c-related-articles .o-section__title {
    margin-bottom: calc(1.425rem + 1.96875vw)
}

@media(min-width: 1280px) {
    .c-related-articles .o-section__title {
        margin-bottom:3rem
    }
}

.c-search-box {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    max-width: 100%;
    position: relative
}

.c-search-box__main {
    align-items: center;
    display: flex;
    flex-direction: row;
    outline: 1px solid #000;
    position: relative
}

@media(max-width: 69.375em) {
    .c-search-box__main {
        margin:0 .5rem .5rem
    }
}

.c-search-box .c-search-box__input {
    border: 0;
    color: #000;
    height: 100%;
    line-height: auto;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.c-search-box .c-search-box__input:focus {
    outline: none
}

.c-search-box .c-search-box__input::-moz-placeholder {
    color: #000;
    font-size: .9rem;
    font-weight: 300;
    text-transform: uppercase
}

.c-search-box .c-search-box__input::placeholder {
    color: #000;
    font-size: .9rem;
    font-weight: 300;
    text-transform: uppercase
}

@media(max-width: 69.375em) {
    .c-search-box .c-search-box__input {
        font-size:.9rem;
        min-height: 50px;
        text-indent: .5rem
    }
}

@media(min-width: 69.375em) {
    .c-search-box .c-search-box__input {
        min-width:200px;
        text-indent: 1rem
    }
}

@media(min-width: 80em) {
    .c-search-box .c-search-box__input {
        min-width:350px
    }
}

.c-search-box__submit {
    background-color: #000;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: Icons!important;
    font-size: 1rem;
    height: 50px;
    padding: 0;
    width: 60px
}

.c-search-box__submit:focus {
    outline: none
}

.c-search-box__submit:before {
    color: #fff;
    content: ""
}

.c-search-box__submit>span {
    left: -9999px;
    position: absolute
}

@media(max-width: 69.375em) {
    .c-search-box__submit {
        min-height:50px
    }
}

@media(min-width: 69.375em) {
    .c-search-box__submit {
        color:silver;
        left: 1rem
    }
}

.c-search-box--bordered {
    border: 1px solid #e4e4e4
}

.c-search-box--bordered .c-search-box__main {
    border-bottom: 0;
    font-size: 1.25rem
}

.c-search-box--overlay {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.c-search-box--overlay .c-search-box__main {
    font-size: 1.25rem
}

#clerk-show-facets {
    background-color: #333;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    text-align: center;
    width: 70%
}

.clerk-page-width {
    display: flow-root
}

#clerk-search-results {
    width: 80%
}

#clerk-facets-container {
    margin-right: 2em;
    width: 20%
}

#clerk-show-facets {
    display: none
}

.clerk_flex_wrap {
    display: flex;
    flex-direction: row;
    margin: 2em auto;
    width: 80%
}

.active {
    display: block!important
}

@media only screen and (max-width: 800px) {
    #clerk-search-filters {
        width:100%!important
    }

    #clerk-facets-container {
        display: none;
        margin: 2rem auto;
        width: 100%
    }

    #clerk-show-facets {
        display: block
    }

    .clerk_flex_wrap {
        flex-direction: column
    }

    #clerk-search-results {
        display: block;
        width: 100%
    }
}

.clerk_product_wrapper-global {
    background-color: #dfdfdf
}

.clerk_product_tile_p-global {
    background-color: transparent;
    border: none
}

.clerk_product_price_wrap-global_lu {
    padding-top: 4px
}

.clerk_product_info_wrap-global_lu .clerk_link-global {
    margin-top: .5rem
}

.clerk_add_to_cart_lu {
    padding: 10px 0;
    position: relative!important
}

.clerk_add_to_cart_lu i.c-icon--plus {
    margin-left: .3rem
}

.c-seperator {
    border: 1px solid #000
}

.c-seperator--alternate {
    border: 1px solid #707070
}

.c-seperator--border {
    border: 1px solid #e4e4e4
}

.c-shade:before {
    background-color: rgba(0,0,0,.5);
    box-shadow: inset 0 0 25vh 0 rgba(0,0,0,.25);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition-duration: .25s;
    transition-property: visibility,opacity;
    transition-timing-function: ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 1500
}

.has-shade .c-shade--1x:before {
    opacity: 1;
    visibility: visible
}

.c-shade--1x:before {
    z-index: 1500
}

.has-shade-2x .c-shade--2x:before {
    opacity: 1;
    visibility: visible
}

.c-shade--2x:before {
    z-index: 2000000001
}

.meetings-iframe-container>iframe {
    height: 700px!important
}

.c-site-footer {
    background-color: #f0f0f0;
    border-top: 1px solid #f8f8f8;
    padding-left: 2rem;
    padding-right: 2rem
}

.c-site-footer a {
    color: #707070
}

.c-site-footer__primary {
    margin-bottom: 1rem;
    margin-top: 3rem
}

@media(max-width: 69.375em) {
    .c-site-footer__primary .c-icon {
        font-size:.9rem
    }
}

.c-site-footer__bordered h2 {
    border-bottom: 2px solid #e4e4e4
}

@media(min-width: 69.375em) {
    .c-site-footer__bordered {
        border-right:2px solid #e4e4e4
    }

    .c-site-footer__bordered h2 {
        border-bottom: 0
    }
}

.c-site-footer__secondary {
    font-size: .9rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: calc(1.275rem + .28125vw);
    padding-top: calc(1.275rem + .28125vw);
    text-align: center
}

@media(min-width: 1280px) {
    .c-site-footer__secondary {
        padding-bottom:1.5rem;
        padding-top: 1.5rem
    }
}

.c-site-footer__subtitle {
    font-family: Atlas Grotesk,sans-serif;
    font-size: .7rem;
    font-weight: 500;
    margin-bottom: calc(1.275rem + .28125vw);
    position: relative;
    text-transform: uppercase
}

@media(min-width: 1280px) {
    .c-site-footer__subtitle {
        margin-bottom:1.5rem
    }
}

@media(min-width: 32.5em) {
    .c-site-footer__subtitle {
        cursor:auto
    }

    .c-site-footer__subtitle:after {
        display: none
    }
}

@media(min-width: 80em) {
    .c-site-footer__subtitle {
        margin-bottom:.5rem
    }
}

.c-site-footer__menu {
    color: #707070;
    font-size: .8rem;
    font-weight: 300
}

.c-site-footer__block {
    color: #707070;
    font-size: .8rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.c-site-footer__block:first-child {
    margin-top: 0
}

.c-site-footer__block:last-child {
    margin-bottom: 0
}

@media(min-width: 69.375em) {
    .c-site-footer__block {
        margin-bottom:0;
        margin-top: 0
    }
}

.c-box {
    padding: 1rem
}

@media(max-width: 69.375em) {
    .c-payment-icon {
        width:30px
    }
}

.c-site-header {
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    z-index: 2000
}

.c-site-header--no-border {
    border-bottom: 0
}

.c-site-header__main {
    background-color: #fff;
    width: 100%
}

@media(min-width: 69.375em) {
    .c-site-header__main {
        border-bottom:1px solid #e4e4e4
    }
}

.c-site-header__main-inner {
    display: flex;
    height: 80px;
    position: relative
}

@media(min-width: 48em) {
    .c-site-header__main-inner {
        height:90px
    }
}

.c-site-header__col {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    width: 20%
}

@media(min-width: 69.375em) {
    .c-site-header__col {
        height:90px;
        width: auto
    }
}

.c-site-header__branding {
    max-width: 250px;
    width: 60%
}

@media(min-width: 48em) {
    .c-site-header__branding {
        max-width:250px
    }
}

@media(min-width: 69.375em) {
    .c-site-header__branding {
        left:0;
        margin: 0 auto;
        position: absolute;
        right: 0
    }
}

.c-site-header__cart {
    height: 100%;
    min-width: 100px;
    width: 100%
}

@media(max-width: 32.5em) {
    .c-site-header__cart {
        min-width:100%
    }
}

.c-site-header__navbar {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    display: none
}

@media(min-width: 69.375em) {
    .c-site-header__navbar {
        display:block
    }
}

.c-site-header__menu-toggle {
    display: block
}

@media(min-width: 69.375em) {
    .c-site-header__menu-toggle {
        display:none
    }
}

.c-site-header__search {
    background-color: #fff;
    height: 100%;
    transition: unfoldtransition(opacity .25s ease-in),unfoldtransition(visibility .25s ease-in);
    width: 100%
}

.search-overlay-active .c-site-header__search {
    opacity: 1;
    visibility: visible
}

@media(min-width: 69.375em) {
    .c-site-header__search {
        display:none
    }
}

.c-site-header__search-inner {
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    width: 100%
}

.js-sticky-header {
    transition: all .3s ease-in-out
}

.is-sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.c-site-logo {
    background-color: transparent;
    background-image: url(industville_logo.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 0;
    max-width: 250px;
    padding-bottom: 20%;
    text-indent: -9999px;
    width: 100%
}

@media(min-width: 48em) {
    .c-site-logo {
        max-width:250px
    }
}

.c-slider {
    outline: none;
    position: relative;
    visibility: hidden
}

.c-slider.is-initialized,.c-slider.is-rendered {
    visibility: visible
}

.c-slider__container {
    box-sizing: border-box;
    position: relative
}

.c-slider__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.c-slider__arrows {
    left: 0;
    width: 100%
}

.c-slider__arrow,.c-slider__arrows {
    height: 100%;
    position: absolute;
    top: 0
}

.c-slider__arrow {
    background-color: transparent;
    border: 0;
    color: transparent;
    content: "";
    cursor: pointer;
    display: block;
    margin: 0;
    outline: none;
    padding: 0;
    z-index: 1200
}

.c-slider__arrow--prev {
    left: 1rem
}

.c-slider__arrow--prev:before {
    content: "";
    left: 0
}

.c-slider__arrow--next {
    right: 1rem
}

.c-slider__arrow--next:before {
    content: "";
    right: 0
}

.c-slider__arrow:before {
    background-color: #596065;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-family: Icons;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.c-slider__arrow svg path {
    display: none
}

.c-slider__arrow[disabled] {
    opacity: .5
}

.c-slider__pagination {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 95%
}

.c-slider__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0
}

.c-slider__pagination-page {
    background: #dcdcdc;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    margin: .2em;
    padding: 0;
    width: 10px
}

.c-slider__pagination-page.is-active {
    background: #000
}

.c-slider__slide {
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    outline: none;
    overflow: hidden;
    position: relative
}

.c-slider__slide--centered {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal
}

.c-slider__slide figure {
    height: 100%
}

.c-slider__slide img {
    background-color: #dfdfdf;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom
}

.c-slider__slider {
    position: relative
}

.c-slider__spinner {
    animation: slider-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.c-slider__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.c-slider__track--centered {
    align-items: center;
    display: flex;
    justify-content: center
}

@keyframes slider-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

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

.c-slider--draggable>.c-slider__track>.c-slider__list>.c-slider__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-slider----fade>.c-slider__track>.c-slider__list {
    display: block
}

.c-slider----fade>.c-slider__track>.c-slider__list>.c-slider__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.c-slider----fade>.c-slider__track>.c-slider__list>.c-slider__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1
}

.c-slider--rtl {
    direction: rtl
}

.c-slider--ttb>.c-slider__track>.c-slider__list {
    display: block
}

.c-slider--ttb>.c-slider__pagination {
    width: auto
}

.c-slider--nav>.c-slider__track>.c-slider__list>.c-slider__slide {
    cursor: pointer
}

.c-slider--nav>.c-slider__track>.c-slider__list>.c-slider__slide.is-active {
    border: 2px solid #596065
}

.c-slider--right {
    margin-right: calc(-50vw + 50% - 8rem)
}

#storemapper .storemapper-loader-marker {
    fill: #000
}

#storemapper .storemapper-loader-shadow {
    fill: #dcdcdc
}

#storemapper {
    color: #000!important
}

div#storemapper-right {
    float: left!important;
    width: 70%
}

div#storemapper-left {
    float: right!important;
    padding: 0 1rem;
    width: 30%
}

.storemapper-iw-container .storemapper-popup {
    padding: .5rem
}

.storemapper-iw-container .storemapper-popup .storemapper-popup-name {
    font-family: Atlas Grotesk,sans-serif!important;
    font-size: 15px!important;
    padding: .1rem 0!important
}

.storemapper-iw-container .storemapper-popup .storemapper-popup-address,.storemapper-iw-container .storemapper-popup .storemapper-popup-email,.storemapper-iw-container .storemapper-popup .storemapper-popup-phone,.storemapper-iw-container .storemapper-popup .storemapper-popup-url {
    margin: .5rem 0!important
}

.storemapper-iw-container .storemapper-popup .storemapper-popup-address,.storemapper-iw-container .storemapper-popup .storemapper-popup-phone {
    font-size: 12px!important;
    line-height: 1.6
}

.storemapper-iw-container .storemapper-popup .storemapper-map-directions {
    color: #b79c55!important;
    font-size: 12px!important;
    font-weight: 700!important;
    padding: 0!important;
    text-decoration: none!important
}

#storemapper-form {
    border-bottom: 1px solid silver;
    margin: 1rem 0;
    width: 100%
}

#storemapper-form:after {
    color: #000;
    content: "Closest Showrooms";
    font-family: Noe Display,sans-serif;
    font-size: 1.25rem
}

#storemapper-form .storemapper-form-inner {
    border: 1px solid #dcdcdc;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding: 0!important
}

#storemapper-form .storemapper-form-inner input[type=text] {
    border: none!important;
    margin: none!important;
    width: 100%
}

#storemapper-form .storemapper-form-inner button {
    margin-left: auto;
    padding-bottom: 13px;
    padding-top: 13px
}

#storemapper-form .storemapper-categories,#storemapper-form .storemapper-reset {
    display: none!important
}

#storemapper-zip {
    width: 100%
}

label[for=storemapper-zip] {
    display: none
}

#storemapper-list p {
    font-size: .8em
}

#storemapper-list li {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px!important;
    padding-bottom: 10px!important
}

#storemapper-list li .storemapper-title {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 15px
}

#storemapper-list li .storemapper_directions {
    display: none
}

@media(max-width: 41.875em) {
    #storemapper-list {
        margin-bottom:1rem!important;
        max-height: 260px!important;
        overflow-y: scroll!important
    }
}

button#storemapper-go {
    background-color: #fff;
    border: none
}

button#storemapper-go:after {
    color: #000;
    content: ""!important;
    font-family: Icons!important;
    font-size: 1.2em!important
}

.storemapper-powered-by {
    padding: 1rem
}

.storemapper-powered-by a {
    color: #dcdcdc!important
}

@media(max-width: 669px) {
    #storemapper-left {
        order:1!important
    }

    #storemapper-right {
        min-height: 400px!important;
        order: 2!important
    }
}

.storemapper-storelink {
    color: #b79c55!important;
    font-weight: 700!important;
    text-decoration: none!important
}

.c-swatches,.c-swatches__link {
    align-items: center;
    display: flex
}

.c-swatches__link {
    text-decoration: none
}

.c-swatches__plus {
    line-height: 1rem
}

.c-swatches__title {
    font-size: .875rem;
    font-weight: 300
}

.c-swatches-filters-slider {
    padding: 0 1rem
}

.c-swatches-filters-slider .not-active {
    opacity: .25
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow {
    height: 68px
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow:before {
    background-color: initial;
    color: #000;
    top: 50%;
    transform: translateY(-50%)
}

.c-swatches-filters-slider .c-slider__arrows [disabled] {
    display: none
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow--prev {
    left: -.5rem
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow--prev:before {
    font-size: .7rem
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow--next {
    right: -.5rem
}

.c-swatches-filters-slider .c-slider__arrows .c-slider__arrow--next:before {
    font-size: .7rem
}

@media(min-width: 960px) {
    .c-collection-type-swatch-filters-container {
        align-items:center;
        display: flex
    }
}

.c-collection-type-swatch-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly
}

@media(min-width: 420px) {
    .c-collection-type-swatch-filters {
        gap:30px;
        justify-content: center
    }
}

@media(min-width: 960px) {
    .c-collection-type-swatch-filters {
        gap:40px
    }
}

.c-collection-type-swatch-filters--item {
    width: 80px
}

@media(min-width: 560px) {
    .c-collection-type-swatch-filters--item {
        width:100px
    }
}

.c-collection-type-swatch-filters--item .c-colour-swatch--is-active:after {
    left: auto;
    right: -7px;
    top: -10px
}

.c-style-img-swatch {
    background-color: #bebebe;
    display: block;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width: 560px) {
    .c-style-img-swatch {
        height:100px
    }
}

.c-style-img-swatch img {
    aspect-ratio: 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-style-img-swatch-container[disabled] {
    opacity: .5
}

.c-style-img-swatch+p {
    font-size: 12px;
    line-height: 1.33;
    margin-top: 12px
}

.c-colour-swatch {
    background-color: #bebebe;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    position: relative;
    width: 18px
}

.c-colour-swatch img {
    aspect-ratio: 1;
    border-radius: 100%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-colour-swatch-container[disabled] {
    opacity: .5
}

.c-colour-swatch--space {
    margin-left: .5rem
}

.c-swatches__link--space {
    margin-right: .5rem
}

.c-colour-swatch--is-active {
    position: relative
}

.c-colour-swatch--is-active:after {
    align-items: center;
    background: #000;
    border-radius: 100%;
    color: #fff;
    content: "";
    display: flex;
    font-family: Icons;
    font-size: 8px;
    height: 25px;
    justify-content: center;
    left: 13px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 1
}

.c-colour-swatch--large,.c-colour-swatch.large {
    height: 68px;
    position: relative;
    width: 68px
}

.c-colour-swatch--large img,.c-colour-swatch.large img {
    aspect-ratio: 1;
    border-radius: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

table {
    border-collapse: collapse;
    font-size: .9rem!important
}

table td {
    border: 1px solid #e4e4e4;
    padding: .5rem
}

table td strong {
    font-weight: 700
}

table tbody tr:first-of-type td {
    font-size: .9rem!important;
    text-transform: uppercase
}

table tbody tr:first-of-type td strong {
    font-size: .9rem!important
}

.c-page.c-page__bg-light.c-page__border--dark table td {
    border-color: rgba(0,0,0,.2)
}

.c-tags {
    margin-bottom: calc(1.275rem + .28125vw);
    margin-top: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .c-tags {
        margin-bottom:1.5rem;
        margin-top: 1.5rem
    }
}

.c-tags .c-tags__active-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-tags .c-tags__tag {
    background-color: #f0ecde;
    color: #000;
    display: inline-block;
    font-size: .7rem;
    font-weight: 500;
    margin-bottom: .25rem;
    padding: .5rem 1rem;
    pointer-events: all;
    text-transform: uppercase
}

.c-tags .c-tags__tag .c-icon {
    font-size: .56rem;
    margin-left: .5rem
}

.c-tags .c-tags__tag:not(:last-of-type) {
    margin-right: .5rem
}

.c-tags .c-tags__tag--remove {
    background-color: #000;
    color: #fff
}

.c-tags .c-tags__tag--clear-all {
    background: #fff;
    border: 1px solid #e1e1e1;
    color: #000
}

@media(max-width: 48em) {
    .c-tags {
        align-items:center;
        display: flex
    }
}

.c-toggle-burger {
    background: none;
    border: 0;
    border-bottom: 2px solid;
    cursor: pointer;
    outline: 0;
    padding: 0;
    width: 35px
}

.c-toggle-burger::-moz-focus-inner {
    border: 0;
    padding: 0
}

.c-toggle-burger:after,.c-toggle-burger:before {
    border-bottom: 2px solid;
    content: "";
    display: block;
    margin-bottom: 5px;
    transition: transform .5s ease-in-out;
    width: 100%
}

.c-trade {
    margin-top: 3rem;
    overflow-x: scroll
}

.c-trade-wrapper {
    overflow: hidden
}

.c-trade__media {
    background-color: #dfdfdf;
    height: 100%;
    position: relative;
    width: 100%
}

.c-trade__media img {
    position: relative;
    width: 100%;
    z-index: 2
}

.c-trade__card {
    position: relative;
    transition: all .3s ease-in-out
}

.c-trade__card:after {
    background: #343131;
    background: linear-gradient(180deg,rgba(52,49,49,.307),rgba(8,8,8,.823) 80%,#000);
    content: "";
    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#343131",endColorstr="#000000",GradientType=1);
    height: 100%;
    opacity: .6;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 2
}

.c-trade__card:hover:after {
    opacity: 1
}

.c-trade__title {
    bottom: 0;
    color: #fff;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .7rem;
    font-weight: 500;
    left: 0;
    padding: 1.5rem;
    position: absolute;
    width: 100%;
    z-index: 3
}

.c-trade-nav {
    height: 100%
}

.c-trade-nav__link {
    background: none;
    border-right: 1px solid #e4e4e4;
    color: #000;
    font-weight: 300;
    height: 100%;
    outline: 0;
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 1
}

@media(min-width: 69.375em) {
    .c-trade-nav__link {
        justify-content:center;
        min-width: 150px
    }
}

.c-trade-nav__link:before {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 100%;
    top: 0;
    transition: right .3s ease-in;
    z-index: -1
}

.c-trade-nav__link:hover {
    color: #fff;
    text-decoration: none
}

.c-trade-nav__link:hover:before {
    right: 0
}

.c-trade-nav .c-menu__leaf {
    height: 100%
}

.c-trade-nav .c-menu__leaf .c-menu__dropdown {
    background-color: #fff;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 1px);
    transition-duration: .25s;
    transition-property: opacity,visibility;
    transition-timing-function: linear;
    visibility: hidden;
    width: 100%
}

.c-trade-nav .c-menu__leaf .c-menu__dropdown-inner {
    margin-left: calc(-50vw + 50%);
    max-width: calc(1504px - 50vw + 50%);
    padding: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .c-trade-nav .c-menu__leaf .c-menu__dropdown-inner {
        padding:1.5rem
    }
}

.c-trade-nav .c-menu__leaf .c-menu__sub-menu>.c-menu__leaf {
    list-style-type: none;
    margin-bottom: 1rem;
    padding-bottom: .5rem
}

.c-trade-nav .c-menu__leaf .c-menu__sub-menu>.c-menu__leaf>.c-menu__link {
    color: #000;
    font-size: .8rem;
    font-weight: 500
}

.c-trade-nav .c-menu__leaf .c-menu__sub-menu>.c-menu__leaf>.c-menu__link:after {
    background-color: #e4e4e4;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1rem;
    margin-top: .5rem;
    width: 100%
}

.c-trade-nav .c-menu__leaf .c-menu__child-menu {
    list-style-type: none
}

.c-trade-nav .c-menu__leaf .c-menu__child-menu>.c-menu__leaf>.c-menu__link {
    color: #596065;
    font-size: .9rem;
    font-weight: 200;
    line-height: 30px;
    transition: all .2s ease-in-out
}

.c-trade-nav .c-menu__leaf .c-menu__child-menu>.c-menu__leaf>.c-menu__link:hover {
    color: #000
}

.c-trade-nav .c-menu__leaf.is-hover>.c-menu__dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media(max-width: 32.5em) {
    .trustpilot-carousel iframe {
        height:310px!important
    }
}

.c-userbar {
    min-height: 35px;
    padding-left: 1rem;
    padding-right: 1rem
}

.c-userbar,.c-userbar a {
    color: #fff;
    font-size: .7rem
}

.c-userbar a {
    line-height: 35px
}

@media(max-width: 69.375em) {
    .c-userbar--mobile-centered {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

.c-userbar__wrapper {
    min-height: 35px
}

.c-userbar__message {
    font-size: .8rem;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.c-userbar__message a {
    font-size: .8rem
}

@media(max-width: 23.4375em) {
    .c-userbar__message,.c-userbar__message a {
        font-size:.6rem
    }
}

.c-userbar__info,.c-userbar__support {
    text-transform: uppercase
}

.c-userbar__info a {
    margin-right: 1rem
}

.c-userbar__slider {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 2rem
}

.c-userbar__slider .c-slider__slide p {
    line-height: 1rem;
    margin: 0;
    white-space: normal
}

.c-userbar__slider .c-slider__arrow--next {
    right: 0
}

.c-userbar__slider .c-slider__arrow--next:before {
    content: ""
}

.c-userbar__slider .c-slider__arrow--prev {
    left: 0
}

.c-userbar__slider .c-slider__arrow--prev:before {
    content: ""
}

.c-userbar__slider button:before {
    background-color: transparent;
    font-size: .7rem
}

.c-usp {
    flex-wrap: nowrap
}

.c-usp__wrapper {
    margin: 0 auto
}

.c-usp__item {
    align-items: center;
    display: flex;
    font-size: .8rem;
    justify-content: center;
    max-width: 100%
}

.c-usp__item:hover {
    text-decoration: none
}

.c-usp__item p {
    font-weight: 400;
    margin-bottom: 0
}

@media(min-width: 69.375em) {
    .c-usp .c-slider__arrows {
        display:none
    }
}

.c-usp .c-slider__list {
    height: 60px
}

.c-usp .c-slider__arrows .c-slider__arrow--next {
    right: .25rem;
    width: 40px
}

.c-usp .c-slider__arrows .c-slider__arrow--next:before {
    content: ""
}

.c-usp .c-slider__arrows .c-slider__arrow--prev {
    left: .25rem;
    width: 40px
}

.c-usp .c-slider__arrows .c-slider__arrow--prev:before {
    content: ""
}

.c-usp .c-slider__arrows .c-slider__arrow:before {
    background-color: transparent;
    color: #fff
}

.c-usp .c-slider__pagination {
    display: none
}

.c-video__responsive-iframe {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.c-video__responsive-iframe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-video--caption {
    font-size: .9rem
}

.l-fullwidth--with-gutter {
    padding-left: 16px;
    padding-right: 16px
}

.l-grid--overflow {
    flex-wrap: nowrap;
    overflow-x: auto
}

.l-grid__item--flush {
    padding-left: 0;
    padding-right: 0
}

.u-lazyload {
    opacity: 0;
    transition: unfoldtransition(opacity .33s ease-in),unfoldtransition(visibility .33s ease-in);
    visibility: hidden
}

.u-lazyload.is-loaded {
    opacity: 1;
    visibility: visible
}

.no-js .u-lazyload {
    display: none
}

.o-block {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.o-block__content {
    display: flex;
    height: 100%;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2
}

.o-block__content--no-padding {
    padding: 0
}

.o-block__content-inner {
    display: block;
    letter-spacing: 2px
}

.o-block__background {
    background-position: 50% 50%;
    background-size: cover;
    transform: scale(1) perspective(0);
    transition-duration: .25s;
    transition-property: transform;
    transition-timing-function: ease-in;
    z-index: 1
}

.o-block__background,.o-block__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.o-block__img {
    border: 0;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
    object-fit: cover
}

.o-block--shade .o-block__background:after {
    background-color: rgba(0,0,0,.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.o-block--zoom:hover .o-block__background {
    transform: scale(1.03) perspective(1px)
}

.o-form__actions,.o-form__group,.o-form__item {
    margin-bottom: 1rem
}

.o-form__actions--flush,.o-form__group--flush,.o-form__item--flush {
    margin-bottom: 0
}

.o-form__item--relative {
    position: relative
}

.o-form__button {
    border: 1px solid #e1e1e1;
    position: absolute;
    right: 8px
}

.o-form__button:after {
    margin-left: 0
}

.o-form__checkbox,.o-form__checkbox input[type=checkbox],.o-form__checkbox input[type=radio] {
    height: 20px!important;
    width: 20px!important
}

.o-modal {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition-duration: .25s;
    transition-property: visibility,opacity;
    transition-timing-function: ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 2500
}

.o-modal.is-visible {
    opacity: 1;
    visibility: visible
}

.o-modal__content {
    background-color: #fff;
    height: 100%;
    max-width: 700px;
    overflow-y: auto;
    position: relative;
    width: 100%
}

@media(min-width: 48em) {
    .o-modal__content {
        height:auto;
        width: auto
    }
}

.o-modal__content--slim-mobile {
    height: auto;
    width: auto
}

.o-modal__body,.o-modal__footer,.o-modal__header {
    padding: calc(1.275rem + .28125vw)
}

@media(min-width: 1280px) {
    .o-modal__body,.o-modal__footer,.o-modal__header {
        padding:1.5rem
    }
}

.o-modal__header {
    border-bottom: 1px solid #e9ecef
}

.o-modal__footer {
    border-top: 1px solid #e9ecef
}

.o-modal__title {
    margin: 0
}

.o-modal__close {
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px
}

.o-modal__close:after,.o-modal__close:before {
    background: #000;
    content: "";
    height: 1px;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.o-modal__close:before {
    transform: rotate(45deg)
}

.o-modal__close:after {
    transform: rotate(-45deg)
}

.o-section {
    padding-bottom: calc(1.275rem + .28125vw);
    padding-top: calc(1.275rem + .28125vw);
    width: 100%
}

@media(min-width: 1280px) {
    .o-section {
        padding-bottom:1.5rem;
        padding-top: 1.5rem
    }
}

@media(min-width: 48em) {
    .o-section {
        padding-bottom:calc(1.325rem + .84375vw);
        padding-top: calc(1.325rem + .84375vw)
    }
}

@media(min-width: 48em)and (min-width:1280px) {
    .o-section {
        padding-bottom:2rem;
        padding-top: 2rem
    }
}

@media(min-width: 80em) {
    .o-section {
        padding-bottom:calc(1.425rem + 1.96875vw);
        padding-top: calc(1.425rem + 1.96875vw)
    }
}

@media(min-width: 80em)and (min-width:1280px) {
    .o-section {
        padding: 0 8%;
    width: 100%;
    }
}

.o-section.o-section__v-padding-small {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.o-section.o-section__v-padding-small:first-child {
    padding-top: 2rem
}

.o-section.o-section__v-padding-small:last-child {
    padding-bottom: 2rem
}

@media(min-width: 80em) {
    .o-section.o-section__v-padding-small {
        padding-bottom:1.5rem;
        padding-top: 1.5rem
    }

    .o-section.o-section__v-padding-small:first-child {
        padding-top: 3rem
    }

    .o-section.o-section__v-padding-small:last-child {
        padding-bottom: 3rem
    }
}

.o-section.o-section__v-paddingless {
    padding-bottom: 0;
    padding-top: 0
}

.o-section.o-section__v-marginless {
    margin-bottom: 0;
    margin-top: 0
}

.o-section--clipped {
    overflow: hidden
}

.o-section__header {
    margin-bottom: calc(1.325rem + .84375vw);
    margin-top: calc(1.325rem + .84375vw);
    text-align: center
}

@media(min-width: 1280px) {
    .o-section__header {
        margin-bottom:2rem;
        margin-top: 2rem
    }
}

.o-section__header--alternative {
    color: #fff
}

.o-section__header.o-section__header-v-marginless {
    margin-bottom: 0;
    margin-top: 0
}

.o-section__footer {
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .o-section__footer {
        margin-top:2rem
    }
}

.o-section__intro {
    font-size: 1rem;
    font-weight: 200
}

.o-section__title {
    margin-bottom: calc(1.275rem + .28125vw);
    margin-top: calc(1.325rem + .84375vw)
}

@media(min-width: 1280px) {
    .o-section__title {
        margin-bottom:1.5rem;
        margin-top: 2rem
    }
}

.o-section__title--underline {
    border-bottom: 1px solid #e4e4e4
}

.o-section__title.o-section__title--margin-v-none {
    margin-bottom: 0;
    margin-top: 0
}

.o-section__title.o-section__title--margin-top-none {
    margin-top: 0
}

@media(min-width: 80em) {
    .o-section__title.o-section__title--margin-top-none--desktop {
        margin-top:0
    }
}

.o-section__title.o-section__title--margin-bottom-none {
    margin-bottom: 0
}

.o-section__title--divider {
    position: relative
}

.o-section__title--divider:before {
    background: #bebebe;
    bottom: 50%;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.o-section__title--divider .o-section__title--divider-title {
    background-color: #fff;
    color: #596065;
    display: inline-block;
    font-family: Atlas Grotesk,sans-serif;
    font-size: .9rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
    padding: 9px 24px 7px;
    position: relative;
    text-transform: uppercase;
    width: auto
}

.o-section__title--body {
    font-family: Atlas Grotesk,sans-serif;
    font-size: 1.25rem
}

.o-section--alternate {
    background-color: #596065
}

.o-section--alternate-light {
    background-color: #f8f8f8
}

.o-section--alternate .o-section__title {
    color: #fff
}

@media(min-width: 32.5em) {
    .o-section--best-fit .o-section__content {
        margin-left:auto;
        margin-right: auto;
        max-width: 600px
    }
}

@media(min-width: 69.375em) {
    .o-section--best-fit .o-section__content {
        max-width:100%
    }
}

.o-section--best-fit-bottom-paddingless {
    padding-bottom: 0
}

.o-section--flush,.pixlee {
    padding-bottom: 0;
    padding-top: 0
}

.o-section--flush-top {
    padding-top: 0
}

.o-section--flush-right .o-section__content {
    margin-left: auto;
    margin-right: 0;
    max-width: 1440px;
    padding-left: 32px
}

@media(min-width: 100em) {
    .o-section--flush-right .o-section__content {
        max-width:1600px;
        padding-left: 0
    }
}

.shopify-challenge__container {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.o-tabs__nav {
    display: flex;
    margin-bottom: 1rem
}

.o-tabs__btn {
    background-color: #f8f8f8;
    flex-basis: 0;
    flex-grow: 1;
    font-weight: 300;
    max-width: 100%;
    min-height: 1px;
    padding: 1rem 1.5rem;
    width: 100%
}

.o-tabs__btn.is-active {
    background-color: #f0f0f0
}

.o-tabs__pane {
    display: none
}

.o-tabs__pane.is-active {
    display: block
}

@media(min-width: 69.375em) {
    .o-tabs--mobile-only .o-tabs__nav {
        display:none
    }

    .o-tabs--mobile-only .o-tabs__pane {
        display: block
    }
}



p {
    font-weight: 300
}

b,strong {
    font-weight: 500
}

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

.t-black {
    color: #000!important
}

.t-gold {
    color: #b79c55!important
}

.t-red-dark {
    color: #ce0527!important
}

@media(max-width: 69.375em) {
    .hide-mobile {
        display:none
    }
}

@media(min-width: 69.375em) {
    .hide-desktop {
        display:none
    }
}


sticky-header.header-wrapper {
    z-index: 9999;
}

#shopify-section-header-02 {
    z-index: 9;
}