#hp_h1_visible.h1_comp {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #1b1b1b;
}
#main p {
    font: inherit;
}

#hp_h1_visible .h1_wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0;
    position: relative;
}

#hp_h1_visible .h1_flex {
    color: #fff;
}

#hp_h1_visible .h1_flex .h1_wrap_content {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 996px) {
    #hp_h1_visible.h1_comp {
        height: 64px;
        padding: 7px 0;
    }

    #hp_h1_visible .h1_wrap {
        max-width: 996px;
        height: 48px;
    }

    #hp_h1_visible .h1_flex.h1_img {
        display: block;
        margin-right: 8px;
    }

    #hp_h1_visible .h1_flex.h1_img img {
        display: block;
        width: auto;
        height: 16px;
        margin-top: -3px;
    }

    #hp_h1_visible .h1_flex {
        flex: 0 0 auto;
        vertical-align: middle;
    }

    #hp_h1_visible .h1_wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 995px) {
    #hp_h1_visible.h1_comp {
        height: 74px;
        padding: 16px;
    }

    #hp_h1_visible .h1_wrap {
        margin: 0 auto;
        max-width: 768px;
    }

    #hp_h1_visible .h1_flex {
        display: block;
    }

    #hp_h1_visible .h1_flex.h1_img {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #hp_h1_visible.h1_comp {
        height: 100%;
    }

    #hp_h1_visible .h1_wrap {
        display: block;
        padding: 21px 16px;
    }

    #hp_h1_visible .h1_flex {
        display: block;
    }

    #hp_h1_visible .h1_flex.h1_img {
        display: none;
    }
}

.opt5p01 #ta-login-dropdown--not-logged {
    display: none;
}

.opt5p01 .LoginDropdownButton {
    min-width: 123px;
}

.opt5p01-register-group {
    margin-right: 12px;
}

.opt5p01-register-button,
.opt5p01-login-button {
    min-width: 148px;
    margin: 0;
    padding: .76em .76em .76em 2.76em;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    font-size: .875rem;
    font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    line-height: 1.2em;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s;
    text-transform: uppercase;
}

.opt5p01-login-button {
    min-width: 123px;
}

.opt5p01-register-button:hover,
.opt5p01-login-button:hover {
    background-color: #ffffff;
    color: #000000;
}

.opt5p01-login-active .opt5p01-login-button {
    background-color: #ffffff;
    color: #000000;
}

.opt5p01-login-icon {
    position: absolute;
    top: 7px;
    left: 10px;
}

.opt5p01-login-group .opt5p01-login-icon {
    position: static;
}

.opt5p01-register-button:hover .opt5p01-login-icon svg path {
    stroke: #000000;
    fill: #000000;
}

.opt5p01-register-button:hover .opt5p01-login-icon svg path[fill-rule="evenodd"] {
    fill: #000;
    stroke: transparent;
}

.opt5p01 .LoginDropdown__dropdown {
    min-width: 300px;
    top: 45px;
    left: -147px;
    border-radius: 3px;
}

@media (max-width: 995px) {
    .opt5p01-login-text {
        font-size: 13px;
        text-transform: none;
        display: block;
    }

    .opt5p01-register-group {
        margin-right: 12px;
    }

    .opt5p01-register-button {
        padding: 4px 0 0 0;
    }

    .opt5p01-register-button,
    .opt5p01-login-button {
        border: none;
        min-width: auto;
        background: none;
    }

    .opt5p01-login-icon {
        position: static;
        height: 26px;
    }

    .opt5p01-register-button:hover,
    .opt5p01-login-button:hover {
        background: transparent;
        color: #ffffff;
    }

    .opt5p01-register-button svg {
        width: 32px;
        height: 24px;
    }

    .opt5p01-register-button:hover .opt5p01-login-icon svg path {
        stroke: #ffffff;
        fill: #000000;
    }

    .opt5p01-register-button:hover .opt5p01-login-icon svg path[fill-rule="evenodd"] {
        fill: #ffffff;
        stroke: #0000;
    }

    .opt5p01-login-group {
        margin-right: 10px;
    }

    .opt5p01-login-button {
        min-height: 20px;
        margin: 0;
        text-align: center;
        padding: 4px 10px 0 10px;
    }

    .opt5p01-login-button i {
        position: static;
        font-size: 24px;
    }

    .opt5p01-login-button i.Glyph--cross {
        font-size: 14px;
        top: 6px;
        position: relative;
        left: auto;
    }

    .opt5p01-login-active .opt5p01-login-button {
        min-height: 50px;
    }

    .opt5p01-login-active .opt5p01-login-button:hover {
        background: #ffffff;
        color: #000000;
    }

    .opt5p01 .LoginDropdown__dropdown {
        top: 48px;
        left: auto;
    }

    .opt5p01 #ta-mini-basket__open {
        padding: 0;
    }

    .opt5p01 #ta-mini-basket__open::after {
        content: 'Basket';
        display: block;
        font-size: 13px;
        padding-top: 3px;
    }

    .opt5p01-zh #ta-mini-basket__open::after {
        content: '购物车';
    }

    .opt5p01 #ta-mini-basket__open i {
        position: static;
        font-size: 24px;
    }

    .opt5p01 .Header__top {
        height: 70px;
        padding-top: 10px;
        padding-right: 15px;
    }

    .opt5p01 .BurgerSwitch {
        margin-top: 10px;
    }

    .opt5p01 .Header__customer {
        padding-top: 3px;
    }

    .opt5p01-login-menu-group {
        cursor: pointer;
    }

    .opt5p01-login-menu-group>.HeaderNavigationBarItem__element>i:first-child {
        width: 25px;
        height: 15px;
        margin: 0 13px;
        position: relative;
        top: -2px;
        left: 5px;
        font-size: 18px;
    }

    .opt5p01-register-menu-group .HeaderNavigationBarItem__element>svg {
        width: 25px;
        height: 22px;
        margin: 0 13px;
        position: relative;
        top: -2px;
        left: 3px;
        padding: 0 2px 0 0;
    }
}

@media (max-width: 400px) {
    .opt5p01-register-group {
        margin-right: 6px;
        margin-top: 2px;
    }

    .opt5p01-login-group {
        margin-right: 6px;
        margin-top: 2px;
    }

    .opt5p01 .Header__top {
        height: 70px;
        padding-top: 10px;
        padding-right: 3px;
    }

    .opt5p01 #ta-mini-basket__open i {
        font-size: 19px;
    }

    .opt5p01 #ta-mini-basket__open::after {
        font-size: 11px;
    }

    .opt5p01-login-button {
        min-height: 14px;
        padding: 4px 5px 0 5px;
        margin-left: 5px;
    }

    .opt5p01-login-button i {
        font-size: 20px;
    }

    .opt5p01-login-button i.Glyph--cross {
        font-size: 12px;
        top: 5px;
    }

    .opt5p01-login-text {
        font-size: 11px;
    }

    .opt5p01-register-button {
        padding: 4px 0 0 0;
    }

    .opt5p01-login-icon {
        height: 22px;
    }

    .opt5p01-register-button svg {
        width: 32px;
        height: 20px;
    }

    .opt5p01-login-active .opt5p01-login-button {}

    .opt5p01-login-active .opt5p01-login-button i.Glyph--cross {
        top: 2px;
    }

    .opt5p01-login-active .opt5p01-login-button .opt5p01-login-text {
        position: relative;
        top: -3px;
    }
}

@media (max-width: 374px) {
    .opt5p01-register-group {
        margin-right: 0px;
    }

    .opt5p01-login-group {
        margin-right: 0px;
    }

    .opt5p01 #ta-mini-basket__open::after {
        font-size: 10px;
    }

    .opt5p01-login-text {
        font-size: 10px;
    }
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hooper-progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-color: #efefef;
}

.hooper-progress-inner {
    height: 100%;
    background-color: #4285f4;
    transition: 300ms;
}

.hooper-pagination {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    display: flex;
    padding: 5px 10px;
}

.hooper-indicators {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hooper-indicator:hover,
.hooper-indicator.is-active {
    background-color: #4285f4;
}

.hooper-indicator {
    margin: 0 2px;
    width: 12px;
    height: 4px;
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
}

.hooper-pagination.is-vertical {
    bottom: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hooper-pagination.is-vertical .hooper-indicators {
    flex-direction: column;
}

.hooper-pagination.is-vertical .hooper-indicator {
    width: 6px;
}

.hooper-next,
.hooper-prev {
    background-color: transparent;
    border: none;
    padding: 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.hooper-next.is-disabled,
.hooper-prev.is-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.hooper-next {
    right: 0;
}

.hooper-prev {
    left: 0;
}

.hooper-navigation.is-vertical .hooper-next {
    top: auto;
    bottom: 0;
    transform: initial;
}

.hooper-navigation.is-vertical .hooper-prev {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    transform: initial;
}

.hooper-navigation.is-rtl .hooper-prev {
    left: auto;
    right: 0;
}

.hooper-navigation.is-rtl .hooper-next {
    right: auto;
    left: 0;
}

.hooper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 200px;
}

.hooper * {
    box-sizing: border-box;
}

.hooper-list {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.hooper-track {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.hooper.is-vertical .hooper-track {
    flex-direction: column;
    height: 200px;
}

.hooper.is-rtl {
    direction: rtl;
}

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

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */


h1 {
    font-size: 2em;
    margin: 0.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;
    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: -0.25em
}

sup {
    top: -0.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
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[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;
    outline-offset: -2px
}

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}




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

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

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

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

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

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

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

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

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

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

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

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

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

::placeholder {
    color: #cacaca
}

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

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

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

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

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

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

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

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

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

.input-group>:first-child,
.input-group>:first-child.input-group-button>* {
    border-radius: 0 0 0 0
}

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

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

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

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

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

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

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

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

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}

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

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

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

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

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

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

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #cc4b37
}

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

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

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

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

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-x>.medium-shrink,
    .grid-x>.medium-full,
    .grid-x>.medium-1,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12 {
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-x>.large-shrink,
    .grid-x>.large-full,
    .grid-x>.large-1,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12 {
        flex-basis: auto
    }
}

.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
    flex: 0 0 auto
}

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-x>.medium-auto {
        flex: 1 1 0px;
        width: auto
    }
    .grid-x>.medium-shrink,
    .grid-x>.medium-1,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12 {
        flex: 0 0 auto
    }
    .grid-x>.medium-shrink {
        width: auto
    }
    .grid-x>.medium-1 {
        width: 8.33333%
    }
    .grid-x>.medium-2 {
        width: 16.66667%
    }
    .grid-x>.medium-3 {
        width: 25%
    }
    .grid-x>.medium-4 {
        width: 33.33333%
    }
    .grid-x>.medium-5 {
        width: 41.66667%
    }
    .grid-x>.medium-6 {
        width: 50%
    }
    .grid-x>.medium-7 {
        width: 58.33333%
    }
    .grid-x>.medium-8 {
        width: 66.66667%
    }
    .grid-x>.medium-9 {
        width: 75%
    }
    .grid-x>.medium-10 {
        width: 83.33333%
    }
    .grid-x>.medium-11 {
        width: 91.66667%
    }
    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-x>.large-auto {
        flex: 1 1 0px;
        width: auto
    }
    .grid-x>.large-shrink,
    .grid-x>.large-1,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12 {
        flex: 0 0 auto
    }
    .grid-x>.large-shrink {
        width: auto
    }
    .grid-x>.large-1 {
        width: 8.33333%
    }
    .grid-x>.large-2 {
        width: 16.66667%
    }
    .grid-x>.large-3 {
        width: 25%
    }
    .grid-x>.large-4 {
        width: 33.33333%
    }
    .grid-x>.large-5 {
        width: 41.66667%
    }
    .grid-x>.large-6 {
        width: 50%
    }
    .grid-x>.large-7 {
        width: 58.33333%
    }
    .grid-x>.large-8 {
        width: 66.66667%
    }
    .grid-x>.large-9 {
        width: 75%
    }
    .grid-x>.large-10 {
        width: 83.33333%
    }
    .grid-x>.large-11 {
        width: 91.66667%
    }
    .grid-x>.large-12 {
        width: 100%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-margin-x>.auto {
        width: auto
    }
    .grid-margin-x>.shrink {
        width: auto
    }
    .grid-margin-x>.small-1 {
        width: calc(8.33333% - 1.875rem)
    }
    .grid-margin-x>.small-2 {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x>.small-3 {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x>.small-4 {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x>.small-5 {
        width: calc(41.66667% - 1.875rem)
    }
    .grid-margin-x>.small-6 {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x>.small-7 {
        width: calc(58.33333% - 1.875rem)
    }
    .grid-margin-x>.small-8 {
        width: calc(66.66667% - 1.875rem)
    }
    .grid-margin-x>.small-9 {
        width: calc(75% - 1.875rem)
    }
    .grid-margin-x>.small-10 {
        width: calc(83.33333% - 1.875rem)
    }
    .grid-margin-x>.small-11 {
        width: calc(91.66667% - 1.875rem)
    }
    .grid-margin-x>.small-12 {
        width: calc(100% - 1.875rem)
    }
    .grid-margin-x>.medium-auto {
        width: auto
    }
    .grid-margin-x>.medium-shrink {
        width: auto
    }
    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 1.875rem)
    }
    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 1.875rem)
    }
    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 1.875rem)
    }
    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 1.875rem)
    }
    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.875rem)
    }
    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 1.875rem)
    }
    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 1.875rem)
    }
    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-x>.large-auto {
        width: auto
    }
    .grid-margin-x>.large-shrink {
        width: auto
    }
    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 1.875rem)
    }
    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x>.large-3 {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 1.875rem)
    }
    .grid-margin-x>.large-6 {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 1.875rem)
    }
    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 1.875rem)
    }
    .grid-margin-x>.large-9 {
        width: calc(75% - 1.875rem)
    }
    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 1.875rem)
    }
    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 1.875rem)
    }
    .grid-margin-x>.large-12 {
        width: calc(100% - 1.875rem)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .medium-up-1>.cell {
        width: 100%
    }
    .medium-up-2>.cell {
        width: 50%
    }
    .medium-up-3>.cell {
        width: 33.33333%
    }
    .medium-up-4>.cell {
        width: 25%
    }
    .medium-up-5>.cell {
        width: 20%
    }
    .medium-up-6>.cell {
        width: 16.66667%
    }
    .medium-up-7>.cell {
        width: 14.28571%
    }
    .medium-up-8>.cell {
        width: 12.5%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-up-1>.cell {
        width: 100%
    }
    .large-up-2>.cell {
        width: 50%
    }
    .large-up-3>.cell {
        width: 33.33333%
    }
    .large-up-4>.cell {
        width: 25%
    }
    .large-up-5>.cell {
        width: 20%
    }
    .large-up-6>.cell {
        width: 16.66667%
    }
    .large-up-7>.cell {
        width: 14.28571%
    }
    .large-up-8>.cell {
        width: 12.5%
    }
}

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - 1.875rem)
    }
    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x.small-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.875rem)
    }
    .grid-margin-x.small-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x.small-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }
    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.875rem)
    }
    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.875rem)
    }
    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }
    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - 1.875rem)
    }
    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.875rem)
    }
    .grid-margin-x.large-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }
    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.875rem)
    }
    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.875rem)
    }
    .grid-margin-x.large-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }
    .grid-margin-x.large-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }
    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .small-margin-collapse>.medium-1 {
        width: 8.33333%
    }
    .small-margin-collapse>.medium-2 {
        width: 16.66667%
    }
    .small-margin-collapse>.medium-3 {
        width: 25%
    }
    .small-margin-collapse>.medium-4 {
        width: 33.33333%
    }
    .small-margin-collapse>.medium-5 {
        width: 41.66667%
    }
    .small-margin-collapse>.medium-6 {
        width: 50%
    }
    .small-margin-collapse>.medium-7 {
        width: 58.33333%
    }
    .small-margin-collapse>.medium-8 {
        width: 66.66667%
    }
    .small-margin-collapse>.medium-9 {
        width: 75%
    }
    .small-margin-collapse>.medium-10 {
        width: 83.33333%
    }
    .small-margin-collapse>.medium-11 {
        width: 91.66667%
    }
    .small-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .small-margin-collapse>.large-1 {
        width: 8.33333%
    }
    .small-margin-collapse>.large-2 {
        width: 16.66667%
    }
    .small-margin-collapse>.large-3 {
        width: 25%
    }
    .small-margin-collapse>.large-4 {
        width: 33.33333%
    }
    .small-margin-collapse>.large-5 {
        width: 41.66667%
    }
    .small-margin-collapse>.large-6 {
        width: 50%
    }
    .small-margin-collapse>.large-7 {
        width: 58.33333%
    }
    .small-margin-collapse>.large-8 {
        width: 66.66667%
    }
    .small-margin-collapse>.large-9 {
        width: 75%
    }
    .small-margin-collapse>.large-10 {
        width: 83.33333%
    }
    .small-margin-collapse>.large-11 {
        width: 91.66667%
    }
    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

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

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

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

@media print,
screen and (min-width: 48em) {
    .medium-margin-collapse>.small-1 {
        width: 8.33333%
    }
    .medium-margin-collapse>.small-2 {
        width: 16.66667%
    }
    .medium-margin-collapse>.small-3 {
        width: 25%
    }
    .medium-margin-collapse>.small-4 {
        width: 33.33333%
    }
    .medium-margin-collapse>.small-5 {
        width: 41.66667%
    }
    .medium-margin-collapse>.small-6 {
        width: 50%
    }
    .medium-margin-collapse>.small-7 {
        width: 58.33333%
    }
    .medium-margin-collapse>.small-8 {
        width: 66.66667%
    }
    .medium-margin-collapse>.small-9 {
        width: 75%
    }
    .medium-margin-collapse>.small-10 {
        width: 83.33333%
    }
    .medium-margin-collapse>.small-11 {
        width: 91.66667%
    }
    .medium-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 48em) {
    .medium-margin-collapse>.medium-1 {
        width: 8.33333%
    }
    .medium-margin-collapse>.medium-2 {
        width: 16.66667%
    }
    .medium-margin-collapse>.medium-3 {
        width: 25%
    }
    .medium-margin-collapse>.medium-4 {
        width: 33.33333%
    }
    .medium-margin-collapse>.medium-5 {
        width: 41.66667%
    }
    .medium-margin-collapse>.medium-6 {
        width: 50%
    }
    .medium-margin-collapse>.medium-7 {
        width: 58.33333%
    }
    .medium-margin-collapse>.medium-8 {
        width: 66.66667%
    }
    .medium-margin-collapse>.medium-9 {
        width: 75%
    }
    .medium-margin-collapse>.medium-10 {
        width: 83.33333%
    }
    .medium-margin-collapse>.medium-11 {
        width: 91.66667%
    }
    .medium-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .medium-margin-collapse>.large-1 {
        width: 8.33333%
    }
    .medium-margin-collapse>.large-2 {
        width: 16.66667%
    }
    .medium-margin-collapse>.large-3 {
        width: 25%
    }
    .medium-margin-collapse>.large-4 {
        width: 33.33333%
    }
    .medium-margin-collapse>.large-5 {
        width: 41.66667%
    }
    .medium-margin-collapse>.large-6 {
        width: 50%
    }
    .medium-margin-collapse>.large-7 {
        width: 58.33333%
    }
    .medium-margin-collapse>.large-8 {
        width: 66.66667%
    }
    .medium-margin-collapse>.large-9 {
        width: 75%
    }
    .medium-margin-collapse>.large-10 {
        width: 83.33333%
    }
    .medium-margin-collapse>.large-11 {
        width: 91.66667%
    }
    .medium-margin-collapse>.large-12 {
        width: 100%
    }
}

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

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

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.small-1 {
        width: 8.33333%
    }
    .large-margin-collapse>.small-2 {
        width: 16.66667%
    }
    .large-margin-collapse>.small-3 {
        width: 25%
    }
    .large-margin-collapse>.small-4 {
        width: 33.33333%
    }
    .large-margin-collapse>.small-5 {
        width: 41.66667%
    }
    .large-margin-collapse>.small-6 {
        width: 50%
    }
    .large-margin-collapse>.small-7 {
        width: 58.33333%
    }
    .large-margin-collapse>.small-8 {
        width: 66.66667%
    }
    .large-margin-collapse>.small-9 {
        width: 75%
    }
    .large-margin-collapse>.small-10 {
        width: 83.33333%
    }
    .large-margin-collapse>.small-11 {
        width: 91.66667%
    }
    .large-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.medium-1 {
        width: 8.33333%
    }
    .large-margin-collapse>.medium-2 {
        width: 16.66667%
    }
    .large-margin-collapse>.medium-3 {
        width: 25%
    }
    .large-margin-collapse>.medium-4 {
        width: 33.33333%
    }
    .large-margin-collapse>.medium-5 {
        width: 41.66667%
    }
    .large-margin-collapse>.medium-6 {
        width: 50%
    }
    .large-margin-collapse>.medium-7 {
        width: 58.33333%
    }
    .large-margin-collapse>.medium-8 {
        width: 66.66667%
    }
    .large-margin-collapse>.medium-9 {
        width: 75%
    }
    .large-margin-collapse>.medium-10 {
        width: 83.33333%
    }
    .large-margin-collapse>.medium-11 {
        width: 91.66667%
    }
    .large-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.large-1 {
        width: 8.33333%
    }
    .large-margin-collapse>.large-2 {
        width: 16.66667%
    }
    .large-margin-collapse>.large-3 {
        width: 25%
    }
    .large-margin-collapse>.large-4 {
        width: 33.33333%
    }
    .large-margin-collapse>.large-5 {
        width: 41.66667%
    }
    .large-margin-collapse>.large-6 {
        width: 50%
    }
    .large-margin-collapse>.large-7 {
        width: 58.33333%
    }
    .large-margin-collapse>.large-8 {
        width: 66.66667%
    }
    .large-margin-collapse>.large-9 {
        width: 75%
    }
    .large-margin-collapse>.large-10 {
        width: 83.33333%
    }
    .large-margin-collapse>.large-11 {
        width: 91.66667%
    }
    .large-margin-collapse>.large-12 {
        width: 100%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .medium-offset-0 {
        margin-left: 0%
    }
    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + .9375rem)
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-offset-0 {
        margin-left: 0%
    }
    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + .9375rem)
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

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

.grid-y>.cell {
    height: auto;
    max-height: none
}

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-y>.medium-shrink,
    .grid-y>.medium-full,
    .grid-y>.medium-1,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12 {
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-y>.large-shrink,
    .grid-y>.large-full,
    .grid-y>.large-1,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12 {
        flex-basis: auto
    }
}

.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
    flex: 0 0 auto
}

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-y>.medium-auto {
        flex: 1 1 0px;
        height: auto
    }
    .grid-y>.medium-shrink,
    .grid-y>.medium-1,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12 {
        flex: 0 0 auto
    }
    .grid-y>.medium-shrink {
        height: auto
    }
    .grid-y>.medium-1 {
        height: 8.33333%
    }
    .grid-y>.medium-2 {
        height: 16.66667%
    }
    .grid-y>.medium-3 {
        height: 25%
    }
    .grid-y>.medium-4 {
        height: 33.33333%
    }
    .grid-y>.medium-5 {
        height: 41.66667%
    }
    .grid-y>.medium-6 {
        height: 50%
    }
    .grid-y>.medium-7 {
        height: 58.33333%
    }
    .grid-y>.medium-8 {
        height: 66.66667%
    }
    .grid-y>.medium-9 {
        height: 75%
    }
    .grid-y>.medium-10 {
        height: 83.33333%
    }
    .grid-y>.medium-11 {
        height: 91.66667%
    }
    .grid-y>.medium-12 {
        height: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-y>.large-auto {
        flex: 1 1 0px;
        height: auto
    }
    .grid-y>.large-shrink,
    .grid-y>.large-1,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12 {
        flex: 0 0 auto
    }
    .grid-y>.large-shrink {
        height: auto
    }
    .grid-y>.large-1 {
        height: 8.33333%
    }
    .grid-y>.large-2 {
        height: 16.66667%
    }
    .grid-y>.large-3 {
        height: 25%
    }
    .grid-y>.large-4 {
        height: 33.33333%
    }
    .grid-y>.large-5 {
        height: 41.66667%
    }
    .grid-y>.large-6 {
        height: 50%
    }
    .grid-y>.large-7 {
        height: 58.33333%
    }
    .grid-y>.large-8 {
        height: 66.66667%
    }
    .grid-y>.large-9 {
        height: 75%
    }
    .grid-y>.large-10 {
        height: 83.33333%
    }
    .grid-y>.large-11 {
        height: 91.66667%
    }
    .grid-y>.large-12 {
        height: 100%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-margin-y>.auto {
        height: auto
    }
    .grid-margin-y>.shrink {
        height: auto
    }
    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }
    .grid-margin-y>.medium-auto {
        height: auto
    }
    .grid-margin-y>.medium-shrink {
        height: auto
    }
    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-y>.large-auto {
        height: auto
    }
    .grid-margin-y>.large-shrink {
        height: auto
    }
    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }
    .cell .medium-grid-frame {
        width: 100%
    }
    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }
    .medium-cell-block-container>.grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }
    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }
    .cell .large-grid-frame {
        width: 100%
    }
    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }
    .large-cell-block-container>.grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }
    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .grid-margin-y>.auto {
        height: auto
    }
    .grid-margin-y>.shrink {
        height: auto
    }
    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }
    .grid-margin-y>.medium-auto {
        height: auto
    }
    .grid-margin-y>.medium-shrink {
        height: auto
    }
    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-y>.large-auto {
        height: auto
    }
    .grid-margin-y>.large-shrink {
        height: auto
    }
    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.875rem)
    }
    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.875rem)
    }
    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }
    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.875rem)
    }
    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.875rem)
    }
    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }
    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.875rem)
    }
    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.875rem)
    }
    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }
    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.875rem)
    }
    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.875rem)
    }
    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

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

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

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

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

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

.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer
}

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

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

.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button.medium,
.close-button {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before,
.clearfix::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1
}

.clearfix::after {
    clear: both
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,
screen and (min-width: 48em) {
    .medium-order-1 {
        order: 1
    }
    .medium-order-2 {
        order: 2
    }
    .medium-order-3 {
        order: 3
    }
    .medium-order-4 {
        order: 4
    }
    .medium-order-5 {
        order: 5
    }
    .medium-order-6 {
        order: 6
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-order-1 {
        order: 1
    }
    .large-order-2 {
        order: 2
    }
    .large-order-3 {
        order: 3
    }
    .large-order-4 {
        order: 4
    }
    .large-order-5 {
        order: 5
    }
    .large-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,
screen and (min-width: 48em) {
    .medium-flex-container {
        display: flex
    }
    .medium-flex-child-auto {
        flex: 1 1 auto
    }
    .medium-flex-child-grow {
        flex: 1 0 auto
    }
    .medium-flex-child-shrink {
        flex: 0 1 auto
    }
    .medium-flex-dir-row {
        flex-direction: row
    }
    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }
    .medium-flex-dir-column {
        flex-direction: column
    }
    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-flex-container {
        display: flex
    }
    .large-flex-child-auto {
        flex: 1 1 auto
    }
    .large-flex-child-grow {
        flex: 1 0 auto
    }
    .large-flex-child-shrink {
        flex: 0 1 auto
    }
    .large-flex-dir-row {
        flex-direction: row
    }
    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }
    .large-flex-dir-column {
        flex-direction: column
    }
    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 64.06125em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

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

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

.show-for-landscape,
.hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

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

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

@media print,
screen and (min-width: 48em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

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

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print,
screen and (min-width: 48em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .medium-offset-0 {
        margin-left: 0%
    }
    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-up-1 {
        flex-wrap: wrap
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-up-2 {
        flex-wrap: wrap
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-up-3 {
        flex-wrap: wrap
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-up-4 {
        flex-wrap: wrap
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-up-5 {
        flex-wrap: wrap
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }
    .medium-up-6 {
        flex-wrap: wrap
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-up-7 {
        flex-wrap: wrap
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .medium-up-8 {
        flex-wrap: wrap
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width: 48em) and (min-width: 48em) {
    .medium-expand {
        flex: 1 1 0px
    }
}

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

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

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

@media print,
screen and (min-width: 64.0625em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .large-offset-0 {
        margin-left: 0%
    }
    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-up-1 {
        flex-wrap: wrap
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-up-2 {
        flex-wrap: wrap
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-up-3 {
        flex-wrap: wrap
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-up-4 {
        flex-wrap: wrap
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-up-5 {
        flex-wrap: wrap
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }
    .large-up-6 {
        flex-wrap: wrap
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-up-7 {
        flex-wrap: wrap
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .large-up-8 {
        flex-wrap: wrap
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .large-expand {
        flex: 1 1 0px
    }
}

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

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

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

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

.column-block {
    margin-bottom: 1.25rem
}

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

@media print,
screen and (min-width: 48em) {
    .column-block {
        margin-bottom: 1.25rem
    }
    .column-block>:last-child {
        margin-bottom: 0
    }
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Light.ttf') format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Regular.ttf') format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Med.ttf') format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-SemiBd.ttf') format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Bold.ttf') format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-XtraBd.otf') format("truetype");
    font-style: normal;
    font-weight: 800
}

#main {
    background-color: #7e0001;
    color: #fff;
    overflow: hidden;
    position: relative
}

.container--wrapper {
    max-width: 120em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .container--wrapper {
        max-width: 100vw
    }
}

.content--inner {
    max-width: 73.25em;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .content--inner {
        max-width: 100vw
    }
}

.sect {
    overflow: hidden
}

.sect.odd {
    background-color: pink
}

.sect.even {
    background-color: wheat
}

.mainHide {
    opacity: 0
}

.freeze {
    overflow: hidden
}

a {
    text-decoration: none
}

code {
    border: none
}

pre[class*='language-']:before,
pre[class*='language-']:after {
    box-shadow: none;
    display: none
}

pre {
    margin: 0
}

pre[class*='language-']>code {
    padding: 0
}

.fzBold {
    font-weight: 500
}

@font-face {
    font-family: "nespresso cny icons";
    src: url(https://www.nespresso.com/shared_res/mos/free_html/cn/2021CNY_landingpage/fonts/nespresso-icons.eot);
    src: url(https://www.nespresso.com/shared_res/mos/free_html/cn/2021CNY_landingpage/fonts/nespresso-icons.eot#iefix) format("embedded-opentype"), url(https://www.nespresso.com/shared_res/mos/free_html/cn/2021CNY_landingpage/fonts/nespresso-icons.ttf) format("truetype"), url(https://www.nespresso.com/shared_res/mos/free_html/cn/2021CNY_landingpage/fonts/nespresso-icons.woff) format("woff"), url(https://www.nespresso.com/shared_res/mos/free_html/cn/2021CNY_landingpage/fonts/nespresso-icons.svg#icomoon) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^='icon-'],
[class*=' icon-'] {
    font-family: "nespresso cny icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-scroll:before {
    content: '\e900'
}

.icon-prev:before {
    content: '\e901'
}

.icon-next:before {
    content: '\e902'
}

.icon-menu:before {
    content: '\e903'
}

.icon-close:before {
    content: '\e904'
}

.icon-facebook:before {
    content: '\e905'
}

.icon-instagram:before {
    content: '\e906'
}

@keyframes zoomIn {
    0% {
        transform: scale(1.5)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes scrollupDown {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(50%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(15%);
        opacity: 0
    }
    70% {
        transform: translateY(15%);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.03)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes myOrbit {
    0% {
        background-position: 0 1rem
    }
    25% {
        background-position: 1rem 1rem
    }
    50% {
        background-position: -1rem
    }
    75% {
        background-position: -1rem 0
    }
    100% {
        background-position: 0 1rem
    }
}

#main {
    font-family: 'Lucas';
    position: relative;
    z-index: 11
}

#main .fzLighter {
    font-weight: lighter
}

#main .fzNormal {
    font-weight: normal
}

#main .fzBold {
    font-weight: bold
}

#main .mT10 {
    margin-top: .625rem
}

#main .mT20 {
    margin-top: 1.25rem !important
}

#main .mT40 {
    margin-top: 2.5rem !important
}

#main .mT100 {
    margin-top: 6.25rem !important
}

#main .mB0 {
    margin-bottom: 0 !important
}

#main .mB5 {
    margin-bottom: .3125rem
}

#main .mB0 {
    margin-bottom: 0
}

#main .mB10 {
    margin-bottom: .625rem !important
}

#main .mB20 {
    margin-bottom: 1.25rem !important
}

#main .mB30 {
    margin-bottom: 1.875rem !important
}

#main .mB40 {
    margin-bottom: 2.5rem !important
}

#main .mB5e {
    margin-bottom: 0.5em
}

#main .pT0 {
    padding-top: 0 !important
}

#main .pT9 {
    padding-top: .5625rem !important
}

#main .pT14 {
    padding-top: .875rem !important
}

#main .pT40 {
    padding-top: 2.5rem !important
}

#main .pB0 {
    padding-bottom: 0 !important
}

#main .pL0 {
    padding-left: 0 !important
}

#main .pR0 {
    padding-right: 0 !important
}

#main .borderB0 {
    border-bottom: none !important
}

#main .txtUpper {
    text-transform: uppercase
}

#main .txtCtr {
    text-align: center
}

#main .txtL {
    text-align: left
}

#main .txtR {
    text-align: right
}

#main .column,
#main .columns,
#main .columns {
    box-sizing: border-box
}

#main .floatL {
    float: left
}

#main .floatR {
    float: right
}

#main .clearfix {
    *zoom: 1
}

#main .clearfix:after {
    clear: both;
    content: '';
    display: table
}

#main .disInBk {
    display: inline-block !important
}

#main * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#main .align-middle {
    align-items: center
}

#main .align-vMid {
    display: flex;
    align-items: center
}

#main .align-top {
    align-items: flex-start !important
}

#main .align-center {
    justify-content: center
}

#main .row {
    max-width: unset;
    margin-left: unset;
    margin-right: unset
}

#main .row .row {
    flex: 1 1 100%
}

#main .w187 {
    width: 11.6875rem !important
}

#main .w100p {
    width: 100% !important
}

@media screen and (max-width: 767px) {
    #main .mob_w50 {
        width: 3.125rem
    }
}

@media screen and (max-width: 767px) {
    #main .mob_fz50 {
        font-size: 3.125rem !important
    }
}

#main .sect__title {
    margin-bottom: 0.5em;
    text-shadow: 2px 2px 6px #0a0a0ac4
}

@media screen and (max-width: 767px) {
    #main .sect__title {
        font-size: 3.2em;
        line-height: 1.2em;
        margin-bottom: 0.4em
    }
}

#main .sect__desc {
    text-shadow: 2px 2px 6px #0a0a0ac4
}

@media screen and (max-width: 767px) {
    #main .sect__desc {
        font-size: 1.4em
    }
}

#main .row+.row .sect__title {
    margin-top: .625em
}

#main .wd__breakAll {
    word-break: break-all
}

#main .rowPad5 .row {
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

#main .rowPad5 .row .row {
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

#main .rowPad5 .column,
#main .rowPad5 .columns,
#main .rowPad5 .columns {
    padding-left: .3125rem;
    padding-right: .3125rem
}

#main .sect__title {
    text-align: center;
    text-transform: uppercase
}

#main .sect__desc {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: .25em
}

#main .clearfix {
    overflow: auto
}

#main .dummy--footer {
    height: 500px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 100;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    #main .dummy--footer {
        height: 500px;
       
    }
}

#main .AddToBagButton,
#main .add-to-bag {
    max-width: 100%
}

@media screen and (max-width: 767px) {
    #main .AddToBagButton,
    #main .add-to-bag {
        width: 100%
    }
}

#main .org--price {
    text-decoration: line-through;
    font-size: 0.875em
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5 {
    margin-top: 0
}

#main h2 {
    color: #ffdba1;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: .28125em;
    line-height: 1.33333em;
    text-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.8)
}

#main h5 {
    color: #ffdba1;
    font-size: 1.334em;
    line-height: 1.33333em;
    margin-bottom: .44444em;
    font-weight: bold;
    letter-spacing: .1875em;
    text-align: center;
    text-shadow: 0 0 20px 0 rgba(56, 5, 5, 0.8)
}

#main p {
    margin-top: 0;
    font-size: 1.5em;
    margin-bottom: 1em
}

#main p.small {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: left;
}

#main p:last-child,
#main p.last {
    margin-bottom: 0
}

#main ul.disc {
    margin-bottom: 1em
}

#main ul.disc li {
    font-size: 1.2em;
    list-style: disc
}

@media screen and (max-width: 767px) {
    #main ul.disc li {
        font-size: 1em
    }
}

#main ol.disc {
    margin-bottom: 1em
}

#main ol.disc li {
    font-size: 1.2em;
    list-style: decimal
}

@media screen and (max-width: 767px) {
    #main ol.disc li {
        font-size: 1em
    }
}

#main .btn {
    font-size: .875em;
    font-weight: bold;
    padding: .625em;
    min-width: 12.5em;
    text-align: center;
    letter-spacing: .0625rem;
    line-height: 1.42857em;
    display: inline-block;
    border-radius: .25em;
    margin-bottom: .5em
}

@media screen and (max-width: 767px) {
    #main .btn {
        border-radius: .625em;
        font-size: 1.6em;
        margin-bottom: 0.8em
    }
}

#main .btn:hover {
    cursor: pointer
}

#main .btn:last-child {
    margin-bottom: 0
}

#main .btn.primary {
    background-color: #3d8705;
    color: #fff
}

#main .btn.secondary {
    color: #fff;
    border: 1px solid #fff !important;
    background-color: transparent !important;
}

#main .btn.right_arrow {
    position: relative
}

#main .btn.right_arrow:after {
    content: '>';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .625em
}

#main .btn.full {
    width: 100%;
    min-width: unset
}

#main .btn.gold {
    color: #8f7247;
    border-color: #8f7247
}

#main .btn.gold:hover {
    color: #fff;
    background-color: #8f7247
}

#main .btn.add_basket {
    max-width: 14.1875rem;
    width: 100%
}

#main .product__wrapper {
    display: flex;
    flex: 0 0 auto
}

@media screen and (max-width: 767px) {
    #main .product__wrapper {
        overflow-x: auto
    }
}

#main .product__items {
    display: flex;
    align-items: center;
    width: 50%
}

@media screen and (max-width: 767px) {
    #main .product__items {
        width: 80%;
        flex: 0 0 80%;
        display: flex;
        flex-direction: column
    }
}

#main .product__items:first-child {
    justify-content: flex-end
}

#main .product__items:first-child .product--items__desc {
    text-align: right;
    width: 40%;
    padding-bottom: 20px;
    
}

#main .product__items:first-child .product--items__title {
    text-align: left
}

#main .product__items:first-child .product--items__img {
    transform: rotate(-1deg)
}

#main .product__items:last-child {
    justify-content: flex-start
}

#main .product__items:last-child .product--items__desc {
    text-align: left;
    order: 2
}

#main .product__items:last-child .product--items__title {
    text-align: left;
    padding-bottom: 20px;
    
}

#main .product__items:last-child .product--items__img--wrapper {
    order: 1
}

#main .product--items__actions {
    max-width: 18em
}

@media screen and (max-width: 767px) {
    #main .product--items__actions {
        max-width: inherit
    }
}

#main .product--items__actions .btn {
    display: block
}

#main .product--items__actions .add-to-bag,
#main .product--items__actions .AddToBagButton {
    width: 100%
}

#main .product--items__img--wrapper {
    text-align: center;
width: 60%;
    /* width: 60%;
    margin-left: -11.5%;
    margin-right: -11% */
}

@media screen and (max-width: 767px) {
    #main .product--items__img--wrapper {
        order: 1;
        width: 90%
    }
}

#main .product--items__img {
    padding-top: 92.33517%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat
}

#main .product--items__desc {
    padding: 18px
}

@media screen and (max-width: 767px) {
    #main .product--items__desc {
        order: 2;
        width: 100%;
        padding: 5%;
        text-align: center
    }
}

#main .product--items__title {
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    #main .product--items__title {
        color: #fff !important;
        text-align: center !important;
        font-size: 2.2em
    }
}

@media screen and (max-width: 767px) {
    #main .product--items__sleeves,
    #main .product--items__price {
        font-size: 1.5em !important;
        text-align: center !important;
        margin-bottom: 0.5em
    }
}

#main .recipe--poup {
    display: flex;
    justify-content: center;
    align-items: center
}

#main .recipe--poup.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: fadeIn 0.3s ease-out
}

#main .recipe--poup__container {
    max-width: 40.625em;
    width: 80%;
    max-height: 80%;
    border-radius: .5em;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__container {
        width: 100%;
        height: 100%;
        max-width: unset;
        max-height: unset
    }
}

#main .recipe--poup__close {
    position: absolute;
    z-index: 10;
    top: 1.5em;
    right: 1.5em;
    color: #ffee50
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__close {
        top: 65px;
        right: 1.5em
    }
}

#main .recipe--poup__close:hover {
    cursor: pointer
}

#main .recipe--poup__close>span {
    font-size: 2em
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__close>span {
        font-size: 4em
    }
}

#main .recipe--poup__product--wrapper {
    display: flex;
    background-size: cover;
    background-position: left center;
    padding-top: 38.2263%;
    position: relative
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__product--wrapper {
        padding-top: 86%;
        margin-bottom: 11.5em;
        background-position: top center
    }
    #main .recipe--poup__product--wrapper.popup2 {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/recipe_topbanner_everything_m.jpg) !important;
        background-size: 116%
    }
    #main .recipe--poup__product--wrapper.popup1 {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/recipe_topbanner_house_m.jpg) !important
    }
}

#main .recipe--poup__header--txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 46%;
    padding-right: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__header--txt {
        padding-left: unset;
        padding-right: unset;
        top: 100%;
        display: block;
        left: 0;
        right: 0;
        bottom: unset;
        background-color: #391111;
        height: 11.5em;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__header--desc {
        font-size: 1.4em !important;
        text-align: left
    }
}

#main .recipe--poup__header--title {
    color: #ffdba1;
    text-transform: uppercase;
    letter-spacing: .1875em;
    text-align: left
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__header--title {
        font-size: 1.8em;
        text-align: center
    }
}

#main .recipe--poup__product {
    padding-top: 71.71429%;
    background-size: cover
}

#main .recipe--poup__content--wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

#main .recipe--poup__cont--wrapper {
    background-color: #fff;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 5%;
    padding-right: 1.25em;
    color: #000
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__cont--wrapper {
        overflow-y: auto
    }
}

#main .recipe--poup__cont--wrapper .__bar-is-vertical {
    background-color: rgba(0, 0, 0, 0.5) !important
}

#main .recipe--poup__item {
    display: none;
    height: 100%
}

#main .recipe--poup__item.active {
    display: block
}

#main .recipe--poup__content .list__preparation,
#main .recipe--poup__content .list__ingredients {
    font-size: 1.125em;
    line-height: 1.44444em;
    padding-left: 1.5em
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__content .list__preparation,
    #main .recipe--poup__content .list__ingredients {
        padding-left: 1.6em;
        font-size: 1.8em;
        line-height: 2em
    }
}

#main .recipe--poup__content .list__ingredients {
    display: flex;
    flex-wrap: wrap
}

#main .recipe--poup__content .list__ingredients li {
    width: 50%
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__content .list__ingredients li {
        width: 100%
    }
}

#main .recipe--poup__subtitle {
    color: #000;
    text-align: left;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__subtitle {
        font-size: 1.8em
    }
}

@media screen and (max-width: 767px) {
    #main .recipe--poup__remark {
        font-size: 1.5em !important
    }
}

#main .machine--popup {
    position: fixed;
    top: 125px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

@media screen and (max-width: 767px) {
    #main .machine--popup {
        top: 50px
    }
}

#main .machine--popup .container--wrapper {
    height: 100%
}

#main .machine--popup__container {
    width: 80%;
    margin: auto;
    height: 100%;
    position: relative
}

@media screen and (max-width: 767px) {
    #main .machine--popup__container {
        width: 100%
    }
}

#main .machine--popup__content--wrapper {
    position: relative
}

#main .machine--popup__content {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    #main .machine--popup__content {
        flex-wrap: wrap;
        padding-left: 10%;
        padding-right: 10%;
        overflow-y: auto;
        max-height: 78vh;
        padding-bottom: 6em
    }
}

#main .machine--popup__img {
    width: 50%;
    flex: 0 0 50%
}

#main .machine--popup__img img {
    display: none
}

@media screen and (max-width: 767px) {
    #main .machine--popup__img img {
        width: 64%
    }
}

@media screen and (max-width: 767px) {
    #main .machine--popup__img {
        width: 100%;
        flex: 0 0 100%;
        text-align: center
    }
}

#main .machine--popup .btn__close {
    animation: slideUp 0.6s ease-out
}

#main .machine--popup__txt {
    animation: slideUp 0.6s ease-out
}

#main .machine--popup__txt .sect__title {
    text-align: left
}

@media screen and (max-width: 767px) {
    #main .machine--popup__txt {
        width: 100%;
        font-size: 1.4em
    }
    #main .machine--popup__txt p {
        font-size: 1em
    }
    #main .machine--popup__txt .add-to-bag {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1em 10% 1em 10%;
        background-color: #7e0001;
        box-shadow: -2.98175px -13.98177px 22px -12px rgba(0, 0, 0, 0.56)
    }
}

#main .machine--popup .btn__close {
    position: absolute;
    top: 2.5em;
    right: 2.8em;
    z-index: 100
}

#main .machine--popup .btn__close span {
    font-size: 3em;
    color: #ffee50
}

@media screen and (max-width: 767px) {
    #main .machine--popup .btn__close span {
        font-size: 4.5em
    }
}

#main .machine--popup .btn {
    min-width: 15.625em
}

@media screen and (max-width: 767px) {
    #main .machine--popup .btn {
        width: 100%
    }
}

#main .machine--popup .price {
    font-size: 1.5em;
    line-height: 1.33333em;
    font-weight: bold;
    margin-bottom: 1.33333em
}

@media screen and (max-width: 767px) {
    #main .machine--popup .price {
        font-size: 2.3rem;
        margin-bottom: 1rem
    }
}

#main .machine--popup ul {
    padding-left: 1.5em
}

@media screen and (max-width: 767px) {
    #main .machine--popup .sect__title {
        font-size: 2em
    }
}

#main .recipe__items {
    display: flex;
    margin-left: -.9375em;
    margin-right: -.9375em;
    margin-bottom: 2em
}

@media screen and (max-width: 767px) {
    #main .recipe__items {
        flex-wrap: wrap;
        width: 84%;
        margin: auto
    }
}

#main .recipe__item {
    padding: 0 .9375em;
    flex: 0 0 50%
}

@media screen and (max-width: 767px) {
    #main .recipe__item {
        flex: 0 0 100%
    }
}

#main .recipe__item:last-child .recipe__bg {
    margin-top: 3em
}

@media screen and (max-width: 767px) {
    #main .recipe__item:last-child .recipe__bg {
        margin-top: 2rem
    }
}

#main .recipe__bg {
    padding-top: 74.94824%;
    position: relative;
    background-size: 100%;
    background-position: center center;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
    -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
    -ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
    -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms
}

@media screen and (max-width: 767px) {
    #main .recipe__bg {
        padding-top: 38.95%
    }
}

#main .recipe__bg:hover {
    cursor: pointer;
    transform: translateY(-5%);
    background-size: 120%
}

#main .recipe__content--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center
}

#main .recipe__content {
    padding: 4.96894%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) .03%, #000 100%);
    width: 100%
}

#main .recipe__name {
    margin-bottom: 1em;
    letter-spacing: .1875em;
    text-transform: uppercase;
    color: #fff
}

@media screen and (max-width: 767px) {
    #main .recipe__name {
        font-size: 1.9em;
        color: #fff !important
    }
}

@media screen and (max-width: 767px) {
    #main .recipe__desc {
        display: none
    }
}
.new-recipeTab{
    border-radius: 8px;
    background-color: #613915;
    background: linear-gradient(225deg, #a05150 0%, #592929 100%), linear-gradient(135deg, #ae3b38 0%, #781214 49.3%, #613915 100%);
}
#main .recipe--tab {
    display: flex;
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.41%;
    padding-top: 1%;
    padding-bottom: 1%;
  
    align-items: center
}

@media screen and (max-width: 767px) {
    #main .recipe--tab {
        margin-top: 2rem;
        flex-direction: column;
        padding: 5%
    }
    #main .recipe--tab img {
        flex: 0 0 20%;
        height: auto;
        width: 8%;
        margin-right: 5%
    }
    #main .recipe--tab .recipe--tab__title {
        font-size: 2em
    }
    #main .recipe--tab p.small {
        font-size: 1.5em
    }
    #main .recipe--tab .btn {
        width: 100%;
        margin-top: 0.5em
    }
}

#main .recipe--tab__top {
    flex: 1 1 auto;
    display: flex;
    align-items: center
}

#main .recipe--tab__img {
    width: 8.948%;
    flex: 0 0 auto;
    margin-right: 2.41%
}

#main .recipe--tab__title {
    margin: auto;
/* padding: 0 2.41%; */
max-width: 80%;
    font-weight: bold;
    letter-spacing: .16667em;
    text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    text-align: left !important;
    color: #fff
}

#main .recipe--tab__txt {
    flex: 1 1 auto;
    margin-right: 2.41%
}

#main .machine .sect__title {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    #main .machine .sect__title,
    #main .machine .sect__desc,
    #main .machine .machine__desc--detail {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
    #main .machine .sect__title {
        width: 90%
    }
    #main .machine__item {
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.5);
        padding: 8% !important
    }
    #main .machine__desc,
    #main .machine__name {
        color: #000
    }
    #main .machine__actions {
        display: block !important
    }
    #main .machine__img--wrapper {
        padding-top: 69.99% !important;
        transform: scale(1.3) !important;
        margin-bottom: 1em
    }
    #main .machine__desc>* {
        font-size: 2em !important
    }
    #main .machine__desc--detail {
        font-size: 1.5em !important
    }
}

@media screen and (max-width: 375px) {
    #main .machine .bg--ratio__container {
        justify-content: flex-start;
        padding-top: 5em
    }
}

#main .machine__item {
    background-color: #7a1812;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    min-height: 80%;
    opacity: 95%
}

#main .machine__items {
    height: auto;
    overflow: hidden;
    padding-bottom: 2rem
}

#main .machine__items:focus {
    outline: none
}

#main .machine__items .swiper-slide {
    padding-left: .9375em;
    padding-right: .9375em
}

@media screen and (max-width: 767px) {
    #main .machine__items .swiper-slide {
        padding-left: 4%;
        padding-right: 4%
    }
}

#main .machine__items .swiper-wrapper {
    padding-left: 4em;
    padding-right: 4em;
    width: calc(100% - 4em)
}

@media screen and (max-width: 767px) {
    #main .machine__items .swiper-wrapper {
        width: unset;
        padding-left: unset;
        padding-right: unset
    }
}

#main .machine__items .swiper-wrapper:focus {
    outline: none
}

#main .machine__items .swiper-wrapper {
    align-items: center
}

#main .machine__items .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#main .machine__items .hooper-navigation .is-disabled {
    display: none
}

@media screen and (max-width: 767px) {
    #main .machine__items .hooper-navigation {
        display: none
    }
}

#main .machine__desc {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold
}

#main .machine__actions {
    margin-top: 1em;
    display: none
}

#main .machine__actions .add-to-bag,
#main .machine__actions .AddToBagButton {
    width: 100%
}

#main .machine__img--wrapper {
    padding-top: 57%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(0.75);
    position: relative
}

#main .machine__img--wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 70%
}

#main .is-current .machine__item {
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.5);
    padding: 1.5em
}

#main .is-current .machine__desc,
#main .is-current .machine__name {
    color: #000
}

#main .is-current .machine__actions {
    display: block
}

#main .is-current .machine__img--wrapper {
    padding-top: 82%;
    transform: scale(1.4)
}

#main .sect__machine>.container--wrapper {
    position: relative
}

#main .sect__machine .hooper-prev,
#main .sect__machine .hooper-next {
    color: white;
    padding: 0
}

#main .sect__machine .hooper-prev:focus,
#main .sect__machine .hooper-next:focus {
    outline: none
}

#main .sect__machine .hooper-prev:before,
#main .sect__machine .hooper-next:before {
    font-family: "nespresso cny icons";
    font-size: 3em
}

#main .sect__machine .hooper-prev svg,
#main .sect__machine .hooper-next svg {
    display: none
}

#main .sect__machine .hooper-prev {
    left: .625em
}

#main .sect__machine .hooper-prev:before {
    content: '\e901'
}

#main .sect__machine .hooper-next {
    right: .625em
}

#main .sect__machine .hooper-next:before {
    content: '\e902'
}

#main .machine--popup__container {
    display: flex;
    align-items: center
}

#main .pocket__left--col {
    width: 49.49398%;
    padding: 1%
}

@media screen and (max-width: 767px) {
    #main .pocket__left--col {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        order: 2;
        margin-top: -16%;
        z-index: 10
    }
    #main .pocket__left--col p.small {
        font-size: 1.5em
    }
    #main .pocket__left--col .btn {
        width: 100%;
        max-width: inherit !important
    }
}

#main .pocket__right--col {
    position: relative;
    flex: 1 1 auto;
    height: 100%
}

@media screen and (max-width: 767px) {
    #main .pocket__right--col {
        height: unset;
        width: 100%
    }
    #main .pocket__right--col .content {
        padding-top: 61%;
        order: 1;
        width: 100%
    }
}

#main .pocket__item {
    position: absolute
}

#main .pocket__item .front {
    -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    -ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms
}

#main .pocket__item .back {
    position: absolute;
    top: 0
}

#main .pocket__item1 {
    width: 64%;
    z-index: 2;
    margin-left: -4%;
    top: 19%
}

@media screen and (max-width: 767px) {
    #main .pocket__item1 {
        width: 47%;
        left: 14%
    }
}

#main .pocket__item1 .front {
    transform-origin: 43% 97%;
    transform: rotate(-4deg)
}

#main .pocket__item1 .back {
    left: -3.5%
}

#main .pocket__item2 {
    width: 78%;
    left: 25%;
    top: 19%;
    z-index: 1
}

@media screen and (max-width: 767px) {
    #main .pocket__item2 {
        width: 55%;
        left: 37%
    }
}

#main .pocket__item2 .front {
    transform: rotate(4deg)
}

#main .pocket__item2 .back {
    left: 0
}

#main .pocket__bg {
    padding-top: 50.23%;
    position: relative;
    background-size: 132%;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    margin-top: 125px
}

@media screen and (max-width: 767px) {
    #main .pocket__bg {
        background-size: 338% !important;
        background-position: 54% -28% !important
    }
}

#main .pocket__bg:before,
#main .pocket__bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%
}

@media screen and (max-width: 767px) {
    #main .pocket__bg:before,
    #main .pocket__bg:after {
        top: 62%;
        width: 100%
    }
}

#main .pocket__bg:before {
    left: 0;
    background: linear-gradient(90deg, #7e0001 0%, rgba(0, 0, 0, 0) 100%)
}

@media screen and (max-width: 767px) {
    #main .pocket__bg:before {
        background: url(/media/wysiwyg/cmsPages/othersp/2021cny/bg_pattern.jpg);
        opacity: 0.5;
        background-size: 4em;
        bottom: 0
    }
}

#main .pocket__bg:after {
    right: 0;
    background: linear-gradient(-90deg, #7e0001 0%, rgba(0, 0, 0, 0) 100%)
}

@media screen and (max-width: 767px) {
    #main .pocket__bg:after {
        background: linear-gradient(180deg, #7e0001 0%, rgba(0, 0, 0, 0) 100%);
        background-size: unset;
        bottom: 0;
        top: 60%
    }
}

@media screen and (max-width: 767px) {
    #main .pocket__bg {
        margin-top: 50px;
        padding-top: 120%;
        background-size: 256%;
        background-position: top center
    }
}

#main .pocket__bg .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#main .pocket__bg .container .content--inner {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

@media screen and (max-width: 767px) {
    #main .pocket__bg .container .content--inner {
        flex-wrap: wrap;
        align-items: flex-start
    }
}

#main .menu--popup {
    position: fixed;
    top: 125px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 10000
}

@media screen and (max-width: 767px) {
    #main .menu--popup {
        top: 50px
    }
}

#main .menu--popup.active {
    display: block
}

#main .menu--popup .btn_close {
    font-size: 3em;
    color: #ffee50;
    position: absolute;
    top: 0.7em;
    right: 0.7em;
    display: block
}

#main .menu--popup .btn_close span {
    display: inline-block
}

#main .menu--popup .container--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative
}

#main .menu--popup__list {
    display: flex;
    flex-direction: column;
    align-items: center
}

#main .menu--popup__list a {
    color: #fff;
    font-size: 2.25em;
    line-height: 1.33333em;
    font-weight: bold;
    margin-bottom: 1.5em;
    letter-spacing: .16667em;
    text-transform: uppercase;
    text-align: center
}

#main .menu--popup__list a:hover,
#main .menu--popup__list a.active {
    color: #ffee50;
    cursor: pointer
}

#main .social--links {
    display: flex
}

#main .social--links a {
    margin-right: 1.5em
}

#main .social--links a:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    #main .social--links a {
        font-size: 4.5rem
    }
}

#main .menu--button__wrapper {
    position: fixed;
    z-index: 100;
    top: 125px;
    left: 0;
    right: 0;
    display: none;
    overflow: visible
}

@media screen and (max-width: 767px) {
    #main .menu--button__wrapper {
        top: 50px
    }
}

#main .menu--button__wrapper .content--inner {
    position: relative
}

#main .menu--button__wrapper.active {
    display: block
}

#main .btn__menu {
    font-size: 3em;
    color: #ffee50;
    position: absolute;
    top: 0.81em;
    right: 0.7em;
    display: flex
}

#main .btn__menu:hover {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    #main .btn__menu {
        font-size: 4.5em;
        right: 0.4em
    }
}

#main .bg--ratio {
    padding-top: 48.22693%;
    position: relative
}

@media screen and (max-width: 767px) {
    #main .bg--ratio {
        padding-top: 144%
    }
}

@media screen and (max-width: 375px) {
    #main .bg--ratio {
        padding-top: 130%
    }
}

#main .bg--ratio__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#main .bg--ratio__container.hide {
    display: none !important
}

#main .mask {
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    bottom: -18%;
    background: radial-gradient(ellipse at 51% 39%, rgba(219, 219, 219, 0) 44%, rgba(126, 0, 1, 0.5) 56%, #7e0001 69%);
    z-index: 100
}

#main .mask.disable {
    display: none
}

@media screen and (max-width: 767px) {
    #main .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -18%;
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/red_shadow_large.png);
        background-repeat: no-repeat no-repeat;
        background-position: 50% 2%;
        background-size: 149% 97%
    }
}

#main .landing__video {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
    #main .landing__video {
        width: 94%;
        top: 25%
    }
}

#main .landing__video:before {
    content: '';
    padding-top: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    #main .landing__video:before {
        display: none
    }
}

#main .landing__video #about,
#main .landing__video #home__video {
    width: 100%;
    padding-top: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

#main .landing__video #about video,
#main .landing__video #home__video video {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 767px) {
    #main .landing__video #home__video {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/home_static.jpg);
        background-size: cover
    }
    #main .landing__video #home__video video {
        display: none
    }
}

@media screen and (max-width: 767px) {
    #main .landing__video #about {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/shanghailungo_static_m.jpg);
        background-size: cover
    }
    #main .landing__video #about video {
        display: none
    }
}

#main .landing__window--wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#main .landing__window {
    padding-top: 64.66667%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 100
}

@media screen and (max-width: 767px) {
    #main .landing__window {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/bg_home_m.png) !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: unset;
        background-size: 100%;
        transform: translateY(13%)
    }
}

#main .landing__content--wrapper {
    width: 43%;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper {
        top: 3%;
        width: 83%;
        transform: translateX(-50%)
    }
}

#main .landing__content--wrapper:before {
    content: '';
    padding-top: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper:before {
        display: none
    }
}

#main .landing__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767px) {
    #main .landing__content {
        position: relative;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important
    }
}

#main .landing__content .sect__title {
    top: 14%;
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 10%;
    padding-right: 10%
}

@media screen and (max-width: 767px) {
    #main .landing__content .sect__title {
        position: relative;
        top: unset;
        width: unset
    }
}

#main .landing__scroll {
    width: 18.28154%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    align-self: flex-end;
    position: relative
}

@media screen and (max-width: 767px) {
    #main .landing__scroll {
        display: none
    }
}

#main .landing__scroll:before {
    content: '';
    padding-top: 100%;
    display: block
}

#main .landing__scroll--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#main .landing__scroll--content>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#main .landing__scroll--content .start {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: .3125em
}

#main .landing__scroll--content .icon {
    display: inline-block;
    font-size: 155%;
    animation: scrollupDown 3000ms infinite
}

#main .bg--block {
    position: fixed;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    overflow: hidden;
    height: 100%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #main .bg--block {
        top: 0
    }
}

#main .bg--block .bg--ratio {
    padding-top: inherit;
    height: 100%;
    width: 100%
}

#main .bg--block .light--shadow {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(ellipse at 48% 38%, rgba(219, 219, 219, 0) 36%, #7e0001 58%);
    background-position: 0 5rem;
    animation: myOrbit 10s linear infinite
}

@media screen and (max-width: 767px) {
    #main .bg--block .light--shadow {
        background-image: url(/media/wysiwyg/cmsPages/othersp/2021cny/red_shadow_large.png);
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
        animation: unset
    }
}

@media screen and (max-width: 767px) {
    #main .bg--block {
        top: 50px
    }
}

#main .bg--block .ribbon--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 76%;
    z-index: 1;
    transform: translate(100%, -5%);
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 1500ms;
    -moz-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 1500ms;
    -ms-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 1500ms;
    -o-transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 1500ms;
    transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 1500ms
}

@media screen and (max-width: 767px) {
    #main .bg--block .ribbon--img {
        width: 220%;
        max-width: unset
    }
}

#main .bg--block .ribbon--img.package {
    transform: translate(35%, -5%);
    opacity: 1
}

@media screen and (max-width: 767px) {
    #main .bg--block .ribbon--img.package {
        transform: translate(-7%, -18%)
    }
}

#main .bg--block .ribbon--img.machine {
    transform: translate(-68%, -81%) rotate(62deg);
    opacity: 1
}

#main .bg--block .ribbon--img.recipe {
    transform: translate(-5%, -67%) rotate(5deg);
    opacity: 1
}

#main .bg--block .ribbon--img.popupOpen {
    transform: translate(9%, -15%);
    opacity: 1
}

@media screen and (max-width: 767px) {
    #main .bg--block .ribbon--img.popupOpen {
        transform: translate(-2%, -24%)
    }
}

#main .bg--block.active .bg--ratio__container {
    background: url(/media/wysiwyg/cmsPages/othersp/2021cny/bg_pattern.jpg);
    background-position: center;
    background-size: 4em;
    opacity: 0.5
}

#main .bg--block.active .light--shadow {
    display: block
}

#main .main>.container--wrapper.bgActive {
    background: url(/media/wysiwyg/cmsPages/othersp/2021cny/bg.jpg);
    background-repeat: no-repeat;
    background-position: center
}

#main .first__section>div {
    float: left
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper.home .landing__content {
        height: 19em;
        display: flex;
        align-items: center
    }
    #main .landing__content--wrapper.home .sect__title {
        padding-left: 0;
        padding-right: 0
    }
}

#main .landing__content--wrapper.about .landing__content {
    flex-direction: column;
    align-items: center
}

#main .landing__content--wrapper.about .landing__content>* {
    opacity: 0
}

#main .landing__content--wrapper.about .landing__content .desc p {
    margin-bottom: 0
}

#main .landing__content--wrapper.about .landing__content .sect__desc {
    position: absolute;
    left: 0;
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    top: 17%
}

#main .landing__content--wrapper.about .landing__content .sect__title {
    top: 22%
}

#main .landing__content--wrapper.about .landing__content .sect__desc,
#main .landing__content--wrapper.about .landing__content .sect__title {
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper.about .landing__content .sect__desc,
    #main .landing__content--wrapper.about .landing__content .sect__title {
        position: relative;
        top: inherit
    }
}

#main .landing__content--wrapper.about .landing__content .desc {
    top: 30%;
    width: 64%;
    left: 18%;
    position: absolute;
    text-align: center
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper.about .landing__content .desc {
        position: relative;
        top: inherit;
        width: 100%;
        left: 0
    }
    #main .landing__content--wrapper.about .landing__content .desc p {
        display: none
    }
    #main .landing__content--wrapper.about .landing__content .desc .btn {
        width: 100%
    }
}

#main .landing__content--wrapper.about .landing__content .btn__know {
    display: none
}

@media screen and (max-width: 767px) {
    #main .landing__content--wrapper.about .landing__content .btn__know {
        display: block
    }
}

#main .about--popup {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    transform: unset;
    width: 100%;
    top: 50px;
    padding-top: 50px;
    display: none
}

#main .about--popup.active {
    display: block
}

#main .about--popup .landing__content {
    padding-left: 10%;
    padding-right: 10%
}

#main .about--popup .btn__close {
    font-size: 3em;
    color: #ffee50;
    position: absolute;
    top: 1.5em;
    right: 0.5em
}

#main .about--popup .sect__desc,
#main .about--popup .sect__title {
    position: relative !important;
    opacity: 1 !important
}

#main .about--popup p {
    color: #fff;
    font-size: 1.5em;
    opacity: 1 !important
}

#main .about--popup .btn__cart {
    opacity: 1 !important;
    width: 100%
}

#main #home {
    overflow: visible
}

#main #home.active #home__video video {
    display: block
}

#main #home .bg--ratio__container {
    overflow: visible
}

#main #home .mobile {
    display: none
}

@media screen and (max-width: 767px) {
    #main #home .mobile {
        display: block
    }
}

#main #home .desktop {
    display: block
}

@media screen and (max-width: 767px) {
    #main #home .desktop {
        display: none
    }
}

#main #home .menu--button__wrapper {
    position: absolute;
    top: 0;
    z-index: 200
}

@media screen and (max-width: 767px) {
    #main #home.active .menu--button__wrapper {
        display: block
    }
}

.main .landing__content,
.main .landing__content .desc,
.main .machine__item,
.main .bg--ratio__container,
.main .landing__scroll--content>div,
.main .recipe--poup,
.main .menu--popup,
.main .machine--popup__container,
.main .sect,
.main .content--inner,
.main .about--popup {
    font-size: 13.5px
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .main .landing__content,
    .main .landing__content .desc,
    .main .machine__item,
    .main .bg--ratio__container,
    .main .landing__scroll--content>div,
    .main .recipe--poup,
    .main .menu--popup,
    .main .machine--popup__container,
    .main .sect,
    .main .content--inner,
    .main .about--popup {
        font-size: 1vw
    }
}

@media screen and (max-width: 767px) {
    .main .landing__content,
    .main .landing__content .desc,
    .main .machine__item,
    .main .bg--ratio__container,
    .main .landing__scroll--content>div,
    .main .recipe--poup,
    .main .menu--popup,
    .main .machine--popup__container,
    .main .sect,
    .main .content--inner,
    .main .about--popup {
        font-size: 2.2vw
    }
}

@media screen and (max-width: 375px) {
    .main .landing__content,
    .main .landing__content .desc,
    .main .machine__item,
    .main .bg--ratio__container,
    .main .landing__scroll--content>div,
    .main .recipe--poup,
    .main .menu--popup,
    .main .machine--popup__container,
    .main .sect,
    .main .content--inner,
    .main .about--popup {
        font-size: 2vw
    }
}

.main .AddToBagButton__container {
    font-size: 13.5px
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .main .AddToBagButton__container {
        font-size: 1vw
    }
}

@media screen and (min-width: 769px) {
    .main .AddToBagButtonLarge__basketIcon {
        position: absolute;
        left: 0.2em;
        top: 50%;
        font-size: 1.875em;
        transform: translateY(-50%)
    }
    .main .AddToBagButtonLarge__quantity {
        width: 100%;
        top: 61%;
        transform: translateY(-50%)
    }
    .main .AddToBagButtonLarge__label {
        font-size: 0.7em
    }
    .main .AddToBagButtonLarge__plusIcon {
        font-size: 0.8em;
        right: 0.5em;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 767px) {
    .main .HeaderNavigationBar__switch {
        top: 0
    }
}



.Header__top-wrapper {
    z-index: 2008
}

.HeaderNavigationBar__switch {
    top: 0;
    z-index: 2010
}

@media screen and (max-width: 767px) {
    .btn__cart {
        transform: unset !important
    }
}


.QuantitySelector:before {
    content: ''
}

@media screen and (max-width: 767px) {
    .QuantitySelector__container .TextField__label--compact {
        top: unset
    }
}

.QuantitySelector__container .TextField--active .TextField__label--compact {
    left: 5px
}

.QuantitySelector__container .QuantitySelectorCustomField__field {
    margin-bottom: 0
}

.QuantitySelector__container .QuantitySelectorCustomField__button-ok {
    height: unset
}

input#ta-quantity-selector__custom-field {
    margin-bottom: 0
}

#footer {
    background-color: #1b1b1b;
    position: relative;
    z-index: 100
}

#header {
    position: relative;
    z-index: 12
}

#header.noActive {
    position: unset;
    z-index: unset
}

@media screen and (max-width: 767px) {
    #header {
        height: unset
    }
}

.smartbanner {
    z-index: 11
}

footer {
    margin-top: -20px;
    position: relative;
    z-index: 100
}

#nespresso-livechat {
    z-index: 1000
}

html.has-overlay-fixed {
    overflow: unset;
    position: unset;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset
}

.HeaderCountryMessage {
    height: 0 !important;
    overflow: hidden
}

html.hasMessageBar {
    margin-top: 80px
}

html.hasMessageBar .HeaderCountryMessage {
    height: 60px !important
}

html.hasMessageBar .Header__top-wrapper,
html.hasMessageBar .HeaderNavigationBar,
html.hasMessageBar .HeaderNavigationBar__nav {
    top: 60px
}