/** Shopify CDN: Minification failed

Line 320:16 Expected identifier but found whitespace
Line 321:12 Unexpected "{"
Line 322:20 Expected ":"
Line 326:4 Unexpected ","
Line 328:8 Unexpected "{"
Line 329:16 Expected ":"
Line 611:21 Expected identifier but found whitespace
Line 612:12 Unexpected "{"
Line 613:20 Expected ":"
Line 620:10 Expected identifier but found whitespace
... and 21 more hidden warnings

**/
@charset "UTF-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    display: inline-block;
    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-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: KG HAPPY Solid;
    src: url('KGHAPPYSolid.woff2' | asset_url) format("woff2"), url('KGHAPPYSolid.woff' | asset_url) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
    size-adjust: 97%;
}

@font-face {
    font-family: KGHappySolid;
    src: url(/cdn/shop/t/115/assets/KGHAPPYSolid.woff2?v=5124083258994759742) format("woff2"), url(/cdn/shop/t/115/assets/KGHAPPYSolid.woff?v=8884796394159031110) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
    size-adjust: 97%;
}

.number-icon {
    width: 33px;
    height: 33px;
    border: 1.5px solid #01bcbe;
    border-radius: 50%;
    margin: 0 13px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #01bcbe;
    transition: border-color color .2s .2s
}

html {
    font-size: 62.5%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body,
html {
    font-weight: 400
}

body {
    font-style: normal;
    font-size: 16px;
    line-height: 1.4
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: Avenir, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: {
            {
            settings.font_heading.family
        }
    }

    ,
    {
        {
        settings.font_heading.fallback_families
    }
}
}

.h1 {
    font-size: 40px
}

.h1,
.h2 {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    text-transform: capitalize
}

.h2 {
    font-size: 32px
}

.h2-alt {
    color: #01bcbe;
    font-size: 40px;
    color: #fff
}

.h2-alt,
.h3 {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 16px
}

.h3 {
    color: #01bcbe;
    font-size: 24px
}

.h4 {
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px
}

.h4,
.h5 {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize
}

.h5 {
    color: #01bcbe;
    margin: 0 0 8px;
    font-size: 14px;
    color: #4d4d4d
}

.order-title {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px
}

@media (max-width:670px) {
    .order-title {
        font-size: 14px;
        margin: 0 0 6px
    }
}

.section-title {
    font-size: 18px;
    line-height: 1.4;
    font-family: KG HAPPY Solid, sans-serif;
    color: #01bcbe
}

@media (max-width:768px) {
    .section-title {
        font-size: 26px
    }
}

@media (max-width:1080px) {
    .h1 {
        margin: 0 0 12px;
        font-size: 32px
    }

    .h2-alt {
        font-size: 26px
    }
}

.text-small {
    font-size: 14px
}

.text-large,
.text-small {
    font-family: Avenir, sans-serif;
    color: #4d4d4d
}

.text-large {
    font-size: 18px;
    line-height: 26px
}

@media (max-width:875px) {
    .text-large {
        font-size: 16px;
        line-height: 24px
    }
}

.text-label-small {
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #4d4d4d
}

body,
button,
input,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.acct-label {
    text-transform: capitalize
}

.acct-label,
.option-label {
    font-size: 16px;
    font-family: KG HAPPY Solid, sans-serif;
    color: #4d4d4d
}

.nav-item-alt {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600
}

a:focus {
    color: inherit
}

.subnav-item {
    font-family: Work Sans
}

form {
    margin: 0
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body input,
body select,
body textarea {
    font-family: Avenir, sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    min-height: 46px;
    padding: 0 20px
}

body input[disabled],
body select[disabled],
body textarea[disabled] {
    border-color: #000;
    background-color: #000;
    cursor: default
}

body input::-webkit-input-placeholder,
body select::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
    font-family: Avenir, sans-serif;
    color: #919191
}

body input:-moz-placeholder,
body input::-moz-placeholder,
body select:-moz-placeholder,
body select::-moz-placeholder,
body textarea:-moz-placeholder,
body textarea::-moz-placeholder {
    font-family: Avenir, sans-serif;
    color: #919191
}

body input:-ms-input-placeholder,
body input::-ms-input-placeholder,
body select:-ms-input-placeholder,
body select::-ms-input-placeholder,
body textarea:-ms-input-placeholder,
body textarea::-ms-input-placeholder {
    font-family: Avenir, sans-serif;
    color: #919191
}

body input::placeholder,
body select::placeholder,
body textarea::placeholder {
    font-family: Avenir, sans-serif;
    color: #919191
}

body input:active,
body input:focus,
body select:active,
body select:focus,
body textarea:active,
body textarea:focus {
    border: 1px solid #979797
}

body input.error,
body select.error,
body textarea.error {
    border-color: #f16577;
    transition: border-color .4s;
    margin-bottom: 20px
}

@media (max-width:670px) {

    body input.error,
    body select.error,
    body textarea.error {
        margin-bottom: 30px
    }
}

button,
input[type=submit],
label[for] {
    cursor: pointer
}

textarea {
    min-height: 100px
}

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

option {
    background-color: {
            {
            settings.color_main_bg
        }
    }
}

.input-error,
option {
    color: {
            {
            settings.color_body_text
        }
    }
}

.input-error {
    border-color: #ff6d6d;
    background-color: #fff
}

.validation-container {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    min-height: 34px;
    font-size: 14px;
    line-height: 18px;
    color: #f16577;
    padding: 6px 10px 0 0
}

.validation-container.error {
    display: block;
    color: #f3576b
}

.validation-container.success {
    display: block;
    color: #a9dd61
}

.form-elements-alt input:not([type=submit]) {
    height: 46px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    color: #4d4d4d
}

.form-elements-alt input:not([type=submit])::-webkit-input-placeholder {
    color: #919191
}

.form-elements-alt input:not([type=submit]):-moz-placeholder,
.form-elements-alt input:not([type=submit])::-moz-placeholder {
    color: #919191;
    opacity: 1
}

.form-elements-alt input:not([type=submit]):-ms-input-placeholder,
.form-elements-alt input:not([type=submit])::-ms-input-placeholder {
    color: #919191
}

.form-elements-alt input:not([type=submit])::placeholder {
    color: #919191
}

.form-elements-alt select {
    height: 46px;
    padding: 0 20px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    color: #4d4d4d
}

.form-elements-alt select::-webkit-input-placeholder {
    color: #919191
}

.form-elements-alt select:-moz-placeholder,
.form-elements-alt select::-moz-placeholder {
    color: #919191;
    opacity: 1
}

.form-elements-alt select:-ms-input-placeholder,
.form-elements-alt select::-ms-input-placeholder {
    color: #919191
}

.form-elements-alt select::placeholder {
    color: #919191
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox+label {
    position: relative;
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: left;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    color: #575757
}

.styled-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #f3576b;
    border-radius: 4px
}

.styled-checkbox+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .2s
}

.styled-checkbox:hover+label:before {
    background-color: #fff
}

.styled-checkbox:hover+label:after {
    opacity: 1;
    transition: opacity .2s;
    background: #f3576b;
    box-shadow: 2px 0 0 #f3576b, 4px 0 0 #f3576b, 4px -2px 0 #f3576b, 4px -4px 0 #f3576b, 4px -6px 0 #f3576b, 4px -8px 0 #f3576b
}

.styled-checkbox:checked+label:before,
.styled-checkbox:checked:hover+label:before {
    background-color: #f3576b
}

.styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.styled-checkbox:checked+label:after,
.styled-checkbox:checked:hover+label:after {
    opacity: 1;
    transition: opacity .2s;
    background: #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-row .form-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 20px 20px 0
}

.form-row .form-column:last-child {
    padding: 0 0 20px
}

.form-row .form-column label {
    font-size: 16px;
    font-family: KG HAPPY Solid, sans-serif;
    text-transform: capitalize;
    color: #4d4d4d;
    margin: 0 0 10px
}

.form-row .form-column input,
.form-row .form-column label,
.form-row.one-up .form-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.form-row.two-up .form-column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (max-width:670px) {
    .form-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-row .form-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 25px
    }
}

.form-label {
    font-size: 16px;
    font-family: KG HAPPY Solid, sans-serif;
    text-transform: capitalize;
    color: #4d4d4d;
    display: block;
    margin: 0 0 10px
}

.input-date-container {
    position: relative
}

.calendar-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    background: #f3576b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    pointer-events: none
}

.clearfix {
    *zoom: 1
}

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

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

.js-focus-hidden:focus {
    outline: none
}

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

.no-placeholder .label-hidden,
.visually-shown {
    position: inherit !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.no-js .js,
.supports-no-cookies:not(html) {
    display: none
}

html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block
}

html.supports-no-cookies .supports-cookies {
    display: none
}

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    z-index: 10000;
    padding: 15px;

    background-color: {
            {
            settings.color_main_bg
        }
    }

    ;

    color: {
            {
            settings.color_body_text
        }
    }

    ;
    transition:none
}

.hide {
    display: none !important
}

html {
    background-color: {
            {
            settings.color_main_bg
        }
    }
}

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

body,
html {
    height: 100%
}

body#challenge,
body.layout-alt {
    background: #fbfbfb
}

body#challenge main,
body.layout-alt main {
    padding: 60px 15px 40px;
    text-align: center
}

body#challenge #shopify-section-pre-footer,
body.layout-alt #shopify-section-pre-footer {
    background: #fff
}

body#challenge #shopify-section-pre-footer .spacer,
body.layout-alt #shopify-section-pre-footer .spacer {
    background: #fbfbfb
}

body#challenge .pre-footer,
body.layout-alt .pre-footer {
    padding-top: 14px
}

body#challenge .footer,
body.layout-alt .footer {
    background: #fff
}

body.layout-account-subnav main {
    padding: 0 15px 40px;
    text-align: center
}

.divider-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e9e9e9;
    margin: 15px auto 30px
}

.divider-line-vertical {
    margin: 0 20px;
    width: 1px;
    height: 54px;
    border-right: 2px dotted #e4e4e4
}

.promo-bar {
    max-height: 100px;
    transition: max-height .25s ease-in
}

.promo-bar.collapse {
    max-height: 0
}

.container-box {
    background: #fff;
    border: 1px solid rgba(77, 77, 77, .12);
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border-radius: 8px;
    padding: 20px
}

figure {
    margin: 0
}

img,
picture {
    margin: 0;
    max-width: 100%
}

@media only screen and (max-width:45.85em) {
    .responsive-table {
        width: 100%
    }

    .responsive-table thead {
        display: none
    }

    .responsive-table tr {
        display: block
    }

    .responsive-table td,
    .responsive-table tr {
        float: left;
        clear: both;
        width: 100%
    }

    .responsive-table td,
    .responsive-table th {
        display: block;
        margin: 0;
        padding: 15px;
        text-align: right
    }

    .responsive-table td:before {
        content: attr(data-label);
        float: left;
        padding-right: 10px;
        text-align: center
    }

    .responsive-table-row+.responsive-table-row,
    tfoot>.responsive-table-row:first-child {
        position: relative;
        margin-top: 10px;
        padding-top: 15px
    }

    .responsive-table-row+.responsive-table-row:after,
    tfoot>.responsive-table-row:first-child:after {
        content: "";
        position: absolute;
        top: 0;
        right: 15px;
        left: 15px;
        display: block;

        border-bottom:1px solid {
                {
                settings.color_body_text | color_lighten: 50
            }
        }
    }
}

.rte {
    margin: 0
}

.rte img {
    height: auto
}

.rte table {
    table-layout: fixed
}

.rte ol,
.rte ul {
    margin: 0 0 15px 30px
}

.rte strong {
    font-weight: {
            {
            font_body_bold.weight | default: 'bold'
        }
    }
}

.rte-table {
    overflow: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch
}

.rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    height: auto;
    padding-bottom: 56.25%
}

.rte__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rte__table-wrapper {
    overflow: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch
}

.button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    border: 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.button-primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    min-height: 54px;
    background: #f3576b;
    border-radius: 4px;
    margin: 0 auto 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s;
    border: 0;
    outline: 0
}

.button-primary:focus,
.button-primary:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4)
}

.button-primary:active,
.button-primary:focus,
.button-primary:hover {
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s;
    color: #fff
}

.button-primary:active {
    background-color: #d94e61;
    box-shadow: none
}

.button-primary:disabled,
.button-primary[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

.button-primary.medium {
    min-height: 40px
}

@media (max-width:480px) {
    .button-primary {
        max-width: 400px
    }
}

.button-tertiary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    min-height: 54px;
    background: #fff;
    border: 2px solid #f3576b;
    border-radius: 4px;
    margin: 0 auto 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f3576b;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s
}

.button-tertiary.active,
.button-tertiary:focus,
.button-tertiary:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    border-width: 2px;
    color: #f3576b
}

.button-tertiary:active {
    background: rgba(241, 101, 119, .1)
}

.button-tertiary:disabled,
.button-tertiary[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

.button-tertiary.medium {
    min-height: 38px
}

.button-tertiary.small {
    min-height: 27px;
    font-size: 14px;
    text-transform: none
}

@media (max-width:480px) {
    .button-tertiary {
        max-width: 400px
    }
}

.btn-decline {
    width: auto;
    padding: 0;
    background: transparent;
    border: unset;
    min-height: auto;
    margin-bottom: 0 !important
}

.button-with-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    max-width: 250px;
    min-height: 38px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 4px;
    margin: 0 auto 20px;
    padding: 0 10px 0 34px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s
}

.button-with-icon:focus,
.button-with-icon:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    border-width: 2px;
    outline: 0;
    color: #fff
}

.button-with-icon:active {
    background: hsla(0, 0%, 100%, .2);
    color: #fff
}

.button-with-icon:disabled,
.button-with-icon[disabled] {
    background: hsla(0, 0%, 100%, .4);
    color: #fff;
    opacity: .6;
    border-width: 0;
    pointer-events: none
}

.button-with-icon.pink {
    background: #f3576b;
    border-width: 0
}

.button-with-icon.pink:focus,
.button-with-icon.pink:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

.button-with-icon.pink:active {
    background-color: #d94e61;
    box-shadow: none;
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

.button-with-icon.pink:disabled,
.button-with-icon.pink[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

.button-with-icon.pink-border {
    border: 2px solid #f3576b;
    color: #f3576b
}

.button-with-icon.pink-border:focus,
.button-with-icon.pink-border:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    border-width: 2px;
    outline: 0
}

.button-with-icon.pink-border:active {
    background: transparent;
    color: #f3576b
}

.button-with-icon.pink-border:disabled,
.button-with-icon.pink-border[disabled] {
    background: transparent;
    color: #f3576b;
    opacity: .6;
    border-width: 0;
    pointer-events: none
}

.button-with-icon img,
.button-with-icon svg {
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 25px
}

@media (max-width:875px) {

    .button-with-icon img,
    .button-with-icon svg {
        left: 20%
    }
}

@media (max-width:875px) {
    .button-with-icon {
        min-height: 27px;
        font-size: 14px
    }
}

.quick-add-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 140px;
    position: relative;
    max-width: 250px;
    min-height: 40px;
    background: transparent;
    border: 2px solid #f3576b;
    border-radius: 4px;
    margin: 0 auto 20px;
    padding: 0 10px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f3576b;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s
}

.quick-add-button:focus,
.quick-add-button:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    outline: 0
}

.quick-add-button:active {
    background: hsla(0, 0%, 100%, .2)
}

.quick-add-button:disabled,
.quick-add-button[disabled] {
    background: hsla(0, 0%, 100%, .4);
    opacity: .6;
    pointer-events: none
}

.quick-add-button svg {
    margin: -1px 6px 0 0;
    height: 11px;
    width: 11px
}

.quick-add-button .quick-add-qty-container {
    display: none
}

.quick-add-button.added .quick-add-qty-container {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:670px) {
    .quick-add-button {
        min-height: 38px;
        font-size: 16px
    }
}

.button-text,
.button-text-with-arrow {
    margin: 0 0 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #f3576b;
    text-decoration: none
}

@media (max-width:480px) {

    .button-text,
    .button-text-with-arrow {
        max-width: 400px
    }
}

button.button-text {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.button-text-with-arrow {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 14px;
    font-size: 14px
}

.button-text-with-arrow svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 6px;
    height: auto
}

.badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    background-color: #01bcbe;
    padding: 5px 16px;
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 8px;
    font-size: 14px;
    text-transform: capitalize;
    color: #4d4d4d;
    color: #fff
}

.hero-banner {
    background-repeat: no-repeat
}

.hero-banner--article {
    min-height: 278px;
    background-position: 50%;
    background-size: cover
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    fill: currentColor
}

.no-svg .icon {
    display: none
}

.icon--wide {
    width: 40px
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) img,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) img,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline {
    max-width: 100%
}

svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
    stroke: inherit
}

.icon-fallback-text {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

.no-svg .icon-fallback-text {
    position: static !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto
}

.payment-icons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.placeholder-svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border: 1px solid #161d25;
    background-color: #f9fafb;
    fill: #161d25
}

.placeholder-svg--small {
    width: 480px
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center
}

.placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.placeholder-background .icon {
    border: 0
}

.responsive-image__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.no-js .responsive-image__wrapper {
    display: none
}

.responsive-image__wrapper:before {
    content: "";
    position: relative;
    display: block
}

.responsive-image__wrapper img {
    display: block;
    width: 100%
}

.responsive-image__wrapper--full-height {
    height: 100%
}

.responsive-image__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.responsive-image__image:focus {
    outline-offset: -4px
}

.address-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.address-form [data-aria-hidden=true] {
    display: none
}

.address-form [data-line-count="1"] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.address-form [data-line-count="2"] {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%
}

.address-form [data-line-count="3"] {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%
}

.content-box,
.content-box-alt {
    width: 100%;
    max-width: 615px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border-radius: 8px;
    margin: auto;
    padding: 40px 20px;
    font-family: Avenir, sans-serif
}

@media (max-width:480px) {

    .content-box,
    .content-box-alt {
        padding: 25px 20px
    }
}

.content-box-alt.cb-wide,
.content-box.cb-wide {
    width: 100%;
    max-width: 860px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 40px
}

@media (max-width:875px) {

    .content-box-alt.cb-wide,
    .content-box.cb-wide {
        padding-left: 20px;
        padding-right: 20px
    }
}

.content-box-alt.cb-large,
.content-box.cb-large {
    width: 100%;
    max-width: 1294px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 40px
}

@media (max-width:875px) {

    .content-box-alt.cb-large,
    .content-box.cb-large {
        padding-left: 20px;
        padding-right: 20px
    }
}

.content-box-alt {
    padding-left: 0;
    padding-right: 0
}

.content-box-flat {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    margin: auto;
    padding: 40px 20px
}

.content-box-flat,
.info-box {
    font-family: Avenir, sans-serif
}

.info-box {
    border-radius: 4px;
    background-color: #f1f9fa;
    padding: 15px 20px;
    font-size: 14px;
    color: #4d4d4d
}

.info-box span {
    font-weight: 600
}

.info-box a {
    text-decoration: underline
}

.success-state-badge {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 100%;
    max-width: 350px;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s;
    margin: 0;
    padding: 13px 25px 15px;
    border-radius: 8px;
    background-color: #a9dd61;
    font-size: 14px;
    font-weight: 900;
    color: #fff
}

.success-state-badge svg {
    position: relative;
    top: 3px;
    width: 14px;
    margin: 0 5px 0 0
}

.success-state-badge.active {
    z-index: 2;
    pointer-events: auto;
    opacity: 1;
    transition: opacity .4s
}

@media (max-width:480px) {
    .success-state-badge {
        width: calc(100% - 80px);
        max-width: none
    }
}

.builder-widget-container {
    padding: 38px 20px 40px;
    background: #fbfbfb
}

@media (max-width:768px) {
    .builder-widget-container {
        padding-left: 0;
        padding-right: 0
    }
}

.builder-widget-container>.h2 {
    text-align: center;
    text-transform: capitalize
}

.builder-widget {
    width: 100%;
    max-width: 1294px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    margin: 44px auto 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(77, 77, 77, .12);
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border-radius: 8px
}

@media (max-width:875px) {
    .builder-widget {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:768px) {
    .builder-widget {
        padding-left: 8px;
        padding-right: 8px
    }
}

.builder-widget .bw-cart-summary .bw-checkout-btn {
    width: 170px;
    text-transform: capitalize;
    margin: auto;
    font-weight: 900
}

.bw-edit-step-trigger {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    max-width: 135px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 2px solid #f3576b;
    padding: 3px;
    line-height: 1.15;
    max-width: 77px;
    font-weight: 400;
    text-transform: capitalize;
    transition: box-shadow .2s
}

.bw-edit-step-trigger:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    outline: 0;
    background: transparent
}

.bw-edit-step-trigger span {
    color: #f3576b;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700
}

@media (min-width:670px) {
    .bw-edit-step-trigger svg {
        display: none
    }
}

.bw-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 20px 20px 28px;
    pointer-events: none !important;
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px;
    text-transform: capitalize;
    margin: 0;
    border-bottom: 1px solid #dae4e6
}

.bw-header,
.bw-header .number-icon {
    position: relative
}

.bw-header .number-icon svg {
    position: absolute;
    opacity: 0
}

.bw-header .bw-header-plan-summary {
    opacity: 0;
    position: relative;
    top: 1px;
    pointer-events: none;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    color: #4d4d4d;
    margin-left: 18px
}

.bw-header.bw-closed[step="3"] {
    border-bottom: 0
}

.bw-header.bw-closed {
    color: #919191;
    pointer-events: none
}

.bw-header.bw-closed .number-icon {
    border-color: #919191;
    color: #919191;
    transition: border-color .2s
}

.bw-header.bw-filled {
    cursor: pointer;
    color: #01bcbe
}

.bw-header.bw-filled .number-icon {
    background-color: #a9dd61;
    border-color: #a9dd61;
    text-indent: -9999px;
    transition: background-color .2s
}

.bw-header.bw-filled .number-icon svg {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bw-header.bw-filled .bw-header-plan-summary {
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s
}

.bw-header.bw-filled.bw-closed {
    pointer-events: auto;
    cursor: pointer
}

.bw-header.bw-filled.bw-closed .bw-edit-step-trigger {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s
}

.bw-content {
    padding: 50px 20px;
    padding-bottom: 20px;
    background: #eefafc;
    border-bottom: 1px solid #dae4e6
}

.bw-content .button-primary {
    text-transform: capitalize
}

.bw-content .step-2-trigger-container .button-primary,
.bw-content .step-3-trigger-container .button-primary {
    width: 170px;
    padding: 18px 0;
    font-weight: 900
}

.bw-content:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-bottom: 10px
}

.bw-content.bw-closed {
    display: none
}

.bw-options,
.bw-plans {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (min-width:1180px) {
    .bw-plans {
        margin: 0 0 40px
    }
}

.bw-options {
    margin: 0
}

.bw-plan {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 8px;
    padding: 34px 20px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 2px solid #fff;
    transition: border-color .2s
}

.bw-plan label {
    position: absolute;
    width: 100%;
    max-width: 145px;
    text-align: center;
    border-radius: 13.5px;
    height: 27px;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: #01bcbe;
    color: #fff;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 5px
}

.bw-plan form {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.bw-plan .bw-plan-atc {
    position: relative;
    margin: 0;
    background: transparent;
    border: 2px solid #f3576b;
    color: #f3576b;
    min-height: 40px;
    width: 133px;
    font-weight: 600
}

.bw-plan .bw-plan-atc .number-icon {
    display: none;
    border: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #a9dd61;
    margin: 0 6px 0 0
}

.bw-plan .bw-plan-atc .number-icon svg {
    width: 11px
}

.bw-plan .bw-plan-atc .bw-plan-atc-text1 {
    display: block
}

.bw-plan .bw-plan-atc .bw-plan-atc-text2 {
    display: none;
    font-size: 16px;
    letter-spacing: 1px;
    color: #4d4d4d
}

.bw-plan.plan-selected {
    border-color: #a9dd61;
    transition: border-color .2s;
    border-width: 4px
}

.bw-plan.plan-selected .bw-plan-atc {
    background: #a9dd61;
    font-size: 16px;
    border: 4px solid #a9dd61
}

.bw-plan.plan-selected .bw-plan-atc .number-icon {
    display: -ms-flexbox;
    display: flex;
    max-width: 20px
}

.bw-plan.plan-selected .bw-plan-atc .bw-plan-atc-text2 {
    display: block
}

.bw-plan.plan-selected .bw-plan-atc .bw-plan-atc-text1 {
    display: none
}

.bw-plan-price {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 8px;
    text-align: center;
    color: #4d4d4d
}

.bw-plan-price span {
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 32px;
    color: #4d4d4d
}

.bw-plan-price span:before {
    content: "$";
    font-size: 20px;
    position: relative;
    top: -9px
}

.bw-plan-description {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 80px;
    margin: 0 0 16px;
    text-align: center;
    line-height: 1.6;
    color: #4d4d4d
}

.bw-plan-description svg {
    position: relative;
    top: 3px;
    left: -2px
}

.bw-plan-apron {
    font-style: italic
}

.bw-widget-info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    max-width: 954px;
    margin: auto;
    color: #4d4d4d
}

.bw-widget-info p {
    font-size: 18px;
    width: 100%
}

.bw-widget-info .widget-1,
.bw-widget-info .widget-2 {
    -ms-flex: calc(50% - 40px);
    flex: calc(50% - 40px);
    width: calc(50% - 40px);
    display: -ms-flexbox;
    display: flex
}

@media (max-width:670px) {

    .bw-widget-info .widget-1,
    .bw-widget-info .widget-2 {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .bw-widget-info .widget-1 img,
    .bw-widget-info .widget-2 img {
        margin: auto
    }

    .bw-widget-info .widget-1 p,
    .bw-widget-info .widget-2 p {
        padding-left: 10px
    }
}

@media (min-width:670px) and (max-width:768px) {

    .bw-widget-info .widget-1,
    .bw-widget-info .widget-2 {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bw-widget-info .widget-divider {
    height: 106px;
    position: relative;
    width: 67px;
    padding: 0 20px;
    top: -11px
}

@media (max-width:670px) {
    .bw-widget-info .widget-divider {
        display: none
    }
}

@media (min-width:670px) and (max-width:768px) {
    .bw-widget-info .widget-divider {
        top: 3vw
    }
}

.bw-widget-info .widget-1 img {
    width: 85px;
    height: 73px
}

@media (min-width:768px) {
    .bw-widget-info .widget-1 p {
        padding-left: 15px;
        position: relative;
        top: -9px
    }
}

.bw-widget-info .widget-2 img {
    width: 101px;
    height: 85px
}

@media (min-width:769px) {
    .bw-widget-info .widget-2 img {
        left: -12px;
        position: relative
    }
}

.bw-widget-info .widget-2 p {
    padding-left: 0
}

@media (min-width:670px) and (max-width:768px) {
    .bw-widget-info .widget-2 p {
        margin-top: 0
    }
}

.bw-step-picker-mobile-container {
    display: none;
    margin: 0 auto 60px;
    max-width: 696px
}

.bw-step-picker-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: rgba(243, 87, 107, .15);
    border-radius: 8px;
    margin: 0 20px
}

.builder-widget {
    position: relative
}

.builder-widget .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: .7;
    z-index: 1
}

.builder-widget .lds-roller {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    position: absolute;
    margin: 0
}

.builder-widget .lds-roller,
.builder-widget .overlay {
    display: none
}

.bw-step-picker-step {
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 14px;
    color: #f3576b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 3px solid transparent;
    border-radius: 8px;
    padding: 14px 0;
    text-align: center
}

.bw-step-picker-step.plan-queued {
    border-color: #f3576b;
    transition: border-color .2s;
    background: #fff;
    cursor: pointer
}

.bw-step-picker-step:hover {
    cursor: pointer
}

.bw-step-picker-step.plan-queued.plan-selected,
.bw-step-picker-step.plan-selected:hover {
    border-color: #f3576b;
    transition: border-color .2s;
    background: #fff
}

.bw-cart-summary {
    max-width: 1294px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 25px;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (max-width:875px) {
    .bw-cart-summary {
        padding-left: 20px;
        padding-right: 20px
    }
}

body.plan-step1 .bw-cart-summary .divider-line-vertical {
    height: 12px
}

body.plan-step1 .bw-cart-summary .bw-checkout-btn,
body.plan-step1 .bw-cart-summary button {
    margin: 0;
    background: #f3576b;
    color: #fff;
    pointer-events: auto;
    width: 170px;
    text-transform: capitalize
}

.bw-cart-total {
    font-size: 18px;
    font-weight: 100;
    margin-top: 20px
}

.bw-cart-total span {
    font-weight: 600
}

.bw-option {
    -ms-flex-preferred-size: calc(33.33% - 26px);
    flex-basis: calc(33.33% - 26px);
    max-width: 300px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 13px;
    padding: 26px 20px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 2px solid #fff;
    transition: border-color .2s
}

.bw-option .overlay {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, .95);
    border: 2px solid hsla(0, 0%, 100%, .95)
}

.bw-option .lds-roller {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: none;
    margin: 0
}

.bw-option .lds-roller h3 {
    font-family: KG HAPPY Solid, sans-serif;
    color: #4d4d4d;
    font-size: 16px
}

.bw-option .lds-roller div:after {
    background: #4d4d4d
}

.bw-option.updating-cart .lds-roller,
.bw-option.updating-cart .overlay {
    display: block
}

.bw-option form {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.bw-option .bw-plan-atc {
    position: relative;
    margin: 0
}

.bw-option .bw-plan-atc .number-icon {
    display: none;
    border: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #a9dd61;
    margin: 0 6px 0 0
}

.bw-option .bw-plan-atc .number-icon svg {
    width: 11px
}

.bw-option .bw-plan-atc .bw-plan-atc-text1 {
    display: block
}

.bw-option .bw-plan-atc .bw-plan-atc-text2 {
    display: none;
    font-size: 14px;
    letter-spacing: 0
}

.bw-option.plan-selected {
    border-color: #f3576b;
    transition: border-color .2s;
    padding-left: 30px
}

.bw-option.plan-selected .bw-plan-atc {
    background: transparent;
    font-size: 12px;
    text-transform: none;
    color: #a9dd61
}

.bw-option.plan-selected .bw-plan-atc .number-icon {
    display: -ms-flexbox;
    display: flex;
    max-width: 20px
}

.bw-option.plan-selected .bw-plan-atc .bw-plan-atc-text2 {
    display: block
}

.bw-option.plan-selected .bw-plan-atc .bw-plan-atc-text1 {
    display: none
}

@media (max-width:875px) {
    .bw-option {
        -ms-flex-preferred-size: calc(50% - 26px);
        flex-basis: calc(50% - 26px);
        margin: 0 13px 26px
    }
}

@media (max-width:670px) {
    .bw-option {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        display: block;
        max-width: none;
        margin: 0 0 11px;
        padding: 15px
    }
}

.option2-option-main {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:875px) {
    .option2-option-main {
        display: block
    }
}

@media (min-width:670px) and (max-width:768px) {
    .option2-option-main .quick-add-container {
        top: 22px
    }
}

.option2-option-alt,
body.bw-option2-alt .option2-option-main {
    display: none
}

body.bw-option2-alt .option2-option-alt {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:670px) {
    body.bw-option2-alt .option2-option-alt {
        display: block
    }
}

.bw-option-img {
    width: 100%;
    max-width: 72px;
    height: 80px;
    margin: 0 auto 8px
}

.bw-option-title {
    font-size: 16px;
    font-family: KG HAPPY Solid, sans-serif;
    color: #4d4d4d;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 12px;
    text-align: center
}

.bw-option-description {
    margin: 0 0 24px;
    text-align: center
}

.quick-add-qty {
    display: -ms-flexbox;
    display: flex;
    max-width: 140px;
    height: 40px;
    margin: auto;
    -ms-flex-align: stretch;
    align-items: stretch
}

.quick-add-qty-container,
.quick-switch-qty-container {
    display: block;
    width: 160px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    text-align: center
}

.quick-add-qty-container .plan-switch-qty-display,
.quick-add-qty-container .quick-add-qty-display,
.quick-switch-qty-container .plan-switch-qty-display,
.quick-switch-qty-container .quick-add-qty-display {
    -ms-flex-preferred-size: calc(100% - 83px);
    flex-basis: calc(100% - 83px);
    -ms-flex-item-align: center;
    align-self: center;
    background: #fff;
    text-align: center;
    color: #4d4d4d;
    border-left: 0;
    border-right: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.quick-switch-qty-container {
    display: none
}

.quick-add-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 54px;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -ms-flexbox;
    display: flex
}

.quick-switch-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 54px;
    position: relative
}

.quick-switch-container.added .bw-siblings-initial {
    display: none
}

.quick-switch-container.added .quick-switch-qty-container {
    display: block
}

.quick-switch-container.max .plan-switch-plus,
.quick-switch-container.min .plan-switch-minus {
    opacity: .4;
    pointer-events: none
}

.bw-option-atc,
.bw-siblings-initial {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: 160px;
    margin: auto
}

.plan-switch-minus,
.plan-switch-plus,
.quick-add-qty-minus,
.quick-add-qty-plus {
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    position: relative;
    background: #f16577;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.plan-switch-minus:focus,
.plan-switch-minus:hover,
.plan-switch-plus:focus,
.plan-switch-plus:hover,
.quick-add-qty-minus:focus,
.quick-add-qty-minus:hover,
.quick-add-qty-plus:focus,
.quick-add-qty-plus:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

.plan-switch-minus:active,
.plan-switch-plus:active,
.quick-add-qty-minus:active,
.quick-add-qty-plus:active {
    background-color: #d94e61;
    box-shadow: none;
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

.plan-switch-minus.disabled,
.plan-switch-plus.disabled,
.quick-add-qty-minus.disabled,
.quick-add-qty-plus.disabled {
    cursor: default;
    pointer-events: none;
    background-color: #f9c1c8;
    border-right: 2px solid #f9c1c8;
    border-top: 2px solid #f9c1c8;
    border-bottom: 2px solid #f9c1c8
}

.plan-switch-minus,
.quick-add-qty-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.plan-switch-plus,
.quick-add-qty-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.step-2-trigger-container,
.step-3-trigger-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 30px 0 0
}

.step-2-trigger-container {
    margin-top: 0
}

@media (max-width:670px) {
    .step-3-trigger-container .step-3-trigger {
        margin-top: -7px
    }

    .step-2-trigger-container .step-2-trigger {
        margin-top: 28px
    }
}

@media (min-width:671px) and (max-width:875px) {
    .step-3-trigger {
        margin-top: -18px !important
    }
}

.bw-content .step-2-trigger-container .button-primary.step-2-trigger,
.bw-content .step-2-trigger-container .button-primary.step-3-trigger,
.bw-content .step-3-trigger-container .button-primary.step-2-trigger,
.bw-content .step-3-trigger-container .button-primary.step-3-trigger {
    min-height: 38px;
    margin: 20px auto;
    margin-top: 10px
}

.bw-content .step-2-trigger-container .button-primary.step-2-trigger.disabled,
.bw-content .step-2-trigger-container .button-primary.step-3-trigger.disabled,
.bw-content .step-3-trigger-container .button-primary.step-2-trigger.disabled,
.bw-content .step-3-trigger-container .button-primary.step-3-trigger.disabled {
    background: #d3d3d3;
    color: #4d4d4d;
    pointer-events: none;
    opacity: .5
}

.bw-content .step-2-trigger-container .button-primary.step-2-trigger.disabled:hover,
.bw-content .step-2-trigger-container .button-primary.step-3-trigger.disabled:hover,
.bw-content .step-3-trigger-container .button-primary.step-2-trigger.disabled:hover,
.bw-content .step-3-trigger-container .button-primary.step-3-trigger.disabled:hover {
    cursor: not-allowed
}

.bw-content .step-2-trigger-container .button-primary.step-2-trigger,
.bw-content .step-3-trigger-container .button-primary.step-2-trigger {
    margin-bottom: 30px
}

@media (max-width:670px) {

    .bw-content .step-2-trigger-container .button-primary.step-2-trigger,
    .bw-content .step-3-trigger-container .button-primary.step-2-trigger {
        margin-bottom: 12px
    }
}

@media (max-width:670px) {

    .bw-content .step-2-trigger-container .button-primary.step-3-trigger,
    .bw-content .step-3-trigger-container .button-primary.step-3-trigger {
        margin: 0 auto 10px
    }
}

.bw-personalize {
    padding: 40px 20px;
    max-width: 1120px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1080px) {
    .bw-personalize {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 8px;
        padding-right: 8px
    }
}

.bw-personalize>div {
    width: 33.33333%;
    padding: 0 20px;
    text-align: center
}

@media (max-width:1080px) {
    .bw-personalize>div {
        width: 50%;
        -ms-flex: 50%;
        flex: 50%
    }
}

.bw-personalize>div p {
    font-weight: 100
}

.bw-personalize>div .spacer {
    display: block;
    height: 9px
}

.bw-personalize .plan-personalize-name .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bw-personalize .plan-personalize-name .form-row .form-column {
    padding: 0 0 14px;
    width: 100%
}

.bw-personalize .plan-personalize-name .form-row .form-column input {
    height: 59px;
    font-weight: 100;
    font-size: 18px
}

@media (max-width:1080px) {
    .bw-personalize .plan-personalize-gift-note {
        height: auto
    }
}

.bw-personalize .plan-personalize-gift-note .chars-remaining {
    margin: 8px auto
}

.bw-personalize .plan-personalize-gift-note .validation-message {
    margin: 2px 0 0
}

.bw-personalize .plan-personalize-gift-note p {
    width: 100%
}

.bw-personalize .plan-personalize-gift-note .validation-message {
    font-size: 16px;
    font-weight: 100
}

.bw-personalize .plan-personalize-gift-note textarea {
    padding: 10px;
    border: 2px solid #a9dd61;
    font-weight: 100;
    height: 170px
}

@media (max-width:1080px) {
    .bw-personalize .plan-personalize-gift-note textarea {
        height: 170px
    }
}

@media (max-width:1080px) {
    .bw-personalize .plan-personalize-gift-note .form-row {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bw-personalize .h4 {
    text-transform: none
}

.bw-personalize .form-column {
    position: relative
}

.bw-personalize .form-column .validation-message {
    display: none;
    position: absolute;
    bottom: -21px;
    left: 0;
    width: 100%;
    min-height: 34px;
    font-size: 13px;
    line-height: 14px;
    color: #f16577;
    padding: 6px 10px 0 0
}

.bw-personalize .form-column .validation-message.error {
    display: block
}

.plan-personalize-date .plan-date-input-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.plan-personalize-date .plan-date-input-wrap>p {
    margin-top: 7px;
    width: 50%;
    text-align: right
}

.plan-personalize-date .plan-date-input-wrap input {
    width: 50%;
    padding: 0 0 0 5px;
    border: none;
    font-weight: 100;
    min-height: 0;
    height: 36px
}

.plan-personalize-date p {
    display: inline-block;
    padding-right: 3px;
    margin-top: 0
}

.plan-personalize-date h4 {
    margin-bottom: 0
}

.plan-personalize-date .plan-personalize-gift-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: 16px
}

@media screen and (max-width:381px) and (min-width:374px) {
    .plan-personalize-date .plan-personalize-gift-check {
        max-width: 95%
    }
}

.plan-personalize-date .plan-personalize-gift-check .styled-checkbox+label {
    padding-left: 31px;
    font-weight: 100;
    font-size: 15px;
    line-height: 22px
}

.plan-personalize-date .plan-personalize-gift-check .styled-checkbox+label:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px
}

.bw-personalize.content-box .plan-personalize-gift-note .form-column .validation-message {
    position: relative;
    padding: 0;
    top: -6px;
    margin: 0
}

.bw-personalize {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0
}

.bw-personalize .bw-cart-summary {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.plan-personalize-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.plan-personalize-container.content-box {
    max-width: 838px;
    width: 100%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px
}

.plan-personalize-container.content-box .plan-personalize-gift-note .form-row {
    -ms-flex-pack: center;
    justify-content: center
}

.plan-personalize-container.content-box .plan-personalize-gift-note .form-row .form-column {
    max-width: 620px;
    width: 620px;
    padding-bottom: 0
}

.plan-personalize-container.content-box .plan-personalize-gift-note .form-row .form-column textarea {
    padding-top: 16px;
    padding-bottom: 16px
}

.plan-personalize-container.content-box .plan-personalize-gift-note .form-row .form-column textarea:focus {
    border: 2px solid #a9dd61
}

@media (max-width:1180px) {

    .bw-options,
    .bw-plans {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bw-plan {
        -ms-flex-preferred-size: calc(50% - 16px);
        flex-basis: calc(50% - 16px);
        max-width: 360px;
        margin: 0 8px 40px
    }
}

@media (max-width:1080px) {
    .bw-personalize.content-box {
        padding-top: 0;
        padding-bottom: 0
    }

    .bw-personalize.content-box>div {
        padding-top: 24px;
        padding-bottom: 14px
    }

    .chars-remaining {
        margin-top: 10px
    }

    .spacer {
        display: none
    }

    .bw-cart-summary {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .bw-cart-total {
        margin-top: 24px
    }
}

@media (max-width:875px) {
    .form-row .form-column:last-child {
        padding: 0
    }

    .bw-personalize.content-box .plan-personalize-name p {
        margin-top: 8px
    }

    .bw-personalize.content-box .plan-personalize-name h4 {
        margin-bottom: 0
    }

    .bw-personalize.content-box .plan-personalize-gift-note {
        padding-top: 14px
    }

    .bw-personalize.content-box .plan-personalize-gift-note p {
        margin-top: 8px
    }

    .bw-personalize.content-box .plan-personalize-gift-note h4 {
        margin-bottom: 0
    }

    .bw-content.bw-step3-content {
        padding: 24px 8px 3px;
        padding-bottom: 0
    }

    .divider-line-vertical {
        height: 18px
    }

    .builder-widget {
        padding-left: 0;
        padding-right: 0
    }

    .bw-header {
        padding: 20px
    }

    .bw-header .bw-header-plan-summary {
        font-size: 14px
    }

    .bw-header .bw-header-plan-summary strong {
        display: block
    }

    .bw-personalize.content-box>div {
        width: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .plan-personalize-date .plan-personalize-gift-check {
        white-space: normal
    }

    .plan-personalize-name>div>p {
        padding-top: 0;
        margin-top: -9px
    }
}

@media (max-width:670px) {
    .bw-step-picker-mobile-container {
        display: block;
        margin: 0 auto 60px
    }

    .bw-step-picker-mobile {
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .bw-options,
    .bw-plans {
        margin: 0 0 23px
    }

    .bw-plan {
        display: none;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: none;
        margin: 0
    }

    .bw-plan.plan-queued {
        display: -ms-flexbox;
        display: flex
    }

    .bw-options {
        margin: 0
    }

    .bw-option {
        padding: 15px 15px 10px
    }

    .bw-header {
        font-size: 16px
    }

    .bw-header .bw-header-plan-summary {
        display: none
    }

    .bw-content {
        padding: 18px 12px 14px
    }

    .bw-edit-step-trigger {
        padding: 0 !important;
        width: 38px;
        height: 38px
    }

    .bw-edit-step-trigger span {
        display: none
    }

    .bw-edit-step-trigger svg {
        left: auto;
        vertical-align: middle
    }

    .bw-edit-step-trigger svg path {
        stroke: #f3576b
    }

    .bw-step-picker-mobile-container {
        margin: 0 auto 27px
    }

    .bw-personalize.content-box>div,
    .plan-personalize-container {
        padding-left: 8px;
        padding-right: 8px
    }

    .bw-option-img {
        float: left;
        width: 72px;
        height: 100%;
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .bw-option-title {
        margin: 0 0 6px 87px;
        text-align: left;
        font-size: 14px
    }

    .bw-option-description {
        margin: 0 0 10px 87px;
        text-align: left;
        font-size: 14px
    }

    .quick-add-container,
    .quick-switch-container {
        max-width: 134px;
        height: 38px;
        margin: 0 0 12px 87px
    }

    .bw-option-atc,
    .bw-option-switch {
        height: 38px;
        min-height: 0
    }

    .quick-add-qty {
        max-width: 141px;
        height: 38px
    }

    .plan-switch-minus,
    .plan-switch-plus,
    .quick-add-qty-minus,
    .quick-add-qty-plus {
        -ms-flex-preferred-size: 38px;
        flex-basis: 38px
    }

    .quick-add-qty-container .plan-switch-qty-display,
    .quick-add-qty-container .quick-add-qty-display,
    .quick-switch-qty-container .plan-switch-qty-display,
    .quick-switch-qty-container .quick-add-qty-display {
        -ms-flex-preferred-size: calc(100% - 76px);
        flex-basis: calc(100% - 76px)
    }

    .step-3-trigger-container {
        margin: 2px 0 0
    }
}

@media (max-width:670px) and (max-width:768px) {
    .step-3-trigger-container {
        margin-top: 14px
    }
}

@media (max-width:670px) {
    .step-3-trigger {
        margin: 0 auto;
        margin-top: 0
    }
}

@media (max-width:360px) {
    .bw-option-img {
        width: 60px
    }

    .bw-option-description,
    .bw-option-title,
    .quick-add-container,
    .quick-switch-container {
        margin: 0 0 6px 70px
    }
}

@media (max-width:670px) {
    .bw-widget-info {
        max-width: 340px;
        padding: 0;
        font-size: 14px;
        text-align: center
    }

    .bw-widget-info svg {
        display: none
    }

    .bw-widget-info span {
        text-align: center;
        border-bottom: 2px dotted #ccc;
        padding: 0 0 7px
    }

    .bw-widget-info i {
        text-align: center
    }
}

.styled-dropdown-container {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.styled-dropdown-container svg {
    position: absolute;
    width: 14px;
    right: 10px;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%) rotate(-180deg)
}

.styled-dropdown-container .nice-select.open+svg {
    transform: rotate(0);
    top: calc(50% - 6px)
}

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 15px !important;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    min-height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 2px solid transparent
}

.nice-select.open {
    border: 2px solid #f3576b
}

.nice-select.open:after {
    transform: rotate(-180deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transition: opacity .15s ease-out;
    z-index: 9
}

.nice-select .option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    line-height: 1.4;
    list-style: none;
    min-height: 50px;
    outline: none;
    padding-left: 16px;
    padding-right: 29px;
    border-bottom: 1px solid #eaeaea;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    transition: all .2s
}

.nice-select .option:hover {
    background-color: #f2f2f2
}

.nice-select .option.disabled {
    background-color: #f2f2f2;
    color: #919191;
    cursor: default;
    pointer-events: none
}

.nice-select .option:last-child {
    border-bottom: 0
}

.nice-select .current {
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    text-transform: capitalize;
    padding-left: 0 !important
}

.no-csspointerevents .nice-select .list {
    display: none
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.no-csspointerevents .nice-select.open .list,
.pika-single {
    display: block
}

.pika-single {
    z-index: 9;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid rgba(77, 77, 77, .2);
    border-bottom-color: #bbb;
    font-family: Avenir, sans-serif;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    width: 100%
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-lendar {
    float: left;
    width: 100%;
    padding: 12px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-title div:last-of-type {
    display: none
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px 0;
    font-size: 19px;
    letter-spacing: 1.5;
    line-height: normal;
    font-weight: 700;
    color: #333;
    background-color: #fff;
    font-family: KG HAPPY Solid, sans-serif
}

#pika-title-xb .pika-label {
    font-size: 20px
}

#pika-title-wh .pika-label:last-of-type {
    display: none
}

.pika-next,
.pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    top: 4px
}

.pika-next:hover,
.pika-prev:hover {
    opacity: .8
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.is-rtl .pika-next,
.pika-prev {
    float: left;
    transform: rotate(-90deg);
    left: 11px
}

.is-rtl .pika-next,
.is-rtl .pika-prev,
.pika-next,
.pika-prev {
    background-image: url(/cdn/shop/files/icon-arrow_93232d5c-582e-4ce1-a24f-c5db458b393c.svg)
}

.is-rtl .pika-prev,
.pika-next {
    float: right;
    transform: rotate(90deg);
    right: 11px
}

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td,
.pika-table th {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-table .pika-button,
.pika-table abbr {
    cursor: default;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 7px;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    background: #fff;
    font-weight: 200;
    font-family: Avenir, sans-serif
}

.pika-table .is-today {
    opacity: 1
}

.pika-table .is-today .pika-button {
    color: #f3576b;
    font-weight: 700;
    pointer-events: none
}

.pika-table .is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #f3576b;
    box-shadow: inset 0 1px 3px #f3576b;
    border-radius: 3px
}

.pika-table .is-disabled,
.pika-table .is-outside-current-month {
    color: #999;
    opacity: .3
}

.pika-table .is-disabled:not(.is-today) {
    pointer-events: none;
    cursor: default
}

.pika-table .is-disabled:not(.is-today):hover {
    color: #fff;
    background: #f3576b;
    box-shadow: none;
    border-radius: 3px
}

.pika-table .is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-table abbr {
    border-bottom: none;
    text-decoration: none;
    cursor: disabled;
    font-size: 15px
}

.pika-table abbr:hover {
    background: transparent
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-inrange .pika-button {
    color: #666;
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

#shopify-section-header {
    min-height: 142px
}

@media (max-width:875px) {
    #shopify-section-header.sticky .logo {}
}

#shopify-section-header .site-header .page-width {
    max-width: 1400px
}

@media (min-width:1080px) {
    #shopify-section-header .site-header .page-width .logo-nav .site-logo img {
        position: relative
    }
}

#shopify-section-header .site-header .page-width .logo-nav .nav-wrapper {
    width: 77%;
    padding-right: 45px
}

#shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav li a {
    font-weight: 400
}

@media (min-width:768px) {
    #shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav {
        padding: 0 !important;
        margin: 0 0 0 30px !important
    }

    #shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav.nav-action {
        margin: 0 !important
    }
}

#shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav .cart-link {
    position: relative
}

#shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav .cart-link img {
    position: relative;
    top: 0;
    left: 6px
}

#shopify-section-header .site-header .page-width .logo-nav .nav-wrapper ul.site-nav .cart-link .cart-count {
    position: absolute;
    top: -15px;
    right: 0
}

#shopify-section-header .site-header .page-width .logo-nav .cart-account .cart-link-mobile {
    display: none;
    position: relative;
    bottom: 1px
}

#shopify-section-header .site-header .page-width .logo-nav .cart-account .cart-link-mobile img {
    position: relative;
    top: 3px;
    width: 47px;
    margin-left: 10px
}

#shopify-section-header .site-header .page-width .logo-nav .cart-account .cart-link-mobile .cart-count {
    position: absolute;
    top: -15px;
    right: 0
}

@media (max-width:875px) {
    #shopify-section-header .site-header .page-width .logo-nav .cart-account .cart-link-mobile {
        display: inline-block
    }
}

@media (max-width:875px) {
    #shopify-section-header .site-header .page-width .logo-nav .cart-account {
        margin-right: 15px
    }
}

@media (min-width:875px) {
    #shopify-section-header .site-header .page-width .logo-nav .cart-account {
        position: relative !important;
        top: auto !important;
        right: 15px !important;
        transform: none !important
    }

    #shopify-section-header .site-header .page-width .logo-nav .cart-account .join-button {
        margin: 0 !important
    }
}

#shopify-section-header .site-header .page-width .logo-nav .cart-account .search-toggle {
    width: 46px;
    border-right: 2px solid #01bcbe;
    line-height: 1
}

#shopify-section-header .site-header .cart-account .join-button {
    padding: 13px 0 !important;
    margin: 0 !important;
    width: 158px
}

#shopify-section-header .mobile-menu ul.nav-menu li a {
    letter-spacing: 0;
    padding: 20px 0 6px;
    font-weight: 400
}

#shopify-section-header .mobile-menu ul.nav-menu li ul.secondary-links .js-trigger-mobile-nav {
    line-height: 0
}

#shopify-section-header .mobile-menu ul.nav-menu li ul.secondary-links .secondary-links__title h5 {
    text-transform: capitalize
}

#shopify-section-header .mobile-menu ul.nav-menu li ul.secondary-links.account-secondary svg {
    margin-top: -10px
}

#shopify-section-header .mobile-menu input[type=search]:-ms-input-placeholder {
    text-transform: capitalize !important;
    letter-spacing: 0
}

#shopify-section-header .mobile-menu input[type=search]::placeholder {
    text-transform: capitalize !important;
    letter-spacing: 0
}

#shopify-section-header .other-buttons .btn {
    letter-spacing: 0 !important
}

#mobile-search-box i {
    position: relative;
    top: 3px
}

@media (max-width:875px) {
    #shopify-section-header.sticky.resize .site-logo img {
        width: 170px;
        height: 63px
    }
}

.site-header ul.site-nav li:last-of-type {
    vertical-align: inherit
}

@media (max-width:1024px) {
    .site-header ul.site-nav>li>a {
        padding: 12px 0
    }
}

@media (max-width:980px) {
    #shopify-section-header {
        min-height: 132px
    }
}

@media (max-width:875px) {
    #shopify-section-header {
        min-height: 140px
    }

    #shopify-section-header .site-header .cart-account {
        position: relative;
        top: 21px
    }
}

@media (max-width:768px) {
    #shopify-section-header {
        min-height: 150px
    }

    .promo-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .promo-bar .page-width {
        padding-left: 10px;
        padding-right: 10px
    }
}

.list-faq .question {
    cursor: pointer
}

#shopify-section-footer .footer .footer__top h6 {
    text-transform: capitalize
}

.blog-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-post__item {
    -ms-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%
}

.collection-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 73.75em
}

.collection-list-item {
    -ms-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%;
    height: 100%;
    text-align: center
}

.collection-list__image {
    min-width: 320px
}

.collection-list__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.featured-collection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 73.75em
}

.featured-collection-item {
    -ms-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%;
    height: 100%;
    text-align: center
}

.featured-collection__image {
    min-width: 320px
}

.featured-collection__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.image-with-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.image-with-text__image {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    min-width: 320px
}

.image-with-text__text {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.template-addresses header {
    margin-bottom: 0;
    padding-bottom: 0
}

.acc-page__width {
    background: #01bcbe
}

@media (max-width:875px) {
    .acc-page__width {
        background-color: #fbfbfb
    }
}

.acc-page__width .page-width {
    max-width: 1290px;
    padding: 0 15px
}

.acct-main-nav-container {
    margin: 0 -15px
}

.acct-main-nav {
    width: 100%;
    max-width: 1294px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:875px) {
    .acct-main-nav {
        padding-left: 20px;
        padding-right: 20px;
        background-color: #01bcbe
    }
}

.acct-main-nav .nav-item-alt {
    position: relative;
    margin: 0 20px 0 0;
    padding: 10px 0 18px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex
}

.acct-main-nav .nav-item-alt span {
    padding: 5px 8px;
    border-radius: 4px;
    font-family: KG HAPPY Solid, sans-serif
}

.acct-main-nav .nav-item-alt.active {
    pointer-events: none
}

.acct-main-nav .nav-item-alt.active span {
    background: hsla(0, 0%, 100%, .4);
    color: #fff
}

.acct-main-nav-left {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.acct-main-nav-left>div {
    text-align: left
}

.acct-main-nav-left .h2-alt {
    margin: 20px 0 8px;
    line-height: 64px
}

@media (max-width:875px) {
    .acct-main-nav-left .h2-alt {
        margin: 8px 0;
        line-height: 45px
    }
}

.acct-main-nav-right {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    padding-left: 20px;
    text-align: center
}

.acct-main-nav-right a,
.acct-main-nav-right button {
    padding: 8px 32px 8px 26px;
    background: transparent;
    border: 2px solid #fff
}

@media (max-width:875px) {

    .acct-main-nav-right a,
    .acct-main-nav-right button {
        font-size: 14px;
        line-height: 19px;
        padding: 4px 27px
    }
}

.acct-main-nav-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 700px;
    position: relative
}

.acct-main-nav-items:hover a {
    color: hsla(0, 0%, 100%, .6) !important
}

.acct-main-nav-items a {
    color: hsla(0, 0%, 100%, .6);
    transition: color .2s
}

.acct-main-nav-items a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fbfbfb;
    pointer-events: none;
    opacity: 0
}

.acct-main-nav-items a:hover {
    color: #fff !important
}

.acct-main-nav-items a.active {
    color: #fff
}

.acct-main-nav-items a.active:after {
    opacity: 1
}

.acct-main-nav-mobile {
    display: none;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border-radius: 4px;
    margin-bottom: 12px;
    max-width: 400px;
    margin: 0 auto 15px;
    position: relative
}

.acct-main-nav-mobile .icon-dropdown-arrow {
    position: absolute;
    right: 15px;
    top: 20px;
    pointer-events: none;
    transform: rotate(180deg)
}

.acct-main-nav-mobile .open+.icon-dropdown-arrow {
    transform: rotate(0deg)
}

.acct-nav-mobile-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px 0 20px;
    border-right: 1px solid #eaeaea;
    font-size: 14px;
    color: #626262;
    font-weight: 100
}

.acct-nav-mobile-dropdown .option.selected {
    display: none
}

.site-header ul.site-nav li a .ico-nav-angle {
    width: 13px;
    height: 9px
}

.acct-main-nav-mobile-wrapper {
    display: none;
    margin-bottom: 24px
}

@media (max-width:875px) {
    .acct-main-nav-container {
        margin: 0 -15px 16px
    }

    .acct-main-nav-items {
        display: none
    }

    .acct-main-nav-mobile {
        display: -ms-flexbox;
        display: flex;
        max-width: none
    }

    .acct-main-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .acct-main-nav-left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .acct-main-nav-left .h2-alt {
        text-align: center
    }

    .acct-main-nav-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 15px
    }

    .acct-main-nav-right .button-with-icon {
        margin: 0 auto;
        max-width: 150px
    }
}

.subscription-main-container {
    padding-top: 0
}

@media (max-width:875px) {
    .subscription-main-container {
        margin-top: 0;
        padding-top: 0
    }
}

.subscription-main-container .bill-list-header {
    margin-top: 56px;
    padding: 0 15px
}

@media (max-width:875px) {
    .subscription-main-container .bill-list-header {
        margin-top: 0
    }
}

.subscription-main-container .h3-alt {
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 41px;
    margin: 0 0 22px;
    text-transform: capitalize
}

@media (max-width:875px) {
    .subscription-main-container .h3-alt {
        margin: 0 0 4px;
        text-align: center
    }
}

.subscription-main-container .billing-section-main {
    margin-top: 0
}

.subscription-main-container .billing-section-main fieldset {
    padding: 0;
    border: none
}

.subscription-main-container .billing-section-main .grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:767px) {
    .subscription-main-container .billing-section-main .grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.subscription-main-container .billing-section-main .grid .grid__item {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .subscription-main-container .billing-section-main .grid .grid__item {
        width: 100%;
        margin-bottom: 12px
    }
}

.billing-content-inner {
    border: 1px solid #ccc;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    padding: 35px 50px;
    width: 100%;
    position: relative
}

@media (max-width:875px) {
    .billing-content-inner {
        padding: 25px
    }
}

@media (max-width:767px) {
    .billing-content-inner {
        padding: 35px 50px
    }
}

.billing-content-inner h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
    font-weight: 900
}

.billing-content-inner h4,
.billing-content-inner p {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    letter-spacing: normal
}

.billing-content-inner p {
    font-size: 16px;
    font-weight: 300
}

@media (max-width:767px) {
    .billing-content-inner p {
        margin-bottom: 25px
    }
}

.billing-content-inner .billing-cart-edit-cta {
    height: 38px;
    width: 134px;
    border-radius: 4px;
    background-color: #f16577;
    line-height: 38px;
    padding: 0;
    color: #fff;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 35px;
    cursor: pointer
}

.billing-content-inner .billing-cart-edit-cta span {
    margin-right: 8px
}

.billing-content-inner .billing-cart-edit-cta span img {
    width: 24px;
    vertical-align: text-bottom
}

@media (max-width:875px) {
    .billing-content-inner .billing-cart-edit-cta {
        right: 25px
    }
}

@media (max-width:767px) {
    .billing-content-inner .billing-cart-edit-cta {
        position: unset;
        right: unset;
        top: unset
    }
}

.billing-content-inner .billing-cart-edit-cta:hover {
    background-color: #a9dd61;
    color: #fff
}

#ReCharge .content-box,
#ReCharge .content-box-alt {
    padding: 32px 37px;
    margin: auto 0
}

@media (max-width:875px) {

    #ReCharge .content-box,
    #ReCharge .content-box-alt {
        padding: 21px 26px 29px 19px;
        max-width: 100%
    }

    #ReCharge .content-box-alt form,
    #ReCharge .content-box form {
        margin-left: -15px
    }
}

#ReCharge .content-box-alt .acct-label,
#ReCharge .content-box .acct-label {
    margin: 0 0 7px
}

#ReCharge .content-box-alt .acct-field-row,
#ReCharge .content-box .acct-field-row {
    margin-bottom: 14px
}

@media (max-width:875px) {

    #ReCharge .content-box-alt .acct-field-row,
    #ReCharge .content-box .acct-field-row {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        float: left;
        padding-left: 15px;
        margin-bottom: 15px
    }

    #ReCharge .content-box-alt .acct-field-row input,
    #ReCharge .content-box-alt .acct-field-row label,
    #ReCharge .content-box .acct-field-row input,
    #ReCharge .content-box .acct-field-row label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (max-width:767px) {

    #ReCharge .content-box-alt .acct-field-row,
    #ReCharge .content-box .acct-field-row {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

#ReCharge .content-box-alt .acct-field-row:last-of-type,
#ReCharge .content-box .acct-field-row:last-of-type {
    margin-bottom: 29px
}

#ReCharge .content-box-alt .acct-field-row input:-ms-input-placeholder,
#ReCharge .content-box .acct-field-row input:-ms-input-placeholder {
    opacity: 1
}

#ReCharge .content-box-alt .acct-field-row input::placeholder,
#ReCharge .content-box .acct-field-row input::placeholder {
    color: #4d4d4d;
    opacity: 1
}

#ReCharge .content-box-alt .acct-field-row input:-ms-input-placeholder,
#ReCharge .content-box-alt .acct-field-row input::-ms-input-placeholder,
#ReCharge .content-box .acct-field-row input:-ms-input-placeholder,
#ReCharge .content-box .acct-field-row input::-ms-input-placeholder {
    color: #4d4d4d
}

#ReCharge .content-box-alt .btn,
#ReCharge .content-box .btn {
    padding: 16px 32px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: Avenir, sans-serif
}

@media (max-width:875px) {

    #ReCharge .content-box-alt .btn,
    #ReCharge .content-box .btn {
        margin-left: 15px
    }
}

#ReCharge .acct-field-row {
    -ms-flex-pack: left;
    justify-content: left
}

#ReCharge .btn-cancel {
    margin-left: 32px;
    font-size: 16px;
    font-weight: 600
}

#ReCharge .credit-card-cancel {
    position: absolute;
    bottom: 43px;
    left: 315px
}

@media (max-width:875px) {
    #ReCharge .credit-card-cancel {
        left: 54vw
    }
}

@media (max-width:480px) {
    #ReCharge .credit-card-cancel {
        left: 66vw
    }
}

#ReCharge #customer-card-form {
    width: 100%;
    max-width: 1110px;
    background: #fff;
    border-radius: 8px;
    margin: auto;
    padding: 24px 0 0;
    font-family: Avenir, sans-serif;
    height: 682px;
    display: block
}

@media (max-width:875px) {
    #ReCharge #customer-card-form {
        width: 404px
    }
}

@media (max-width:480px) {
    #ReCharge #customer-card-form {
        width: 100%
    }
}

.section-benefits {
    overflow: hidden;
    padding: 40px
}

.section-benefits .section__shell {
    position: relative;
    max-width: 1310px;
    padding: 0 30px;
    margin: 0 auto
}

.section-benefits .section__shell .section__head {
    padding-top: 0
}

.section-benefits .section__border-left {
    left: 0;
    width: 13px;
    background-image: url(/cdn/shop/t/115/assets/left-border-alt.png)
}

.section-benefits .section__border-left,
.section-benefits .section__border-right {
    position: absolute;
    top: 11px;
    bottom: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.section-benefits .section__border-right {
    right: 0;
    width: 22px;
    background-image: url(/cdn/shop/t/115/assets/right-border-alt.png)
}

.section-benefits .section__border-bottom {
    bottom: 0;
    left: 11px;
    height: 8px;
    background-image: url(/cdn/shop/t/115/assets/bottom-border-alt.png)
}

.section-benefits .section__border-bottom,
.section-benefits .section__border-top {
    position: absolute;
    right: 22px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.section-benefits .section__border-top {
    top: 11px;
    left: 1px;
    height: 10px;
    background-image: url(/cdn/shop/t/115/assets/top-border-alt.png)
}

.section-benefits .section__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
    font-family: KG HAPPY Solid, sans-serif;
    color: #01bcbe;
    background-color: #fff;
    transform: translateY(-10px);
    padding: 10px 0
}

@media (max-width:1080px) {
    .section-benefits {
        overflow: hidden;
        padding: 40px
    }

    .section-benefits .section__shell {
        position: relative;
        max-width: 1310px;
        padding: 0 30px;
        margin: 0 auto
    }

    .section-benefits .section__border-left {
        background-image: url(/cdn/shop/t/115/assets/border-left-alt-mobile.png);
        top: 0
    }

    .section-benefits .section__border-right {
        background-image: url(/cdn/shop/t/115/assets/border-right-alt-mobile.png);
        width: 8px;
        top: -1px
    }

    .section-benefits .section__border-bottom {
        background-image: url(/cdn/shop/t/115/assets/border-bottom-alt-mobile.png);
        height: 24px;
        left: 7px;
        right: 8px
    }

    .section-benefits .section__border-top {
        background-image: url(/cdn/shop/t/115/assets/border-top-alt-mobile.png);
        height: 25px;
        top: -2px;
        right: 8px;
        left: 7px
    }

    .section-benefits .section__head {
        margin-bottom: 38px
    }

    .section-benefits .section__title {
        transform: translateY(-13px)
    }
}

@media (max-width:875px) {
    .section-benefits {
        padding: 50px 15px 24px
    }

    .section-benefits .section__shell {
        padding: 0 16px;
        padding-bottom: 30px
    }

    .section-benefits .section__border-bottom {
        height: 16px;
        bottom: -4px;
        left: 4px
    }

    .section-benefits .section__border-top {
        left: 4px;
        top: 13px
    }

    .section-benefits .section__border-left,
    .section-benefits .section__border-right {
        top: 13px
    }

    .section-benefits .section__title {
        transform: translateY(-25px);
        font-size: 18px;
        line-height: 1.6;
        padding: 10px
    }

    .section-benefits .section__head {
        margin: 0 30px 25px;
        padding: 0
    }
}

.hero-callout {
    text-align: center;
    padding: 12.7vw 0 11.7vw;
    position: relative
}

@media (max-width:768px) {
    .hero-callout {
        padding: 0
    }
}

.hero-callout .hero-callout__images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

@media (max-width:768px) {
    .hero-callout .hero-callout__images {
        position: relative;
        top: auto;
        left: auto
    }
}

@media (max-width:768px) {
    .hero-callout .hero-callout__images.hero-callout__images--desktop {
        display: none
    }
}

.hero-callout .hero-callout__images.hero-callout__images--mobile {
    display: none
}

@media (max-width:768px) {
    .hero-callout .hero-callout__images.hero-callout__images--mobile {
        display: -ms-flexbox;
        display: flex
    }
}

.hero-callout .hero-callout__images.hero-callout__images--overlay .hero-callout__image:before {
    content: ""
}

.hero-callout .hero-callout__image {
    -ms-flex: 1;
    flex: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #ccc
}

@media (max-width:768px) {
    .hero-callout .hero-callout__image {
        padding-bottom: 50%;
        min-width: 50%;
        border: 1px solid #fff
    }
}

.hero-callout .hero-callout__image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-callout .hero-callout__body {
    position: relative;
    z-index: 1
}

@media (max-width:768px) {
    .hero-callout .hero-callout__body {
        padding: 25px 16px
    }
}

.hero-callout .hero-callout__head {
    margin-bottom: 23px
}

@media (max-width:768px) {
    .hero-callout .hero-callout__head {
        margin-bottom: 7px
    }
}

.hero-callout .hero-callout__title {
    font-size: 64px;
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    color: #fff;
    margin: 0 0 11px;
    line-height: 1.1
}

@media (max-width:768px) {
    .hero-callout .hero-callout__title {
        font-size: 40px;
        color: #01bcbe;
        margin-bottom: 2px;
        line-height: 1.2
    }
}

.hero-callout .hero-callout__subtitle {
    font-size: 34px;
    color: #fff;
    font-family: Avenir, sans-serif;
    font-weight: 900;
    margin: 0;
    line-height: 1.1
}

@media (max-width:768px) {
    .hero-callout .hero-callout__subtitle {
        font-size: 20px;
        font-weight: 500;
        color: #4d4d4d;
        letter-spacing: -.01em;
        line-height: 1.3;
        margin-top: -5px
    }
}

.hero-callout .hero-callout__actions .btn {
    min-width: 282px;
    font-size: 20px;
    padding: 15px 20px
}

@media (max-width:768px) {
    .hero-callout .hero-callout__actions .btn {
        min-width: 0;
        width: 100%;
        font-size: 16px;
        padding: 16px 20px
    }
}

.section__head {
    text-align: center;
    padding: 40px 32px 0
}

@media (max-width:767px) {
    .section__head {
        padding: 15px
    }
}

.section__head__content {
    margin-top: 20px;
    font: 400 18px/1.444444 Avenir Book, sans-serif
}

@media (max-width:767px) {
    .section__head__content {
        margin-top: 10px
    }
}

.section__head__content a {
    color: #f3576b;
    font-weight: 700
}

.section__head__content a:hover {
    text-decoration: underline
}

.section__title {
    margin: 0;
    font-size: 32px;
    line-height: 1.34375;
    font-family: KG HAPPY Solid, sans-serif;
    color: #01bcbe
}

@media (max-width:767px) {
    .section__title {
        font-size: 26px
    }
}

.section-join-testimonial .section__title {
    color: #4d4d4d
}

.section-join-testimonial .section__actions {
    padding-top: 20px
}

.section-join-testimonial .section__actions a.btn {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #f55568;
    border: 3px solid #f55568;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 13px !important;
    margin-top: 15px;
    transition: background-color .3s, color .3s
}

.section-join-testimonial .section__actions a.btn:hover {
    background-color: #f55568;
    color: #fff
}

#splash .shopify-section-splash p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 100
}

#splash .shopify-section-splash b {
    font-weight: 700
}

#splash .shopify-section-splash .login-intro {
    text-align: center;
    margin-top: 30px
}

#splash .shopify-section-splash .login-intro h3 {
    letter-spacing: 0
}

@media (max-width:875px) {
    #splash .shopify-section-splash .login-intro h3 {
        margin-bottom: 15px
    }
}

#splash .shopify-section-splash .login-intro p {
    max-width: 500px;
    margin: auto
}

#splash .shopify-section-splash .login-options {
    max-width: 700px;
    margin: 44px auto 40px;
    background: #edfafc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 8px;
    position: relative;
    padding: 50px 0
}

@media (max-width:768px) {
    #splash .shopify-section-splash .login-options {
        padding: 30px 0 15px
    }
}

#splash .shopify-section-splash .login-options:before {
    content: "";
    position: absolute;
    top: -39px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    width: 75px;
    height: 75px
}

#splash .shopify-section-splash .login-options img {
    position: absolute;
    top: -33px;
    width: 32px;
    z-index: 1
}

#splash .shopify-section-splash .login-options .login-left,
#splash .shopify-section-splash .login-options .login-right {
    -ms-flex: 50%;
    flex: 50%;
    width: 50%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    padding: 0 20px
}

@media (max-width:670px) {

    #splash .shopify-section-splash .login-options .login-left,
    #splash .shopify-section-splash .login-options .login-right {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%;
        padding: 10px 20px
    }

    #splash .shopify-section-splash .login-options .login-left p,
    #splash .shopify-section-splash .login-options .login-right p {
        text-align: center;
        width: 100%
    }
}

#splash .shopify-section-splash .login-options .login-left a,
#splash .shopify-section-splash .login-options .login-right a {
    font-weight: 700;
    position: relative;
    width: auto;
    display: inline-block
}

#splash .shopify-section-splash .login-options .login-left a:after,
#splash .shopify-section-splash .login-options .login-right a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #f3576b;
    bottom: -3px;
    display: block;
    position: absolute
}

#splash .shopify-section-splash .login-options .login-left:after {
    content: "";
    width: 1px;
    height: 111px;
    position: absolute;
    right: -1px;
    bottom: -32px;
    background: #01bcbe
}

@media (max-width:875px) {
    #splash .shopify-section-splash .login-options .login-left:after {
        height: 67px;
        bottom: 0
    }
}

@media (max-width:670px) {
    #splash .shopify-section-splash .login-options .login-left:after {
        width: 75px;
        height: 1px;
        bottom: 0;
        right: 50%;
        transform: translateX(50%)
    }
}

#splash .shopify-section-splash .login-footer p {
    text-align: center;
    max-width: 255px;
    margin: auto;
    font-weight: 400
}

#splash .shopify-section-splash .login-footer a {
    font-weight: 600
}

@media (max-width:875px) {
    #splash #shopify-section-pre-footer {
        margin-top: 40px
    }
}

#splash #shopify-section-pre-footer .spacer {
    height: 40px
}

.section-banner-promotions {
    padding-top: 10px
}

.section-banner-promotions .section__shell {
    max-width: 1350px;
    padding: 0 20px;
    margin: 0 auto
}

@media (max-width:1023px) {

    .section-banner-promotions .section__shell .features-simple,
    .section-banner-promotions .section__shell .features-simple .feature-simple {
        max-width: 100%;
        display: -ms-flexbox;
        display: flex
    }
}

.section-banner-promotions .section__shell .features-simple .features__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items {
        margin: -12px 0
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item {
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    padding: 20px
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items .features__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 12px 0
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item.has-separator {
    position: relative
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__image {
    max-width: 110px;
    max-height: 70px;
    margin: 0 auto 7px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__image {
        max-width: 70px;
        max-height: 70px;
        text-align: left;
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 0;
        width: 70px
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__image img {
    width: auto;
    height: auto;
    max-width: 110px;
    max-height: 70px
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__image img {
        max-width: 70px;
        max-height: 70px
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__title {
    color: #01bcbe;
    font-size: 18px;
    font-weight: 700;
    font-family: KG HAPPY Solid, sans-serif;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 8px
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__title {
        text-align: left
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__entry {
    text-align: center
}

@media (max-width:1023px) {
    .section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__entry {
        text-align: left
    }
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__entry p {
    font-size: 18px;
    font-family: Avenir Book;
    line-height: 1.22;
    margin: 0
}

.section-banner-promotions .section__shell .features-simple .features__items .features__item .feature__entry p a {
    font-family: Avenir, sans-serif;
    font-weight: 900;
    color: #f3576b
}

.apple-wallet-image,
.giftcard-qr img {
    display: block;
    margin: 0 auto
}

@media print {
    @page {
        margin: .5cm
    }

    p {
        orphans: 3;
        widows: 3
    }

    .apple-wallet,
    .print-giftcard {
        display: none
    }
}

.product-single__thumbnail-image {
    border: 2px solid transparent
}

.active-thumbnail .product-single__thumbnail-image {
    border-color: {
            {
            settings.color_body_text | color_lighten: 50
        }
    }
}

.acct-contact-cta {
    padding: 0 15px 20px;
    color: #4d4d4d;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.acct-contact-cta a {
    font-weight: 600
}

.login-button--nav,
.login-button.site-nav--has-submenu {
    font-size: 16px;
    font-family: 'Avenir', sans-serif;
    letter-spacing: 0;
    color: #4d4d4d;
    font-weight: 700
}

.login-button--nav .sub-menu,
.login-button.site-nav--has-submenu .sub-menu {
    padding-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(77, 77, 77, .15);
    border-radius: 0 0 4px 4px;
    width: auto;
    white-space: nowrap;
    padding-top: 18px;
    border: 1px solid #efefef;
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 27px;
    left: -24px
}

.login-button--nav .sub-menu a,
.login-button.site-nav--has-submenu .sub-menu a {
    border-bottom: 0;
    margin-right: 0;
    padding: 10px 20px 10px 24px;
    color: #4d4d4d
}

.login-button--nav .sub-menu a:hover,
.login-button.site-nav--has-submenu .sub-menu a:hover {
    color: #f3576b
}

.login-button--nav:hover,
.login-button.site-nav--has-submenu:hover {
    color: #919191
}

.login-button--nav:hover img,
.login-button.site-nav--has-submenu:hover img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    opacity: .6
}

.login-button--nav:hover .sub-menu,
.login-button.site-nav--has-submenu:hover .sub-menu {
    display: block
}

.main-content__account {
    background: #fff;
    padding: 0 0 50px
}

.main-content__account .account-content-container {
    padding-top: 50px;
    margin-bottom: 50px
}

@media (max-width:480px) {
    .main-content__account .account-content-container {
        padding: 20px 15px 0;
        margin-bottom: 50px
    }
}

@media (max-width:480px) {
    .main-content__account {
        padding: 0 0 20px
    }
}

form#customer_login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

form#customer_login .h1 {
    margin: 0 0 2px
}

.acct-login-create,
form#customer_login .h1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center
}

.acct-login-create a {
    display: inline-block;
    font-weight: 600
}

.acct-login-notification {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 20px
}

.acct-login-notification .errors {
    max-width: 400px;
    margin: 26px auto 0;
    background: #fde6e9;
    border-radius: 8px;
    padding: 8px 18px;
    font-size: 14px;
    color: #4d4d4d
}

.acct-login-notification .errors ul {
    margin: 0
}

.acct-login-notification .errors ul li {
    text-align: left
}

.form-success {
    max-width: 400px;
    margin: 26px auto 0;
    background: #f2fae8;
    border-radius: 8px;
    padding: 8px 18px;
    font-size: 14px;
    color: #4d4d4d
}

.form-success ul {
    margin: 0
}

.form-success ul li {
    text-align: left
}

.acct-label {
    margin: 0 0 8px;
    text-align: left
}

.acct-field-row,
.acct-label {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.acct-field-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.acct-field-row input,
.acct-field-row label,
.acct-field-row select {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.acct-option-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.acct-option-row a {
    margin: 0
}

.acct-option-row acct-option-row {
    margin-bottom: 0
}

[data-recover-form] .h1 {
    margin: 20px auto 0;
    text-align: center
}

[data-recover-form] p {
    margin: 10px 15px 20px;
    text-align: center
}

form[action="/account/recover"] {
    margin-top: 32px
}

@media (max-width:875px) {
    .acct-login-notification {
        margin: 0 0 22px
    }

    .acct-field-row {
        margin-bottom: 28px
    }

    .acct-option-row {
        margin-bottom: 4px
    }

    .acct-login-create {
        width: 100%
    }

    .acct-login-create a {
        display: block
    }
}

#ReCharge {
    max-width: 1290px;
    margin: auto;
    padding: 0 15px
}

#ReCharge .subs-list-header .subs-list-title h3.header,
#ReCharge .template-order h3.h3,
#ReCharge h3.h3 {
    font-size: 26px;
    line-height: 41px
}

#ReCharge .subscription-main-container {
    width: 100%;
    margin: auto;
    position: relative;
    margin: 0 0 10px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container>div:last-of-type {
        margin-bottom: 10px
    }
}

#ReCharge .subscription-main-container .no-memberships {
    margin: 25px auto 30px;
    max-width: 1110px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container .no-memberships {
        margin-top: 0
    }
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container .past-membership.last {
        margin-bottom: 10px
    }
}

#ReCharge .subscription-main-container.single-subscription {
    max-width: 1100px;
    margin: 40px auto;
    margin-bottom: 0;
    float: none
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription {
        margin-top: 24px
    }
}

#ReCharge .subscription-main-container.single-subscription .subs-header {
    margin-bottom: 7px
}

#ReCharge .subscription-main-container.single-subscription .subs-shipto-column-schedule {
    font-size: 16px;
    font-weight: 100;
    line-height: 26px
}

#ReCharge .subscription-main-container.single-subscription .active-subs {
    padding: 24px;
    margin-bottom: 40px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .active-subs {
        margin-bottom: 0
    }
}

#ReCharge .subscription-main-container.single-subscription .active-subs .subs-img-container {
    position: relative;
    height: 96px;
    width: 96px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .active-subs .subs-img-container {
        margin-top: -75px;
        top: auto
    }
}

#ReCharge .subscription-main-container.single-subscription .active-subs .subs-img-container:after {
    content: "";
    background: #b8dee4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 1
}

#ReCharge .subscription-main-container.single-subscription .active-subs .subs-img-container img {
    z-index: 2;
    position: relative
}

#ReCharge .subscription-main-container.single-subscription .subs-list-header {
    margin-top: 0;
    margin-bottom: 10px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .subs-list-header {
        margin: 24px 0
    }

    #ReCharge .subscription-main-container.single-subscription .subs-list-header.first {
        margin: -4px 0 75px
    }
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .subs-list-header .subs-list-title {
        margin: 0
    }
}

#ReCharge .subscription-main-container.single-subscription .subs-list-header .subs-list-title p {
    margin: 0;
    font-size: 16px;
    font-weight: 100;
    line-height: 26px
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .subs-list-header .subs-list-title p {
        max-width: 260px;
        text-align: center;
        margin: auto
    }
}

#ReCharge .subscription-main-container.single-subscription .subs-list-header .subs-list-title p a {
    font-weight: 700
}

#ReCharge .subscription-main-container.single-subscription .subs-edit-address-action a {
    position: absolute;
    right: 24px;
    bottom: 36px;
    font-weight: 700
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .subs-edit-address-action a {
        position: unset;
        text-align: center;
        display: block
    }
}

#ReCharge .subscription-main-container.single-subscription .subs-details-container {
    margin: 0;
    padding-left: 24px;
    position: unset
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .subs-details-container {
        padding: 0
    }
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .shipping {
        margin-bottom: 24px
    }
}

#ReCharge .subscription-main-container.single-subscription .shipping .subs-details-container {
    padding-left: 0
}

#ReCharge .subscription-main-container.single-subscription .shipping .subs-shipto-column-ship_address {
    font-size: 18px;
    font-weight: 100;
    line-height: 26px
}

#ReCharge .subscription-main-container.single-subscription .shipping .subs-edit-address-action a {
    top: 24px;
    bottom: auto
}

@media (max-width:875px) {
    #ReCharge .subscription-main-container.single-subscription .shipping .subs-edit-address-action a {
        position: absolute
    }
}

@media (max-width:1080px) {
    #ReCharge .memberships {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px
    }
}

@media only screen and (max-width:1080px) and (max-width:767px) {
    #ReCharge .memberships {
        margin-left: 0
    }
}

@media (max-width:1080px) {

    #ReCharge .memberships .past-memberships,
    #ReCharge .memberships .subs-list-header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    #ReCharge .memberships .past-memberships {
        margin-left: 15px;
        margin-top: 15px
    }
}

#ReCharge .edit-subs {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:875px) {
    #ReCharge .edit-subs {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#ReCharge .subs-prod-details {
    width: 100%;
    max-width: 290px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    padding: 15px;
    margin-bottom: 20px
}

@media (max-width:875px) {
    #ReCharge .subs-prod-details {
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#ReCharge .subs-prod-details .subs-image {
    position: relative;
    margin-bottom: 15px;
    text-align: center
}

@media (max-width:875px) {
    #ReCharge .subs-prod-details .subs-image {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }
}

@media (max-width:875px) {
    #ReCharge .subs-prod-details .edit-subs-info {
        -ms-flex-preferred-size: calc(100% - 100px);
        flex-basis: calc(100% - 100px);
        padding-left: 17px
    }
}

#ReCharge .subs-prod-details .edit-subs-info h2 {
    color: #4d4d4d;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: capitalize;
    margin: 0
}

#ReCharge .subs-prod-details .edit-subs-info h3 {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
}

#ReCharge .subs-prod-details .edit-subs-info .edit-subs-title {
    font-weight: 900
}

#ReCharge .subs-prod-details .edit-subs-info .edit-subs-title img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px
}

#ReCharge .subs-prod-details .edit-subs-info .renew-subs {
    font-weight: 300
}

#ReCharge .subs-prod-details .edit-subs-info .renew-subs img {
    height: 16px;
    width: 16px;
    vertical-align: text-top;
    margin-right: 8px;
    margin-top: 2px
}

#ReCharge .subs-prod-details .subs-price {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 13px;
    border-top: 1px solid rgba(77, 77, 77, .12);
    padding-top: 13px
}

@media (max-width:875px) {
    #ReCharge .subs-prod-details .subs-price {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

#ReCharge .subs-prod-details .subs-price h6 {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 3px
}

#ReCharge .subs-prod-details .subs-price .next-charge-date {
    font-weight: 300;
    font-size: 14px
}

#ReCharge .subs-prod-details .subs-price span {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px
}

#ReCharge .subs-actions-container .subs-action-edit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    max-width: 250px;
    min-height: 38px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 4px;
    margin: 0 auto 20px;
    padding: 0 10px 0 34px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s;
    background: #f3576b;
    border-color: #f3576b;
    margin: 0 30px 20px 0
}

#ReCharge .subs-actions-container .subs-action-edit:focus,
#ReCharge .subs-actions-container .subs-action-edit:hover {
    transition: box-shadow .2s;
    border-width: 2px;
    outline: 0
}

#ReCharge .subs-actions-container .subs-action-edit:active {
    background: hsla(0, 0%, 100%, .2);
    color: #fff
}

#ReCharge .subs-actions-container .subs-action-edit:disabled,
#ReCharge .subs-actions-container .subs-action-edit[disabled] {
    background: hsla(0, 0%, 100%, .4);
    color: #fff;
    opacity: .6;
    border-width: 0;
    pointer-events: none
}

#ReCharge .subs-actions-container .subs-action-edit.pink {
    background: #f3576b;
    border-width: 0
}

#ReCharge .subs-actions-container .subs-action-edit.pink:focus,
#ReCharge .subs-actions-container .subs-action-edit.pink:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

#ReCharge .subs-actions-container .subs-action-edit.pink:active {
    background-color: #d94e61;
    box-shadow: none;
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

#ReCharge .subs-actions-container .subs-action-edit.pink:disabled,
#ReCharge .subs-actions-container .subs-action-edit.pink[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

#ReCharge .subs-actions-container .subs-action-edit.pink-border {
    border: 2px solid #f3576b;
    color: #f3576b
}

#ReCharge .subs-actions-container .subs-action-edit.pink-border:focus,
#ReCharge .subs-actions-container .subs-action-edit.pink-border:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    border-width: 2px;
    outline: 0
}

#ReCharge .subs-actions-container .subs-action-edit.pink-border:active {
    background: transparent;
    color: #f3576b
}

#ReCharge .subs-actions-container .subs-action-edit.pink-border:disabled,
#ReCharge .subs-actions-container .subs-action-edit.pink-border[disabled] {
    background: transparent;
    color: #f3576b;
    opacity: .6;
    border-width: 0;
    pointer-events: none
}

#ReCharge .subs-actions-container .subs-action-edit img,
#ReCharge .subs-actions-container .subs-action-edit svg {
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 25px
}

@media (max-width:875px) {

    #ReCharge .subs-actions-container .subs-action-edit img,
    #ReCharge .subs-actions-container .subs-action-edit svg {
        left: 20%
    }
}

@media (max-width:875px) {
    #ReCharge .subs-actions-container .subs-action-edit {
        min-height: 27px;
        font-size: 14px
    }
}

#ReCharge .subs-actions-container .subs-action-edit:focus,
#ReCharge .subs-actions-container .subs-action-edit:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    color: #fff
}

#ReCharge .subs-actions-container .subs-action-skip,
#ReCharge .subs-actions-container .subs-action-unskip {
    margin: 0 30px 20px 0
}

#ReCharge .subs-actions-container .subs-action-skip img {
    left: 13px
}

#ReCharge .subs-actions-container .skip,
#ReCharge .subs-actions-container .unskip {
    display: none;
    position: relative
}

#ReCharge .subs-actions-container .skip .skip-unskip-detail,
#ReCharge .subs-actions-container .unskip .skip-unskip-detail {
    position: absolute;
    top: calc(100% - 12px);
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #f3576b;
    padding: 0 30px 0 0
}

#ReCharge .subs-skip fieldset {
    border: none;
    margin: 0;
    padding: 0
}

#ReCharge .subs-skip fieldset .skip {
    border-radius: 4px;
    background-color: #f16577;
    color: #fff;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    padding: 8px;
    text-transform: capitalize;
    margin-bottom: 10px
}

#ReCharge .subs-skip fieldset img {
    width: 22px;
    vertical-align: sub;
    margin-right: 7px
}

#ReCharge .subs-skip fieldset .cancel-subscription-link {
    border: 2px solid #f16577;
    border-radius: 4px;
    width: 100%;
    display: block;
    padding: 6px 0;
    color: #f16577;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize
}

#ReCharge .subs-skip fieldset .cancel-subscription-link svg {
    width: 15px;
    vertical-align: unset;
    margin-right: 7px
}

#ReCharge .subs-prod-main {
    max-width: 290px
}

@media (max-width:875px) {
    #ReCharge .subs-prod-main {
        max-width: 100%
    }
}

#ReCharge .subs-prod-input {
    width: calc(100% - 290px);
    padding-left: 30px;
    margin: auto
}

#ReCharge .subs-prod-input .show-orders {
    padding-left: 0;
    margin-top: 30px
}

@media (max-width:875px) {
    #ReCharge .subs-prod-input .customer-overview-titles .h4-alt {
        font-size: 20px;
        text-align: center
    }
}

#ReCharge .subs-prod-input .customer-overview-titles a,
#ReCharge .subs-prod-input .customer-overview-titles span,
#ReCharge .subs-prod-input .status,
#ReCharge .subs-prod-input .tracking-number__title {
    display: none
}

@media (max-width:875px) {
    #ReCharge .subs-prod-input .status {
        display: block
    }
}

#ReCharge .subs-prod-input .line-item-detail {
    -ms-flex-pack: justify;
    justify-content: space-between
}

#ReCharge .subs-prod-input .acct-order-date {
    width: 49%
}

#ReCharge .subs-prod-input .image {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0
}

@media (max-width:875px) {
    #ReCharge .subs-prod-input .image {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#ReCharge .subs-prod-input .image span {
    margin-left: 0
}

#ReCharge .subs-prod-input .order-link {
    width: 65px
}

#ReCharge .subs-prod-input .download-list {
    padding-right: 0
}

#ReCharge .subs-prod-input .download-list a {
    display: -ms-flexbox;
    display: flex
}

#ReCharge .subs-prod-input .download-list a svg {
    width: 35px
}

#ReCharge .subs-prod-input .acct-order-title {
    font-weight: 500 !important;
    text-transform: capitalize
}

#ReCharge .subs-prod-input .acct-order-title:first-child {
    padding-left: 0
}

#ReCharge .subs-prod-input .acct-order-headline {
    width: 34%
}

#ReCharge .subs-prod-input .acct-item-headline {
    width: 40%
}

#ReCharge .subs-ship-detail {
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    padding: 36px 42px 32px 36px
}

#ReCharge .subs-ship-detail .subs-ship-info {
    border: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-ship-address {
    -ms-flex: 1;
    flex: 1
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-ship-address h4 {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 10px
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-ship-address p {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:875px) {
    #ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action {
        position: relative;
        bottom: 10px
    }
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action a {
    border-radius: 4px;
    background-color: #f16577;
    max-width: 135px;
    width: 100%;
    display: block;
    color: #fff;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px 0;
    text-transform: capitalize
}

#ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action img {
    width: 22px;
    vertical-align: sub;
    margin-right: 7px
}

@media (max-width:875px) {
    #ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action img {
        margin: 0
    }
}

#ReCharge .subs-header {
    margin: 25px auto 0;
    max-width: 1110px
}

@media (max-width:875px) {
    #ReCharge .subs-header {
        margin: 16px auto
    }
}

#ReCharge .subs-header a {
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 5px;
    display: block
}

@media (max-width:875px) {
    #ReCharge .subs-header a {
        text-align: center
    }
}

#ReCharge .subs-header a span img {
    margin-bottom: 3px
}

#ReCharge .subs-header h4 {
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 38px;
    margin: 0
}

@media (max-width:875px) {
    #ReCharge .subs-header .subs--title {
        font-size: 20px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    #ReCharge .retention-sub-header .subs--title {
        line-height: 45px
    }

    #ReCharge .retention-container .retention-detail {
        padding: 32px 18px
    }

    #ReCharge .retention-container .retention-detail #cancellation_reason_comments {
        margin-top: 0;
        margin-bottom: 8px
    }

    #ReCharge .retention-container .retention-detail .btn {
        width: 100%
    }

    #ReCharge .retention-container .retention-detail .return-link-holder {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 0
    }

    #ReCharge .retention-container .retention-detail h3 {
        margin-bottom: 35px
    }

    #ReCharge .retention-container .retention-detail label {
        font-size: 16px;
        font-weight: 900
    }

    #ReCharge .retention-container .retention-detail .retention-check-list li {
        margin: 0 0 22px
    }

    #ReCharge .retention-container .retention-detail .subscription-incentives form {
        width: 100%
    }

    #ReCharge .retention-container .retention-detail .subscription-incentives form .btn {
        margin-right: 0
    }

    #ReCharge .retention-container .retention-detail .subscription-incentives p {
        margin-top: 0;
        margin-bottom: 24px;
        width: 100%
    }

    #ReCharge .retention-container .retention-detail .return-link-holder__step2 {
        margin-top: 10px;
        margin-bottom: 0
    }

    #ReCharge .retention-container .subs-prod-main {
        display: none
    }

    #ReCharge .retention-container .subs-prod-input {
        margin-top: 0
    }
}

@media (max-width:875px) {
    #ReCharge .edit-subs {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #ReCharge .subs-prod-details {
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 12px
    }

    #ReCharge .subs-prod-details .subs-image {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    #ReCharge .subs-prod-details .edit-subs-info {
        -ms-flex-preferred-size: calc(100% - 100px);
        flex-basis: calc(100% - 100px);
        padding-left: 17px
    }

    #ReCharge .subs-prod-details .edit-subs-info h2 {
        font-size: 14px;
        list-style: 26px
    }

    #ReCharge .subs-prod-details .subs-price {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    #ReCharge .subs-prod-input {
        width: 100%;
        padding-left: 0;
        margin-top: 13px
    }

    #ReCharge .subs-ship-detail {
        padding: 25px 18px
    }

    #ReCharge .subs-ship-detail .subs-ship-info .subs-ship-address {
        -ms-flex-preferred-size: calc(100% - 38px);
        flex-basis: calc(100% - 38px)
    }

    #ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action {
        -ms-flex-preferred-size: 38px;
        flex-basis: 38px
    }

    #ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action svg {
        margin-right: 0
    }

    #ReCharge .subs-ship-detail .subs-ship-info .subs-edit-address-action .edit-subscription {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #ReCharge .memberships {
        margin-left: 0
    }

    #ReCharge .memberships .active-subs,
    #ReCharge .memberships .subs-list-header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    #ReCharge .memberships .active-subs {
        margin-left: 0
    }

    #ReCharge .memberships .past-memberships {
        margin-left: 0;
        text-align: center
    }

    #ReCharge .memberships .past-memberships .subs-shipto-container {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.overview-hide .subs-charge-date,
.overview-hide .subs-details,
.overview-hide .subs-price {
    opacity: .5
}

.subs-list-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px auto 30px;
    max-width: 1110px
}

.subs-list-header.first {
    margin-top: 0
}

@media (max-width:875px) {
    .subs-list-header {
        margin: 50px 0 60px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.subs-list-header .subs-list-title {
    -ms-flex: 1;
    flex: 1
}

.subs-list-header .subs-list-title h3.header {
    margin: 0;
    line-height: 41px
}

.subs-list-header .new-subs-action {
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

@media (max-width:875px) {
    .subs-list-header .new-subs-action {
        margin-bottom: 10px
    }
}

.subs-list-header .new-subs-action a {
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 26px
}

@media (max-width:875px) {
    .subs-list-header .new-subs-action a {
        font-size: 14px;
        line-height: 26px
    }
}

.subs-list-header .new-subs-action img {
    width: 12px;
    margin-right: 7px
}

.header {
    margin: 0 0 15px;
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 38px
}

@media (max-width:875px) {
    .header {
        font-size: 26px;
        line-height: 41px !important;
        text-align: center;
        margin-bottom: 60px
    }
}

#ReCharge .active-subs {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 18px 15px
}

#ReCharge .active-subs,
#ReCharge .active-subs.eligable-unskip .unskip {
    display: -ms-flexbox;
    display: flex
}

#ReCharge .active-subs.eligable-unskip .badge-skipped {
    display: none
}

#ReCharge .active-subs.eligable-skip .skip {
    display: -ms-flexbox;
    display: flex
}

#ReCharge .active-subs .subs-charge-date,
#ReCharge .active-subs .subs-details,
#ReCharge .active-subs .subs-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#ReCharge .active-subs .subs-details {
    -ms-flex: 31%;
    flex: 31%
}

#ReCharge .active-subs .subs-details .image {
    max-width: 100px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

#ReCharge .active-subs .subs-details .title {
    padding-left: 35px
}

#ReCharge .active-subs .subs-details .title h2 {
    color: #4d4d4d;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: capitalize;
    margin: 0
}

#ReCharge .active-subs .subs-details .title .edit-subs-title,
#ReCharge .active-subs .subs-details .title .renew-subs {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
}

#ReCharge .active-subs .subs-details .title .edit-subs-title {
    font-weight: 900
}

#ReCharge .active-subs .subs-details .title .edit-subs-title img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px
}

#ReCharge .active-subs .subs-details .title .renew-subs {
    font-weight: 300
}

#ReCharge .active-subs .subs-details .title .renew-subs img {
    height: 16px;
    width: 16px;
    vertical-align: middle
}

#ReCharge .active-subs .subs-details .title .renew-subs a {
    padding-left: 3px
}

#ReCharge .active-subs .subs-charge-date {
    -ms-flex: 30%;
    flex: 30%;
    padding-left: 27px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#ReCharge .active-subs .subs-price {
    -ms-flex: 20%;
    flex: 20%;
    padding-left: 48px
}

#ReCharge .active-subs .subs-price .value {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px
}

#ReCharge .active-subs .subs-actions {
    -ms-flex: 20%;
    flex: 20%
}

#ReCharge .active-subs .subs-actions .edit,
#ReCharge .active-subs .subs-actions .subs-inactive {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

#ReCharge .active-subs .subs-actions .subs-inactive {
    width: 100%
}

#ReCharge .active-subs .subs-actions .inactive {
    border: 2px solid #f16577;
    border-radius: 4px;
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    padding: 8px;
    width: 100%;
    max-width: 175px;
    text-transform: capitalize
}

@media (max-width:1080px) {
    #ReCharge .active-subs .subs-actions .inactive {
        max-width: 100%
    }
}

#ReCharge .active-subs .subs-charge-date h4,
#ReCharge .active-subs .subs-price h4 {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 7px
}

#ReCharge .active-subs .subs-charge-date h5,
#ReCharge .active-subs .subs-price h5 {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
}

#ReCharge .badge-skipped {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    background-color: #01bcbe;
    padding: 5px 16px;
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 8px;
    font-size: 14px;
    text-transform: capitalize;
    color: #4d4d4d;
    color: #fff;
    display: none
}

.swap_sibling {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: .75px;
    padding: 2px 12px 2px 13px;
    border: 1px solid #f16577;
    color: #f16577;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    font-weight: 900
}

.siblings-title {
    margin: 0 7px 0 0
}

@media (max-width:1080px) {
    #ReCharge .active-subs {
        padding: 20px 13px 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    #ReCharge .active-subs .subs-details {
        margin-bottom: 14px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    #ReCharge .active-subs .subs-details .title {
        padding-left: 17px
    }

    #ReCharge .active-subs .subs-details .title h2 {
        font-size: 14px
    }

    #ReCharge .active-subs .subs-price {
        padding-left: 15px
    }

    #ReCharge .active-subs .subs-charge-date,
    #ReCharge .active-subs .subs-price {
        padding-left: 0;
        margin-bottom: 14px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #ReCharge .active-subs .subs-charge-date .title,
    #ReCharge .active-subs .subs-charge-date .value,
    #ReCharge .active-subs .subs-price .title,
    #ReCharge .active-subs .subs-price .value {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 0 9px
    }

    #ReCharge .active-subs .subs-charge-date .title,
    #ReCharge .active-subs .subs-price .title {
        margin-bottom: 20px
    }

    #ReCharge .active-subs .subs-actions {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-left: 0
    }

    #ReCharge .active-subs .subs-actions .edit,
    #ReCharge .active-subs .subs-actions .skip,
    #ReCharge .active-subs .subs-actions .unskip {
        width: 46%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #ReCharge .active-subs .subs-actions .edit a:not(.inactive),
    #ReCharge .active-subs .subs-actions .skip a:not(.inactive),
    #ReCharge .active-subs .subs-actions .unskip a:not(.inactive) {
        max-width: 100%
    }

    #ReCharge .active-subs .subs-actions .edit a,
    #ReCharge .active-subs .subs-actions .skip a,
    #ReCharge .active-subs .subs-actions .unskip a {
        margin: 0;
        font-size: 14px;
        text-align: center;
        min-height: 38px
    }

    #ReCharge .active-subs .subs-actions .skip,
    #ReCharge .active-subs .subs-actions .unskip {
        margin-left: 2%
    }

    #ReCharge .active-subs .subs-actions .skip .skip-unskip-detail,
    #ReCharge .active-subs .subs-actions .unskip .skip-unskip-detail {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        font-size: 12px;
        line-height: 1.2;
        text-align: center;
        color: #f3576b;
        padding: 3px 0
    }

    #ReCharge .active-subs .subs-actions .subs-info {
        right: -25px
    }
}

.past-memberships {
    margin-top: 40px
}

@media (max-width:767) {
    .past-memberships {
        margin-top: 28px;
        text-align: center
    }
}

.acct-orders .page-width {
    max-width: 1290px;
    padding: 0 15px
}

.acct-orders .recent-orders-success {
    max-width: 1060px;
    margin: auto
}

.acct-orders .recent-orders-success .customer-overview-titles {
    display: inline-block;
    width: 100%;
    margin: 50px 0 15px
}

@media (max-width:875px) {
    .acct-orders .recent-orders-success .customer-overview-titles {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 45px;
        margin-bottom: 7px;
        margin-top: 20px
    }
}

.acct-orders .recent-orders-success .customer-overview-titles .h4-alt {
    color: #01bcbe !important;
    line-height: 38px;
    margin: 0;
    text-transform: capitalize;
    font-family: KG HAPPY Solid, sans-serif;
    float: left
}

@media (max-width:875px) {
    .acct-orders .recent-orders-success .customer-overview-titles .h4-alt {
        float: unset
    }
}

.acct-orders .recent-orders-success .customer-overview-titles a {
    float: right;
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: normal;
    line-height: 26px;
    margin-top: 5px
}

@media (max-width:875px) {
    .acct-orders .recent-orders-success .customer-overview-titles a {
        float: unset
    }
}

.acct-orders .recent-orders-success .customer-overview-titles a img {
    margin: 0;
    width: 8px;
    vertical-align: middle;
    height: 12px
}

@media (max-width:875px) {
    .acct-orders .customer-overview-titles {
        text-align: center
    }
}

.acct-orders .acct-order-container {
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border: 1px solid rgba(77, 77, 77, .12);
    padding: 30px 42px;
    padding-bottom: 20px;
    padding-top: 20px
}

@media (max-width:875px) {
    .acct-orders .acct-order-container {
        padding: 18px 16px
    }
}

.acct-orders .acct-order-container {
    position: relative
}

.acct-orders .acct-order-container .load-more {
    margin: 20px auto 0;
    display: block;
    background: transparent;
    color: #f3576b;
    border: 2px solid #f3576b;
    padding: 4px 27px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: Avenir, sans-serif
}

.acct-orders .acct-order-container .load-more:hover {
    background: #f3576b;
    color: #fff
}

.acct-orders .acct-order-container .lds-roller {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0
}

.acct-orders .acct-order-container .lds-roller div:after {
    background: #4d4d4d
}

.acct-orders .acct-order-container .lds-roller h3 {
    color: #4d4d4d
}

.acct-orders .acct-order-container:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    opacity: .4;
    display: none
}

.acct-orders .loading.acct-order-container:after {
    display: block
}

.acct-orders .pagination {
    margin-top: 33px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Avenir, sans-serif;
    padding: 0
}

.acct-orders .pagination li {
    font-weight: 900
}

.acct-orders .pagination .prev {
    padding-right: 30px !important
}

.acct-orders .pagination .prev svg {
    width: 13px;
    height: 13px;
    margin-right: 8px
}

.acct-orders .pagination .prev.disabled svg polyline {
    stroke: #4d4d4d
}

.acct-orders .pagination li {
    padding: 0 8px;
    margin: 0 2px
}

.acct-orders .pagination .active {
    background: #e4f4f6;
    border-radius: 15px
}

.acct-orders .pagination .next {
    padding-left: 20px !important
}

.acct-orders .pagination .next svg {
    width: 13px;
    height: 13px;
    transform: rotate(-180deg);
    margin-left: 10px
}

.acct-orders .pagination .next.disabled svg polyline {
    stroke: #4d4d4d
}

.template-account #MainContent,
.template-account .acct-cta-notification {
    background-color: #fff
}

.acct-cta-notification {
    font-family: Avenir, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #4d4d4d;
    margin: auto;
    padding: 4px 10px 40px;
    text-align: center;
    background: #fff;
    font-weight: 100
}

@media (max-width:875px) {
    .acct-cta-notification {
        font-size: 16px;
        line-height: 24px
    }
}

.acct-cta-notification a {
    font-weight: 700
}

.show-orders {
    display: block !important;
    opacity: 1 !important;
    clear: both;
    padding-left: 30px
}

.show-orders .customer-overview-titles {
    margin-top: 0 !important
}

.shipment-list .order-delivered-icon {
    display: none !important
}

.hide-overview-memberships .overview-active-subs:nth-child(n+8) {
    display: none
}

#view_membership img {
    margin: 0 0 0 5px;
    width: 8px;
    vertical-align: middle;
    height: 12px
}

.view_all_memberships img {
    width: 8px;
    transform: rotate(180deg);
    vertical-align: sub;
    margin-right: 6px;
    height: 15px
}

#swap_subscription {
    margin: 10px 0
}

#cancel-modal,
#skip-modal,
#swap-modal,
#swap-sibling {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(77, 77, 77, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    padding: 15px
}

#cancel-modal .modal-holder,
#skip-modal .modal-holder,
#swap-modal .modal-holder,
#swap-sibling .modal-holder {
    width: 612px;
    background-color: #fff;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    text-align: center;
    padding: 50px 15px;
    position: relative
}

@media (max-width:875px) {

    #cancel-modal .modal-holder,
    #skip-modal .modal-holder,
    #swap-modal .modal-holder,
    #swap-sibling .modal-holder {
        padding: 38px 15px 23px
    }
}

#cancel-modal .close-icon,
#skip-modal .close-icon,
#swap-modal .close-icon,
#swap-sibling .close-icon {
    position: absolute;
    right: 15px;
    top: 15px
}

#cancel-modal .close-icon img,
#cancel-modal .close-icon svg,
#skip-modal .close-icon img,
#skip-modal .close-icon svg,
#swap-modal .close-icon img,
#swap-modal .close-icon svg,
#swap-sibling .close-icon img,
#swap-sibling .close-icon svg {
    width: 16px
}

#cancel-modal h2,
#skip-modal h2,
#swap-modal h2,
#swap-sibling h2 {
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    margin: 0 0 15px
}

#cancel-modal p,
#skip-modal p,
#swap-modal p,
#swap-sibling p {
    font-family: Avenir, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #4d4d4d;
    margin: 0 0 15px
}

#cancel-modal #cancel-prepaid-subscription,
#cancel-modal .skip-subscription-btn,
#skip-modal #cancel-prepaid-subscription,
#skip-modal .skip-subscription-btn,
#swap-modal #cancel-prepaid-subscription,
#swap-modal .skip-subscription-btn,
#swap-sibling #cancel-prepaid-subscription,
#swap-sibling .skip-subscription-btn {
    font-size: 16px;
    color: #fff;
    background-color: #f16577;
    border-radius: 4px;
    padding: 10px;
    min-width: 300px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 900;
    letter-spacing: 1px;
    width: 100%;
    max-width: 325px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

@media (max-width:875px) {

    #cancel-modal #cancel-prepaid-subscription,
    #cancel-modal .skip-subscription-btn,
    #skip-modal #cancel-prepaid-subscription,
    #skip-modal .skip-subscription-btn,
    #swap-modal #cancel-prepaid-subscription,
    #swap-modal .skip-subscription-btn,
    #swap-sibling #cancel-prepaid-subscription,
    #swap-sibling .skip-subscription-btn {
        max-width: 290px;
        min-width: unset
    }
}

#cancel-modal #swap-cancel-subscription,
#skip-modal #swap-cancel-subscription,
#swap-modal #swap-cancel-subscription,
#swap-sibling #swap-cancel-subscription {
    font-size: 16px;
    color: #fff;
    background-color: #f16577;
    border-radius: 4px;
    line-height: 54px;
    max-width: 325px;
    height: 54px;
    width: 100%;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 900;
    letter-spacing: 1px
}

@media (max-width:875px) {

    #cancel-modal #swap-cancel-subscription,
    #skip-modal #swap-cancel-subscription,
    #swap-modal #swap-cancel-subscription,
    #swap-sibling #swap-cancel-subscription {
        max-width: 290px
    }
}

#cancel-modal .btn-holder,
#skip-modal .btn-holder,
#swap-modal .btn-holder,
#swap-sibling .btn-holder {
    margin: 0 0 10px
}

#cancel-modal .cancel,
#skip-modal .cancel,
#swap-modal .cancel,
#swap-sibling .cancel {
    color: #f16577;
    font-size: 14px;
    line-height: 16px;
    font-weight: 900
}

#cancel-modal .modal-frame,
#skip-modal .modal-frame,
#swap-modal .modal-frame,
#swap-sibling .modal-frame {
    max-width: 430px;
    margin: 0 auto
}

#swap-modal h2 {
    margin: 0 0 12px
}

#swap-modal p {
    margin: 0 0 18px
}

#swap-modal .close-icon {
    right: 20px;
    top: 16px
}

@media (max-width:875px) {
    #swap-modal .close-icon {
        right: 16px;
        top: 13px
    }
}

@media (max-width:875px) {
    #swap-modal .modal-holder {
        padding: 38px 20px 23px
    }
}

#cancel-modal .modal-frame {
    max-width: 450px
}

#cancel-modal .refund-price,
#swap-modal .refund-price {
    font-weight: 700
}

#swap-sibling .modal-holder {
    width: 1024px;
    max-height: 515px;
    overflow-y: auto
}

@media (max-width:875px) {
    #swap-sibling .modal-holder {
        max-height: 625px
    }
}

#swap-sibling .plans {
    padding-top: 25px
}

@media (max-width:875px) {
    #swap-sibling .plan__image {
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px
    }
}

#swap-sibling .plan__image img {
    width: 56px
}

@media (max-width:875px) {
    #swap-sibling .plan__image img {
        width: 100%
    }
}

#swap-sibling .modal-frame {
    max-width: 890px
}

#swap-sibling p {
    max-width: 430px;
    margin: 0 auto
}

#swap-sibling .plan {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

#swap-sibling .plan .plan__title {
    padding: 5px;
    min-width: 116px;
    display: none;
    border-radius: 13.5px
}

#swap-sibling .plan .current_plan .plan__title {
    background-color: #e4f4f6;
    color: #01bcbe;
    display: block
}

#swap-sibling .plan .plan__inner {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 10px 21px;
    border-color: #eaeaea
}

#swap-sibling .plan .plan__inner.current_plan {
    box-shadow: unset
}

#swap-sibling .plan .plan__inner .plan-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (max-width:875px) {
    #swap-sibling .plan .plan__inner .plan-details {
        -ms-flex-direction: row;
        flex-direction: row
    }

    #swap-sibling .plan .plan__inner .plan-details .plan-details__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 18px;
        -ms-flex-preferred-size: calc(100% - 60px);
        flex-basis: calc(100% - 60px)
    }

    #swap-sibling .plan .plan__inner .plan-details .plan-details__inner a {
        max-width: 134px
    }

    #swap-sibling .plan .plan__inner .plan-details .plan-details__inner .current_plan_btn {
        text-align: left;
        margin-top: 0
    }
}

#swap-sibling .plan .plan__price {
    line-height: 16px;
    margin-bottom: 15px
}

#swap-sibling .plan .plan__price span {
    margin-left: 0;
    font-weight: 900
}

#swap-sibling .plan .plan__heading,
#swap-sibling .plan .plan__price span {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    width: 100%
}

#swap-sibling .plan .plan__heading {
    font-weight: 400;
    margin-bottom: 24px;
    font-family: KG HAPPY Solid, sans-serif
}

@media (max-width:875px) {
    #swap-sibling .plan .plan__heading {
        margin-bottom: 12px;
        text-align: left
    }

    #swap-sibling .plan .plan__heading br {
        display: none
    }
}

#swap-sibling .btn {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 22px;
    min-width: 134px;
    color: #f16577;
    background-color: #fff;
    border: 2px solid #f16577
}

#swap-sibling .btn#swap-product {
    color: #f16577;
    border-color: unset;
    color: #fff;
    background-color: #f16577;
    padding: 16px 71px;
    opacity: .3;
    pointer-events: none
}

#swap-sibling .plan.active .plan__inner {
    border: 2px solid #f16577
}

#swap-sibling .plan.active .btn {
    color: #f16577;
    border-color: #f16577;
    color: #fff;
    background-color: #f16577
}

#swap-sibling .plan.active .plan__title {
    display: block
}

#swap-sibling .plan p {
    margin: 0 auto;
    color: #4d4d4d;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    width: 100%;
    margin: 0
}

#swap-sibling .plan p.current_plan_btn {
    margin-top: 5px;
    color: #a9de61;
    font-size: 12px;
    line-height: 20px;
    font-weight: 900
}

#swap-sibling .plan p.current_plan_btn img {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-right: 5px
}

@media (max-width:875px) {
    #swap-sibling .plan {
        margin-bottom: 19px
    }
}

#swap-sibling h2 {
    margin: 0 0 5px
}

.subs-actions-container {
    display: -ms-flexbox;
    display: flex;
    min-width: 130px;
    position: relative;
    -ms-flex: 20%;
    flex: 20%
}

.subs-actions-container .subs-info-icon svg {
    width: 16px
}

.subs-actions-container .subs-info-content {
    display: none;
    width: 254px;
    position: absolute;
    right: -15px;
    bottom: 40px;
    background-color: #e4f4f6;
    padding: 15px 18px;
    font-size: 12px;
    line-height: 20px;
    font-family: Avenir, sans-serif;
    color: #4d4d4d;
    border-radius: 4px
}

@media (max-width:875px) {
    .subs-actions-container .subs-info-content {
        bottom: 43px
    }
}

.subs-actions-container .subs-info-content p {
    margin: 0
}

.subs-actions-container .subs-info-content:after,
.subs-actions-container .subs-info-content:before {
    top: 100%;
    left: auto;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.subs-actions-container .subs-info-content:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #e4f4f6;
    border-width: 10px;
    margin-left: -10px
}

.subs-actions-container .subs-info-content:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #e4f4f6;
    border-width: 10px;
    margin-left: -10px
}

.subs-actions-container .subs-info {
    position: absolute;
    right: 0;
    top: 9px
}

.subs-actions-container .subs-info img {
    width: 18px;
    margin-bottom: 3px;
    cursor: pointer
}

.subs-actions-container .subs-info:hover .subs-info-content {
    display: block
}

.subs-actions-container .subs-info-close {
    position: absolute;
    right: 9.5px;
    top: 9.5px;
    display: none
}

@media (max-width:875px) {
    .subs-actions-container .subs-info-close {
        display: block
    }
}

.subs-actions-container .subs-info-close img {
    width: 10px;
    height: 10px;
    cursor: pointer
}

#ReChargeForm_strategy {
    margin-top: -29px
}

.retention-detail h3 {
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 20px;
    line-height: 31px;
    margin: 0 0 44px
}

@media only screen and (max-width:767px) {
    .retention-detail h3 {
        font-size: 16px;
        line-height: 26px
    }
}

.retention-detail .btn-cont {
    min-width: 189px;
    background-color: #f16577;
    padding: 20px 73px 22px 72px
}

.retention-detail .btn-cont.btn-cont-dim {
    opacity: .3
}

.retention-detail .return-link-holder {
    margin-top: 23px
}

.retention-detail .return-link-holder.return-link-holder__step2 {
    margin-top: 8px
}

.retention-detail .return-link-holder .return-link {
    font-size: 16px;
    font-family: Avenir, sans-serif;
    font-weight: 900;
    line-height: 24px
}

.retention-detail .btn {
    font-size: 16px;
    font-weight: 900;
    font-family: Avenir, sans-serif;
    line-height: 22px;
    letter-spacing: 0
}

.retention-detail .btn--outline {
    background: #fff;
    color: #f16577;
    border: 2px solid #f16577;
    border-radius: 4px;
    padding: 19px 49px 20px
}

.retention-detail .retention-title {
    margin: 0 0 20px
}

.retention-detail #cancellation_reason_comments {
    margin-top: 12px;
    width: 100%;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    padding: 11px 21px;
    margin-bottom: 16px;
    min-height: 150px;
    line-height: 26px;
    color: #4d4d4d;
    display: block !important
}

.retention-detail .btn-cancel-mebership {
    padding: 20px 49px
}

.retention-check-list {
    list-style: none;
    margin-bottom: 35px;
    padding: 0
}

.retention-check-list li {
    margin: 0 0 25px
}

.retention-check-list p {
    margin: 0 0 5px
}

.retention-check-list [type=radio]:checked,
.retention-check-list [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.retention-check-list [type=radio]:checked+label,
.retention-check-list [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    color: #4d4d4d;
    font-weight: 600
}

.retention-check-list [type=radio]:checked+label:before,
.retention-check-list [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #979797;
    border-radius: 100%;
    background: #fff
}

.retention-check-list [type=radio]:checked+label:after,
.retention-check-list [type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #f16577;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%;
    transition: all .2s ease
}

.retention-check-list [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.retention-check-list [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.retention-check-list .description {
    padding-left: 32px;
    font-size: 14px;
    color: #4d4d4d
}

.retention-sub-header a span {
    position: relative;
    top: 3px
}

.subscription-incentives {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.subscription-incentives form .btn {
    margin-right: 15px;
    margin-top: 15px
}

.subscription-incentives #ReChargeForm_cancel {
    width: 100%
}

@media (max-width:1080px) {
    .acct-headline:not(.line-item-detail) .acct-order-status .acct-order-title:first-child {
        padding-left: 11px
    }
}

@media (max-width:875px) {
    #ReCharge .active-subs .subs-actions .subs-info {
        display: none
    }
}

@media (max-width:480px) {
    #ReCharge .active-subs .subs-actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #ReCharge .active-subs .subs-actions .edit,
    #ReCharge .active-subs .subs-actions .skip,
    #ReCharge .active-subs .subs-actions .unksip {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 20px 10px 0
    }
}

.main-content__account {
    padding: 0
}

.billing-content-inner {
    padding: 23px
}

@media (max-width:900px) {
    .billing-card.cta-cards {
        display: none
    }
}

.billing-content-inner.cta-card {
    text-align: center;
    padding: 20px;
    visibility: hidden
}

@media screen and (max-width:875px) {
    .billing-content-inner.cta-card {
        display: none
    }
}

.billing-content-inner.cta-card h3 {
    color: #53b9bc;
    font-family: KG HAPPY Solid, sans-serif;
    visibility: hidden
}

.billing-content-inner.cta-card .btn {
    width: 200px;
    margin: auto;
    text-transform: capitalize;
    padding: 10px 0;
    visibility: hidden
}

.billing-content-inner.cta-card img {
    width: 161px;
    height: 72px;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    visibility: hidden
}

.toggle-container .toggle-me {
    display: none !important
}

.toggle-container.open .toggle-me {
    display: inline-block !important
}

.toggle-container.open .toggle-open-hide {
    display: none
}

.billing-card {
    padding: 0;
    margin-bottom: 24px
}

.billing-cards {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.billing-card,
.billing-cards-column-left,
.billing-cards-column-right {
    -ms-flex-preferred-size: calc(50% - 12px);
    flex-basis: calc(50% - 12px)
}

.subscription-main-container .bill-list-header {
    margin-top: 38px
}

.subscription-main-container .bill-list-header.below {
    margin-top: 22px
}

.subscription-main-container .bill-list-header.below h3 {
    margin-bottom: 0
}

.subscription-main-container .bill-list-header.below p {
    margin-top: 0
}

.billing-card-account .billing-account-form {
    display: block;
    margin: 0;
    width: 100%
}

.billing-card-account .billing-account-form input {
    display: inline-block;
    width: 100%;
    padding: 3px 10px;
    margin: 0;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 4px;
    font-size: 18px;
    min-height: 33px;
    top: 0;
    position: relative
}

.billing-card-account {
    min-height: 0
}

.billing-card-account .billing-account-form input:focus {
    border: 1px solid rgba(77, 77, 77, .6)
}

.billing-content-inner b {
    margin-right: 13px
}

.billing-card-account .billing-account-actions span {
    font-size: 16px;
    color: #f3576b;
    display: inline-block;
    text-align: center;
    padding: 15px 45px;
    font-weight: 700;
    cursor: pointer
}

@media (max-width:480px) {
    .billing-card-account .billing-account-actions span {
        padding: 15px 25px
    }
}

.billing-card-account .billing-account-actions span.billing-account-cta-save {
    opacity: 1;
    cursor: pointer;
    padding: 15px 45px;
    letter-spacing: 0;
    color: #fff
}

.login-info p,
.password-info p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.billing-card-account .billing-account-form input[name=acct_first_name],
.billing-card-account .billing-account-form input[name=acct_last_name],
.billing-card-account .billing-account-form input[type=email],
.billing-card-account .billing-account-form input[type=password] {
    width: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 15px;
    margin: 8px 0
}

.login-info .billing-account-form>span,
.password-info .billing-account-form>span {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.password-info .billing-account-form>span {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.billing-card-account .billing-account-form input[type=password] {
    width: 100%
}

.login-info,
.password-info {
    width: calc(100% - 55px)
}

.billing-card-info h4 {
    -ms-flex: 27%;
    flex: 27%;
    width: 27%
}

.billing-card-info .card-icon {
    -ms-flex: 18%;
    flex: 18%;
    width: 18%
}

.billing-card-info .card-icon svg {
    width: 100%;
    height: 42px
}

.billing-content-inner p {
    line-height: 26px;
    margin-bottom: 10px
}

.billing-card .edit-info {
    font-size: 16px;
    top: 24px
}

@media screen and (max-width:899px) {
    .billing-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .billing-card,
    .billing-cards-column-left,
    .billing-cards-column-right {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%
    }

    .billing-card-info .card-icon svg {
        width: 55px;
        height: 100%;
        margin-top: -5px
    }
}

@media screen and (max-width:1024px) {

    .billing-card-address,
    .billing-card-info,
    .login-info p,
    .password-info p {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 85%
    }

    .toggle-container.open .toggle-me {
        width: 100%
    }

    .billing-card-account .billing-account-form input[name=acct_first_name],
    .billing-card-account .billing-account-form input[name=acct_last_name] {
        width: 100%;
        left: 0;
        right: 0
    }

    .login-info .billing-account-form>span,
    .password-info .billing-account-form>span {
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .billing-card-account .billing-account-form input {
        padding: 7px;
        margin: 5px 0;
        width: 85%
    }

    .billing-card-address .billing-address-info,
    .billing-card-address h4,
    .billing-card-info .billing-address-info,
    .billing-card-info h4,
    .billing-card-info p {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%
    }

    .billing-content-inner {
        padding: 20px
    }

    .billing-content-inner p:last-of-type,
    .login-info,
    .password-info {
        width: 100%
    }
}

@media (min-width:1025px) and (max-width:1080px) {
    .site-nav {
        position: relative;
        top: 3px
    }
}

#ReCharge .active-subs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px 15px 0;
    border: 1px solid rgba(77, 77, 77, .2);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    max-width: 1100px;
    margin: auto;
    margin-bottom: 24px
}

@media (max-width:875px) {
    #ReCharge .active-subs {
        margin-bottom: 75px
    }
}

.subs-cta-edit {
    position: absolute;
    top: 20px;
    right: 20px
}

.subs-cta-edit,
.subs-cta-edit-mobile {
    max-width: 75px;
    z-index: 2;
    letter-spacing: 0
}

.subs-cta-edit-mobile {
    display: none
}

.subs-img-container {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    position: relative;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background: #dceff2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.subs-img-container img {
    width: 90px
}

.subs-details-container {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 30px
}

.subs-details-container .section-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 8px
}

.subs-shipto-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 26px
}

.subs-shipto-container label {
    padding: 0 8px 0 0;
    font-weight: 600
}

.subs-shipto-address-container {
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px 0 0
}

.subs-shipto-address-container,
.subs-shipto-column-schedule {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.subs-shipments {
    -ms-flex-preferred-size: calc(100% + 30px);
    flex-basis: calc(100% + 30px);
    border-top: 1px solid #dbdbdb;
    margin: 0 -15px
}

.subs-shipments-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    padding: 20px;
    cursor: pointer
}

.subs-shipments-header label {
    margin: 0 8px 0 0;
    font-weight: 600
}

.subs-shipments-header span {
    font-size: 16px;
    font-weight: 100
}

.subs-shipments-header.active .subs-dd-toggle svg {
    transform: rotate(0deg)
}

.subs-shipments-header.active+.subs-shipments-content {
    display: block
}

.subs-dd-toggle {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border: .88px solid rgba(77, 77, 77, .2);
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: #fbfbfb
}

.subs-dd-toggle svg {
    transform: rotate(180deg);
    transition: transform .2s
}

.subs-shipments-content {
    display: none
}

.past-membership .subs-img-container img {
    opacity: .5
}

.shipments-table-header {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    background-color: hsla(0, 0%, 57%, .15);
    font-size: 12px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2
}

.shipments-table {
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    margin: 0 20px;
    font-size: 14px;
    border-bottom: 1px solid #ededed
}

.shipments-table .date-abbr,
.shipments-table span:first-of-type {
    color: #58595b
}

.shipments-table span,
.shipments-table span:last-of-type {
    color: #f3576b
}

.shipments-table-header span:first-of-type,
.shipments-table span:first-of-type {
    width: 19%
}

.shipments-table-header span,
.shipments-table span {
    width: 60%
}

.shipments-table-header span:last-of-type,
.shipments-table span:last-of-type {
    width: 21%;
    text-align: right;
    font-weight: 700
}

.date-abbr {
    display: none
}

.retention-container {
    margin: 40px auto 24px;
    max-width: 1110px
}

#ReChargeForm_address,
#ReChargeForm_customer {
    max-width: 1110px;
    margin: auto
}

#ReChargeForm_address fieldset,
#ReChargeForm_customer fieldset {
    border: none;
    padding: 0
}

#ReChargeForm_address fieldset .grid__item,
#ReChargeForm_customer fieldset .grid__item {
    margin-bottom: 24px
}

#ReChargeForm_address fieldset .grid__item.medium-up--one-full input,
#ReChargeForm_customer fieldset .grid__item.medium-up--one-full input {
    max-width: 48.7%
}

@media (max-width:768px) {

    #ReChargeForm_address fieldset .grid__item.medium-up--one-full input,
    #ReChargeForm_customer fieldset .grid__item.medium-up--one-full input {
        max-width: 100%
    }
}

#ReChargeForm_address fieldset .grid__item label,
#ReChargeForm_customer fieldset .grid__item label {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: capitalize;
    display: block
}

#ReChargeForm_address fieldset .grid__item input,
#ReChargeForm_customer fieldset .grid__item input {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 26px;
    padding: 12px 21px
}

#ReChargeForm_address fieldset .grid__item select,
#ReChargeForm_customer fieldset .grid__item select {
    height: 52px
}

#ReChargeForm_address .btn,
#ReChargeForm_customer .btn {
    letter-spacing: 0;
    padding: 16px 27px
}

#ReChargeForm_address .btn-cancel,
#ReChargeForm_customer .btn-cancel {
    font-size: 16px
}

#ReChargeForm_address .cancel,
#ReChargeForm_customer .cancel {
    font-size: 16px;
    color: #f3576b;
    display: inline-block;
    text-align: center;
    padding: 15px 45px;
    font-weight: 700;
    cursor: pointer
}

@media (max-width:875px) {
    .subs-details-container .section-title {
        margin: 15px 0 20px !important
    }

    .subs-list-header {
        margin: 24px 0 70px
    }

    .subs-list-header.past-memberships-header {
        margin-top: -52px
    }

    .subs-shipto-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .subs-shipto-address-container {
        padding: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .subs-shipto-address-container label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
        text-align: center
    }

    .subs-shipto-address-container .subs-shipto-column-address {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        margin: 0 0 16px
    }

    .subs-shipto-column-schedule {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 0 15px;
        text-align: center
    }

    .past-membership .subs-shipto-address-container {
        -ms-flex-order: 0;
        order: 0
    }

    .past-membership .subs-shipto-column-schedule {
        -ms-flex-order: 1;
        order: 1
    }

    .subs-shipments-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        min-height: 60px;
        padding: 10px 65px 10px 15px
    }

    .subs-shipments-header label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .subs-shipments-content {
        font-size: 16px
    }

    .subs-details-container {
        -ms-flex-preferred-size: calc(100% - 100px);
        flex-basis: calc(100% - 100px)
    }

    .subs-cta-edit {
        display: none
    }

    .subs-cta-edit-mobile {
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto
    }

    .subs-details-container .section-title {
        margin: 0 0 15px
    }

    .subs-img-container {
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%)
    }

    .subs-details-container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 50px 0 0
    }

    .subs-details-container .section-title {
        text-align: center;
        font-size: 18px
    }

    .subs-img-container {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        background: #dceff2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .subs-img-container img {
        width: 80px
    }

    .shipments-table-header span,
    .shipments-table-header span:first-of-type,
    .shipments-table span,
    .shipments-table span:first-of-type {
        width: 33.33333%
    }

    .shipments-table-header span:last-of-type,
    .shipments-table span:last-of-type {
        width: 33.33333%;
        text-align: right;
        font-weight: 700
    }

    .date-abbr {
        display: inline-block
    }

    .shipments-table span:first-of-type {
        display: none
    }
}

.acct-newsletter-optin {
    margin-bottom: 28px
}

@media (max-width:480px) {
    .activate-account {
        width: auto
    }
}

#create_customer .h1,
.activate-account .h1,
.activate-account p {
    text-align: center
}

.shopify-challenge__container {
    width: 100%;
    max-width: 615px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2);
    border-radius: 8px;
    margin: auto;
    padding: 40px 20px;
    font-family: Avenir, sans-serif;
    padding-bottom: 60px
}

@media (max-width:480px) {
    .shopify-challenge__container {
        padding: 25px 20px
    }
}

.shopify-challenge__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    min-height: 54px;
    background: #fff;
    border: 2px solid #f3576b;
    border-radius: 4px;
    margin: 0 auto 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f3576b;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s
}

.shopify-challenge__button.active,
.shopify-challenge__button:focus,
.shopify-challenge__button:hover {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    transition: box-shadow .2s;
    border-width: 2px;
    color: #f3576b
}

.shopify-challenge__button:active {
    background: rgba(241, 101, 119, .1)
}

.shopify-challenge__button:disabled,
.shopify-challenge__button[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

.shopify-challenge__button.medium {
    min-height: 38px
}

.shopify-challenge__button.small {
    min-height: 27px;
    font-size: 14px;
    text-transform: none
}

.shopify-challenge__button:hover {
    background: transparent;
    color: #f3576b
}

#g-recaptcha {
    margin: 23px 0 18px
}

.order-header {
    width: 100%;
    max-width: 1294px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0 0
}

@media (max-width:875px) {
    .order-header {
        padding-left: 20px;
        padding-right: 20px
    }
}

.order-header .button-text {
    margin-bottom: 6px
}

.order-header .h3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: left
}

.acct-order-details,
.acct-order-orders-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.acct-order-orders {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start
}

.acct-order-orders,
.acct-order-summary {
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

.acct-order-summary {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start
}

.acc-page__width .page-width,
.acct-orders .page-width {
    max-width: 1290px
}

#account .h4-alt {
    color: #01bcbe;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 38px;
    text-transform: capitalize
}

.acct-order-container {
    padding: 45px;
    border: 1px solid rgba(77, 77, 77, .12);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2)
}

@media (max-width:875px) {
    .acct-order-container .line-item-detail {
        margin: 0 auto 15px
    }
}

.acct-order-container .line-item-detail .shopping-list__empty {
    visibility: hidden
}

@media (max-width:875px) {
    .acct-order-container .line-item-detail .shopping-list__empty {
        display: none
    }
}

.recent-order_date,
.status div {
    font-weight: 500 !important
}

.acct-order-date {
    width: 49%
}

.acct-order-status {
    width: 25%
}

.acct-order-status .acct-order-title:last-child {
    width: 68%
}

.acct-headline {
    border-bottom: 1px solid rgba(77, 77, 77, .12)
}

@media (max-width:875px) {
    .acct-headline {
        display: none
    }
}

.acct-headline.acct-headline__bar {
    width: 100%
}

@media (max-width:875px) {
    .acct-headline.acct-headline__bar {
        display: none
    }
}

.acct-headline.acct-headline__bar .acct-order-headline {
    width: 100%
}

.acct-headline.acct-headline__bar .acct-order-headline .acct-order-date,
.acct-headline.acct-headline__bar .acct-order-headline .acct-order-number,
.acct-headline.acct-headline__bar .acct-order-headline .acct-order-status {
    width: 50%
}

.acct-headline.acct-headline__bar .acct-order-headline .acct-order-tracking {
    width: 20%
}

.acct-headline.acct-headline__bar .acct-order-headline .acct-item-headline {
    width: 25%
}

.acct-headline,
.acct-item-headline,
.acct-order-date,
.acct-order-headline,
.acct-order-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:875px) {

    .acct-headline.line-item-detail,
    .acct-item-headline.line-item-detail,
    .acct-order-date.line-item-detail,
    .acct-order-headline.line-item-detail,
    .acct-order-status.line-item-detail {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
        margin: 0
    }
}

.acct-headline.line-item-detail .date,
.acct-headline.line-item-detail .order-num,
.acct-headline.line-item-detail .status,
.acct-item-headline.line-item-detail .date,
.acct-item-headline.line-item-detail .order-num,
.acct-item-headline.line-item-detail .status,
.acct-order-date.line-item-detail .date,
.acct-order-date.line-item-detail .order-num,
.acct-order-date.line-item-detail .status,
.acct-order-headline.line-item-detail .date,
.acct-order-headline.line-item-detail .order-num,
.acct-order-headline.line-item-detail .status,
.acct-order-status.line-item-detail .date,
.acct-order-status.line-item-detail .order-num,
.acct-order-status.line-item-detail .status {
    width: 15%
}

@media (max-width:875px) {

    .acct-headline.line-item-detail .date,
    .acct-headline.line-item-detail .order-num,
    .acct-headline.line-item-detail .status,
    .acct-item-headline.line-item-detail .date,
    .acct-item-headline.line-item-detail .order-num,
    .acct-item-headline.line-item-detail .status,
    .acct-order-date.line-item-detail .date,
    .acct-order-date.line-item-detail .order-num,
    .acct-order-date.line-item-detail .status,
    .acct-order-headline.line-item-detail .date,
    .acct-order-headline.line-item-detail .order-num,
    .acct-order-headline.line-item-detail .status,
    .acct-order-status.line-item-detail .date,
    .acct-order-status.line-item-detail .order-num,
    .acct-order-status.line-item-detail .status {
        margin-bottom: 0
    }
}

@media (max-width:875px) {

    .acct-headline.line-item-detail .date,
    .acct-item-headline.line-item-detail .date,
    .acct-order-date.line-item-detail .date,
    .acct-order-headline.line-item-detail .date,
    .acct-order-status.line-item-detail .date {
        -ms-flex-order: 2;
        order: 2
    }
}

.acct-headline.line-item-detail .tracking-num,
.acct-item-headline.line-item-detail .tracking-num,
.acct-order-date.line-item-detail .tracking-num,
.acct-order-headline.line-item-detail .tracking-num,
.acct-order-status.line-item-detail .tracking-num {
    width: 20%;
    margin: 0
}

.acct-headline.line-item-detail .acct-order,
.acct-item-headline.line-item-detail .acct-order,
.acct-order-date.line-item-detail .acct-order,
.acct-order-headline.line-item-detail .acct-order,
.acct-order-status.line-item-detail .acct-order {
    width: 25%
}

@media (max-width:480px) {

    .acct-headline.line-item-detail .acct-order,
    .acct-item-headline.line-item-detail .acct-order,
    .acct-order-date.line-item-detail .acct-order,
    .acct-order-headline.line-item-detail .acct-order,
    .acct-order-status.line-item-detail .acct-order {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        text-align: center
    }
}

.acct-headline.line-item-detail .order-link,
.acct-item-headline.line-item-detail .order-link,
.acct-order-date.line-item-detail .order-link,
.acct-order-headline.line-item-detail .order-link,
.acct-order-status.line-item-detail .order-link {
    width: 10%;
    text-align: right
}

.acct-headline.line-item-detail .order-link a,
.acct-item-headline.line-item-detail .order-link a,
.acct-order-date.line-item-detail .order-link a,
.acct-order-headline.line-item-detail .order-link a,
.acct-order-status.line-item-detail .order-link a {
    font-size: 13px
}

@media (min-width:370px) and (max-width:875px) {

    .acct-headline.line-item-detail .order-link a,
    .acct-item-headline.line-item-detail .order-link a,
    .acct-order-date.line-item-detail .order-link a,
    .acct-order-headline.line-item-detail .order-link a,
    .acct-order-status.line-item-detail .order-link a {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:370px) {

    .acct-headline.line-item-detail .order-link,
    .acct-item-headline.line-item-detail .order-link,
    .acct-order-date.line-item-detail .order-link,
    .acct-order-headline.line-item-detail .order-link,
    .acct-order-status.line-item-detail .order-link {
        text-align: left
    }
}

.acct-headline.line-item-detail:nth-child(2),
.acct-item-headline.line-item-detail:nth-child(2),
.acct-order-date.line-item-detail:nth-child(2),
.acct-order-headline.line-item-detail:nth-child(2),
.acct-order-status.line-item-detail:nth-child(2) {
    margin-top: 0
}

.acct-headline.line-item-detail .acct-order,
.acct-headline.line-item-detail .h6-alt,
.acct-headline.line-item-detail .h6-alt .p-alt,
.acct-headline.line-item-detail .h6-alt a,
.acct-headline.line-item-detail .order-link a,
.acct-headline.line-item-detail .p-alt,
.acct-item-headline.line-item-detail .acct-order,
.acct-item-headline.line-item-detail .h6-alt,
.acct-item-headline.line-item-detail .h6-alt .p-alt,
.acct-item-headline.line-item-detail .h6-alt a,
.acct-item-headline.line-item-detail .order-link a,
.acct-item-headline.line-item-detail .p-alt,
.acct-order-date.line-item-detail .acct-order,
.acct-order-date.line-item-detail .h6-alt,
.acct-order-date.line-item-detail .h6-alt .p-alt,
.acct-order-date.line-item-detail .h6-alt a,
.acct-order-date.line-item-detail .order-link a,
.acct-order-date.line-item-detail .p-alt,
.acct-order-headline.line-item-detail .acct-order,
.acct-order-headline.line-item-detail .h6-alt,
.acct-order-headline.line-item-detail .h6-alt .p-alt,
.acct-order-headline.line-item-detail .h6-alt a,
.acct-order-headline.line-item-detail .order-link a,
.acct-order-headline.line-item-detail .p-alt,
.acct-order-status.line-item-detail .acct-order,
.acct-order-status.line-item-detail .h6-alt,
.acct-order-status.line-item-detail .h6-alt .p-alt,
.acct-order-status.line-item-detail .h6-alt a,
.acct-order-status.line-item-detail .order-link a,
.acct-order-status.line-item-detail .p-alt {
    text-transform: capitalize;
    font-weight: 100;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:875px) {

    .acct-headline.line-item-detail .acct-order,
    .acct-headline.line-item-detail .h6-alt,
    .acct-headline.line-item-detail .h6-alt .p-alt,
    .acct-headline.line-item-detail .h6-alt a,
    .acct-headline.line-item-detail .order-link a,
    .acct-headline.line-item-detail .p-alt,
    .acct-item-headline.line-item-detail .acct-order,
    .acct-item-headline.line-item-detail .h6-alt,
    .acct-item-headline.line-item-detail .h6-alt .p-alt,
    .acct-item-headline.line-item-detail .h6-alt a,
    .acct-item-headline.line-item-detail .order-link a,
    .acct-item-headline.line-item-detail .p-alt,
    .acct-order-date.line-item-detail .acct-order,
    .acct-order-date.line-item-detail .h6-alt,
    .acct-order-date.line-item-detail .h6-alt .p-alt,
    .acct-order-date.line-item-detail .h6-alt a,
    .acct-order-date.line-item-detail .order-link a,
    .acct-order-date.line-item-detail .p-alt,
    .acct-order-headline.line-item-detail .acct-order,
    .acct-order-headline.line-item-detail .h6-alt,
    .acct-order-headline.line-item-detail .h6-alt .p-alt,
    .acct-order-headline.line-item-detail .h6-alt a,
    .acct-order-headline.line-item-detail .order-link a,
    .acct-order-headline.line-item-detail .p-alt,
    .acct-order-status.line-item-detail .acct-order,
    .acct-order-status.line-item-detail .h6-alt,
    .acct-order-status.line-item-detail .h6-alt .p-alt,
    .acct-order-status.line-item-detail .h6-alt a,
    .acct-order-status.line-item-detail .order-link a,
    .acct-order-status.line-item-detail .p-alt {
        margin-bottom: 0;
        padding-bottom: 0;
        line-height: 1.5;
        overflow: visible
    }
}

@media (max-width:875px) {

    .acct-headline.line-item-detail,
    .acct-item-headline.line-item-detail,
    .acct-order-date.line-item-detail,
    .acct-order-headline.line-item-detail,
    .acct-order-status.line-item-detail {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 10px;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative
    }

    .acct-headline.line-item-detail .acct-order,
    .acct-item-headline.line-item-detail .acct-order,
    .acct-order-date.line-item-detail .acct-order,
    .acct-order-headline.line-item-detail .acct-order,
    .acct-order-status.line-item-detail .acct-order {
        margin-bottom: 16px;
        margin-top: 0 !important;
        width: 100%;
        white-space: inherit
    }
}

.acct-order-headline {
    width: 34%
}

.acct-item-headline {
    width: 38%
}

.acct-item-headline .acct-order-title.items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.acct-headline:not(.line-item-detail) .acct-order-title {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 12px
}

.acct-headline:not(.line-item-detail) .acct-order-title,
.p-alt {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-weight: 500;
    letter-spacing: 0
}

.p-alt {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.p-alt .acct-text-info,
.p-alt.recent-order_date {
    font-weight: 500 !important
}

.p-alt.acct-order-number {
    color: #f16577
}

.p-alt.no-tracking {
    color: hsla(0, 0%, 57%, .5)
}

@media (max-width:875px) {
    .p-alt.no-tracking {
        padding-bottom: 14px
    }
}

.acct-ticket {
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
}

.line-item-detail .image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px
}

.line-item-detail .image span {
    color: #4d4d4d;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 0 12px
}

.line-item-detail .download-list {
    padding-right: 20px
}

.line-item-detail .download-list a {
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 26px
}

.line-item-detail .download-list a svg {
    width: 25px;
    vertical-align: middle;
    margin-right: 8px
}

.line-item-detail .order-link a {
    color: #f16577;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 26px
}

.line-item-detail .order-link a img {
    height: 12px;
    width: auto;
    margin-left: 5px;
    vertical-align: middle
}

.recent-order_total {
    font-family: Avenir, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.recent-order_total .order-delivered-icon {
    color: #4d4d4d;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    display: block
}

.recent-order_total .order-delivered-icon span svg {
    width: 19px;
    height: 19px;
    vertical-align: text-bottom
}

.recent-order_total span {
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 400
}

.recent-order_total a {
    display: block;
    color: #f16577
}

@media (max-width:875px) {
    .recent-order_total {
        position: relative;
        margin-top: 0
    }

    .recent-order_total:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        left: 13px;
        top: -8px;
        border: 10px solid transparent;
        border-top: 0;
        border-bottom: 10px solid #fbfbfb
    }
}

.line-item-detail .date,
.line-item-detail .order-num {
    width: 13%
}

.line-item-detail .acct-order-title.delivered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:875px) {
    .line-item-detail .acct-order-title.delivered {
        display: unset;
        -ms-flex-align: unset;
        align-items: unset;
        background: transparent;
        min-height: unset
    }
}

.line-item-detail .acct-order-title.tracking-num {
    margin: 0;
    padding-right: 5px
}

.line-item-detail .acct-order-title.status.delivered {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.line-item-detail .acct-order-title.tracking-num.delivered {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.line-item-detail .status svg {
    width: 19px;
    height: 19px;
    vertical-align: text-top;
    margin: 0 2px 0 0
}

@media (max-width:875px) {
    .line-item-detail .status svg {
        display: none
    }
}

@media (max-width:875px) {
    .line-item-detail .status {
        padding-left: 0
    }
}

.line-item-detail .tracking-num {
    width: 24.5%
}

.line-item-detail .image {
    width: 14%
}

.line-item-detail .download-list {
    width: 19%
}

.line-item-detail .order-link {
    width: 65px
}

@media (max-width:875px) {
    .line-item-detail .date {
        -ms-flex-order: 4;
        order: 4;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.line-item-detail .date .p-alt span {
    display: none
}

@media (max-width:875px) {
    .line-item-detail .date .p-alt {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 5px
    }

    .line-item-detail .date .p-alt span {
        display: inline-block;
        font-weight: 300
    }
}

@media (max-width:875px) {
    .line-item-detail .order-num {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:875px) {
    .line-item-detail .status {
        -ms-flex-order: 5;
        order: 5;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.line-item-detail .status .p-alt span {
    display: none
}

@media (max-width:875px) {
    .line-item-detail .status .p-alt {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 5px
    }

    .line-item-detail .status .p-alt span {
        display: inline-block;
        font-weight: 300
    }
}

@media (max-width:875px) {
    .line-item-detail .tracking-num {
        display: block;
        -ms-flex-order: 6;
        order: 6;
        width: 100%
    }
}

@media (max-width:875px) {
    .line-item-detail .tracking-num .order-delivered-icon {
        display: none
    }
}

.line-item-detail .tracking-num span {
    display: inline
}

@media (max-width:875px) {
    .line-item-detail .image {
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
        margin-bottom: 10px
    }
}

@media (max-width:875px) {
    .line-item-detail .download-list {
        -ms-flex-order: 6;
        order: 6;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
        text-align: center;
        border-radius: 4px;
        background-color: rgba(241, 101, 119, .15);
        padding: 6px 0;
        max-width: 240px;
        margin: 5px auto 15px
    }
}

@media (max-width:875px) {
    .line-item-detail .order-link {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: right
    }
}

.acct-subscriptions-empty-inner {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width:768px) {
    .no-tracking:before {
        content: "Tracking Number: "
    }

    .acct-order-number:before {
        content: "Order Number: "
    }
}

.order-detail-header {
    margin: 0 15px
}

.order-detail-header-inner {
    width: 100%;
    max-width: 1294px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 16px;
    padding: 30px 0 0
}

@media (max-width:875px) {
    .order-detail-header-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

.order-detail-header-inner .button-text {
    margin-bottom: 6px
}

.order-detail-header-inner .h3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
    text-align: left;
    font-size: 26px;
    line-height: 41px
}

.acct-order-detail-track-cta {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    width: auto;
    padding: 0 20px;
    letter-spacing: 0
}

.acct-order-detail-container {
    margin: 0 15px 40px
}

.acct-order-detail-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 18px
}

.acct-order-detail-billing,
.acct-order-detail-shipping,
.acct-order-detail-status {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 3% 0 0
}

.acct-order-detail-section {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: left;
    margin: 0 0 30px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline
}

.acct-order-detail-section.last {
    margin: 0
}

.acct-order-detail-section .acct-text-label {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 10px
}

.acct-order-detail-section .info-text {
    margin: 0
}

.acct-order-detail-status {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.acct-order-detail-status-type {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.acct-order-detail-status-type svg {
    margin: 4px 10px 0 0;
    position: relative;
    top: 3px
}

.acct-order-detail-status-track {
    position: relative;
    background: #f1f9fa;
    border-radius: 4px;
    width: 100%;
    max-width: 257px;
    margin: 16px 0 0;
    padding: 6px 10px;
    font-size: 12px;
    color: #4d4d4d;
    text-align: left
}

.acct-order-detail-status-track a {
    display: block;
    color: #f3576b;
    font-weight: 600
}

.acct-order-detail-status-track:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f1f9fa
}

.acct-order-detail-status-track.delivered {
    background-color: rgba(169, 221, 97, .15)
}

.acct-order-summary-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.acct-order-summary-orders {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 20px 0 0
}

.acct-order-summary-order {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px 0;
    border-bottom: 1px solid #e9e9e9;
    -ms-flex-align: center;
    align-items: center
}

.acct-order-summary-order-image {
    -ms-flex-preferred-size: 286px;
    flex-basis: 286px;
    padding-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    padding: 0 20px 0 0
}

.acct-order-summary-order-col-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left
}

.acct-order-summary-product-title {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px;
    margin: 0 0 8px
}

@media (max-width:670px) {
    .acct-order-summary-product-title {
        font-size: 14px;
        margin: 0 0 6px
    }
}

.acct-order-summary-plan-type {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 8px;
    font-size: 14px;
    text-transform: capitalize;
    color: #4d4d4d
}

.acct-order-summary-plan-siblings {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600
}

.acct-order-summary-plan-siblings img {
    max-width: 20px;
    margin: 0 10px 0 0
}

.acct-order-summary-qty {
    margin: 0 0 20px;
    font-size: 14px
}

.acct-order-detail-summary {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 34px auto 20px;
    padding: 20px
}

.invoice-data {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.invoice-data label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 10px
}

.invoice-discount,
.invoice-onetime,
.invoice-reocurring-fee,
.invoice-shipping,
.invoice-subtotal,
.invoice-taxes,
.invoice-total {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 7px
}

.invoice-discount p,
.invoice-onetime p,
.invoice-reocurring-fee p,
.invoice-shipping p,
.invoice-subtotal p,
.invoice-taxes p,
.invoice-total p {
    margin: 0;
    padding: 0 0 0 20px
}

.invoice-total {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin: 20px 0;
    padding: 20px 0;
    font-weight: 600
}

.invoice-summary-container {
    border-top: 1px solid #e9e9e9;
    margin: 20px 0 0;
    padding: 20px 0 0
}

.acct-order-detail-summary-title {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px;
    text-transform: capitalize;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 30px
}

.acct-tt-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.acct-tt-price {
    padding: 0 10px 0 0;
    white-space: nowrap
}

.acct-tt-prepaid {
    position: relative;
    background: #f1f9fa;
    border-radius: 4px;
    width: 100%;
    max-width: 215px;
    margin: 0;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    line-height: 1.25;
    color: #4d4d4d;
    text-align: left
}

@media (min-width:480px) and (max-width:768px) {
    .acct-tt-prepaid {
        margin: 10px 0 20px
    }
}

.acct-tt-prepaid svg {
    position: absolute;
    top: 11px;
    left: 9px;
    margin: 0 2px 0 0
}

.subscription-details.eligable-unskip .badge-skipped,
.subscription-details.eligable-unskip .unskip {
    display: none !important
}

.subscription-details.eligable-skip .skip {
    display: block !important
}

.subscription-options .skip,
.subscription-options .unskip {
    display: none;
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e9e9e9
}

.subscription-options .skip .skip-unskip-detail,
.subscription-options .unskip .skip-unskip-detail {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #f3576b
}

.subscription-options .cancel-subscription-link svg,
.subscription-options .skip [data-skip-subscription] img,
.subscription-options .unskip [data-skip-subscription] img {
    left: 13px
}

.subscription-options .badge-skipped {
    display: none
}

.subscription-options .cancel-subscription-link,
.subscription-options .subs-action-skip,
.subscription-options .subs-action-unskip {
    max-width: none;
    margin: 0 0 8px
}

.subscription-options .cancel-subscription-link img,
.subscription-options .cancel-subscription-link svg {
    max-width: 19px
}

@media (max-width:1080px) {
    .acct-order-detail-container-inner {
        padding: 40px 20px
    }

    .acct-order-summary-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .acct-order-summary-order-image {
        -ms-flex-preferred-size: 180px;
        flex-basis: 180px
    }

    .acct-order-detail-summary,
    .acct-order-summary-orders {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .acct-order-detail-summary {
        margin: 20px 0 0;
        padding: 0;
        border: 0
    }
}

@media (max-width:875px) {
    .subscription-options {
        max-width: 400px;
        margin: 20px auto
    }
}

@media (max-width:768px) {
    .acct-tt-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:670px) {
    .acct-order-detail-container-inner {
        padding: 20px 15px 10px
    }

    .acct-order-detail-billing,
    .acct-order-detail-shipping,
    .acct-order-detail-status {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .acct-order-detail-details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .acct-order-summary-orders {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0
    }

    .acct-order-summary-plan-siblings {
        margin: 0 0 6px
    }
}

@media (max-width:875px) {
    .subscription-options .cancel-subscription-link {
        max-width: 270px;
        margin: auto;
        padding: 10px 10px 10px 34px
    }
}

@media (max-width:480px) {
    .order-detail-header-inner {
        padding-left: 0;
        padding-right: 0
    }

    .order-detail-header-inner .h3 {
        text-align: center;
        margin: 0 0 15px
    }

    .acct-order-detail-track-cta {
        position: relative;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        margin: auto
    }

    .content-box.cb-large.acct-order-detail-container-inner {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .acct-order-detail-section .acct-text-info,
    .acct-order-detail-section .info-text {
        font-weight: 100;
        line-height: 1.5
    }

    .acct-order-detail-section {
        margin-bottom: 20px
    }

    .acct-order-detail-section .acct-text-label {
        margin-bottom: 7px
    }

    .invoice-discount p,
    .invoice-onetime p,
    .invoice-reocurring-fee p,
    .invoice-shipping p,
    .invoice-subtotal p,
    .invoice-taxes p,
    .invoice-total p {
        padding: 0
    }

    .acct-tt-container {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .acct-order-detail-section.last {
        margin-bottom: 20px
    }

    .acct-order-summary-order-image {
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
        padding: 0 15px 0 0
    }

    .button-text-with-arrow {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        text-align: center
    }

    .button-text-with-arrow svg {
        position: relative;
        margin: 0 4px 3px 0
    }
}

.t-s {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -7px
}

.billing-cards,
.t-s {
    display: -ms-flexbox;
    display: flex
}

.billing-cards-column-left,
.billing-cards-column-right {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.billing-cards-column-right.cards-on-file .edit-info span {
    display: none
}

.billing-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 0 30px;
    padding: 0 15px
}

.billing-card .edit-info {
    position: absolute;
    line-height: 1;
    right: 25px;
    font-weight: 700
}

.billing-card-account.billing-content-inner .login-info label,
.billing-card-account.billing-content-inner .password-info label {
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px
}

.billing-card-account.billing-content-inner .login-info .billing-account-form input,
.billing-card-account.billing-content-inner .password-info .billing-account-form input {
    margin-bottom: 24px
}

@media (max-width:480px) {
    .billing-card-account.billing-content-inner .billing-account-actions {
        margin-top: 5px;
        margin-bottom: -15px;
        position: relative;
        top: 2px
    }

    .billing-card-account.billing-content-inner .billing-account-actions span {
        display: block
    }
}

.billing-card-account.billing-content-inner .login-info p:last-of-type .billing-account-form {
    margin-top: -21px
}

.billing-content-inner p {
    margin: 0 0 20px;
    font-weight: 100;
    font-size: 18px
}

.billing-content-inner p:last-of-type {
    margin: 0
}

.billing-content-inner b {
    font-weight: 900
}

.billing-content-inner.cta-card {
    background-color: #e7f4f6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-column-align: center;
    justify-items: center
}

.billing-account-form {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0
}

@media (max-width:480px) {
    .billing-account-form input {
        min-width: 100%
    }
}

.billing-account-form .validation-container {
    position: relative;
    top: auto
}

@media (max-width:1024px) {

    .billing-card-account .billing-account-form input[name=acct_first_name],
    .billing-card-account .billing-account-form input[name=acct_last_name],
    .billing-card-account .billing-account-form input[type=password],
    .billing-card-address,
    .billing-card-info,
    .billing-content-inner p:last-of-type,
    .login-info,
    .login-info p,
    .password-info,
    .password-info p,
    .toggle-container.open .toggle-me {
        width: 100% !important
    }

    .billing-card-address,
    .billing-card-info,
    .login-info .billing-account-form>span,
    .login-info p,
    .password-info .billing-account-form>span,
    .password-info p {
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.subscription-main-container .bill-list-header.below a {
    font-weight: 700 !important
}

@media (max-width:899px) {
    .billing-content-inner {
        padding: 20px
    }

    .billing-card,
    .billing-cards-column-left,
    .billing-cards-column-right {
        -ms-flex: 100% !important;
        flex: 100% !important;
        width: 100% !important
    }
}

.billing-account-form-actions {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px
}

.billing-account-form-actions .billing-account-cta-save {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    min-height: 54px;
    background: #f3576b;
    border-radius: 4px;
    margin: 0 auto 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    transition: box-shadow .2s;
    border: 0;
    outline: 0;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    margin: 0 20px 0 0
}

.billing-account-form-actions .billing-account-cta-save:focus,
.billing-account-form-actions .billing-account-cta-save:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4);
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s;
    color: #fff
}

.billing-account-form-actions .billing-account-cta-save:active {
    background-color: #d94e61;
    box-shadow: none;
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s;
    color: #fff
}

.billing-account-form-actions .billing-account-cta-save:disabled,
.billing-account-form-actions .billing-account-cta-save[disabled] {
    background: #fbedef;
    color: #f8c4cb;
    border-width: 0;
    pointer-events: none
}

.billing-account-form-actions .billing-account-cta-save.medium {
    min-height: 40px
}

.billing-account-form-actions .toggle-trigger-close {
    margin: 0 0 20px;
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #f3576b;
    text-decoration: none;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 10px;
    cursor: pointer
}

@media (max-width:480px) {
    .billing-account-form-actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .billing-account-form-actions .billing-account-cta-save {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: none;
        margin: 0 0 10px
    }

    .billing-account-form-actions .toggle-trigger-close {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.billing-card-account.open .billing-account-overview,
.billing-card-account.open .billing-cart-edit-cta {
    display: none
}

.billing-card-account.open .billing-account-form {
    display: -ms-flexbox;
    display: flex
}

.billing-card-address,
.billing-card-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(100% - 40px)
}

@media (max-width:480px) {

    .billing-card-address,
    .billing-card-info {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.billing-card-address h4,
.billing-card-info h4 {
    -ms-flex: 30%;
    flex: 30%;
    width: 30%;
    font-size: 18px
}

@media (max-width:480px) {

    .billing-card-address h4,
    .billing-card-info h4 {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%
    }
}

.billing-card-address .billing-address-info,
.billing-card-info .billing-address-info {
    -ms-flex: 70%;
    flex: 70%;
    width: 70%;
    font-size: 18px
}

@media (max-width:480px) {

    .billing-card-address .billing-address-info,
    .billing-card-info .billing-address-info {
        -ms-flex: 100%;
        flex: 100%;
        width: 100%
    }
}

.billing-card-info p {
    -ms-flex: 70%;
    flex: 70%;
    width: 70%
}

.billing-account-email {
    margin: 0 0 5px
}

.billing-account-password {
    margin: 0 0 20px
}

@media (max-width:1080px) {
    .billing-content-inner {
        padding: 27px 25px
    }
}

@media (max-width:875px) {
    .subscription-main-container .bill-list-header {
        text-align: center
    }

    .subscription-main-container .bill-list-header p {
        line-height: 26px
    }

    .billing-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .billing-card,
    .billing-cards-column-left,
    .billing-cards-column-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .billing-card {
        margin: 0 0 15px
    }

    .billing-content-inner {
        padding: 27px 25px
    }

    .billing-content-inner .billing-account-password {
        margin: 0 0 10px
    }

    .billing-content-inner .billing-cart-edit-cta {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 0 15px
    }
}

.template-cart .cart-listing {
    border-top: 0
}

.template-cart .cart-listing .cart-headings {
    padding: 7px 0 9px;
    background-color: #e4f4f6;
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 14px;
    color: #4d4d4d
}

.template-cart .cart-listing .cart-content {
    padding: 22px 0 19px;
    border-bottom: 6px dotted #a9dd61
}

.template-cart .cart__note {
    -ms-flex: none !important;
    flex: none !important
}

.cart-footer .cart-total .shipping-taxes {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: none
}

.cart-footer .cart-total .shipping-taxes span {
    max-width: 440px
}

.cart-footer #giftNote {
    min-width: 343px;
    min-height: 103px;
    border: 2px solid #a9dd61;
    border-radius: 2px;
    resize: both
}

@media (max-width:670px) {
    .cart-footer #giftNote {
        min-width: 100%
    }
}

.cart-footer .cart__subtotal,
.cart-footer .cart__subtotal-title {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px;
    text-transform: capitalize;
    text-transform: none
}

.cart-note {
    padding: 0
}

.cart-note__label {
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #01bcbe;
    margin: 0 0 16px;
    font-size: 18px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 10px;
    text-transform: none
}

.cart-checkout-additional {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 10px 0 0
}

.cart-listing .qty-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100% !important;
    max-width: 124px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden
}

.cart-listing .qty-section .qty-section-nonedit {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    -ms-flex: 0 0 calc(100% - 35px);
    flex: 0 0 calc(100% - 35px);
    border: 0;
    padding: 12px;
    text-align: center;
    font-family: Avenir, sans-serif;
    font-size: 1.4rem;
    color: #4d4d4d
}

.cart-listing .qty-section .cart-qty-cta {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    transition: background-color .4s
}

.cart-listing .qty-section .cart-qty-cta:hover {
    background-color: #a9dd61;
    transition: background-color .3s
}

.cart-listing .qty-section input[type=number] {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    padding: 0;
    border: 1px solid hsla(0, 0%, 57%, .5);
    border-width: 1px 0;
    border-radius: 0;
    font-family: Avenir;
    font-weight: 900;
    font-size: 1.6rem
}

.cart-qty-cta {
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    position: relative;
    background: #f16577;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.cart-qty-cta:focus,
.cart-qty-cta:hover {
    background-color: #f4687a;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 57%, .4)
}

.cart-qty-cta:active,
.cart-qty-cta:focus,
.cart-qty-cta:hover {
    border-width: 0;
    outline: 0;
    transition: box-shadow background-color .2s .2s
}

.cart-qty-cta:active {
    background-color: #d94e61;
    box-shadow: none
}

.cart-qty-cta.disabled {
    cursor: default;
    pointer-events: none;
    background-color: #f9c1c8;
    border-right: 2px solid #f9c1c8;
    border-top: 2px solid #f9c1c8;
    border-bottom: 2px solid #f9c1c8
}

.cart-qty-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.cart-qty-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.cart-qty-update {
    position: relative;
    top: 6px;
    font-size: 12px;
    color: #f3576b;
    cursor: pointer;
    text-align: center
}

@media (max-width:768px) {
    .template-cart .cart-listing {
        border-top: 6px dotted #a9dd61
    }

    .template-cart .cart-listing .cart-content {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .template-cart .cart-listing .cart-content .product-qty {
        width: 40%;
        margin: 4px 0 0 134px;
        max-width: 124px
    }

    .template-cart .cart-listing .cart-content .product-qty:before {
        display: none
    }

    .cart-note__label {
        text-align: center
    }

    .grid__item.cart-note {
        text-align: right
    }
}

.section-story {
    padding: 46px 0 28px;
    background-position: -137px 193px;
    background-size: 1766px;
    background-attachment: fixed;
    overflow: hidden;
    position: relative
}

@media (max-width:1023px) {
    .section-story {
        background-position: center -90%;
        background-size: 123%
    }
}

@media (max-width:767px) {
    .section-story {
        padding: 47px 0 15px;
        background-position: 260% 28%;
        background-size: 357%
    }
}

.section-story .section__background-image {
    width: 222px;
    position: absolute;
    z-index: 1;
    opacity: .3
}

@media (max-width:767px) {
    .section-story .section__background-image {
        width: 145px
    }
}

.section-story .section__background-image--1 {
    right: -52px;
    top: 78px
}

@media (max-width:767px) {
    .section-story .section__background-image--1 {
        right: -85px;
        top: 255px;
        width: 165px
    }
}

.section-story .section__background-image--2 {
    left: 4px;
    top: 1007px
}

@media (max-width:767px) {
    .section-story .section__background-image--2 {
        top: 861px;
        left: -39px
    }
}

.section-story .section__background-image--3 {
    right: -53px;
    top: 1973px
}

@media (max-width:767px) {
    .section-story .section__background-image--3 {
        top: 1733px;
        right: -86px
    }
}

.section-story .section__stats {
    padding-top: 12px
}

@media (max-width:767px) {
    .section-story .section__stats {
        padding: 51px 0 13px
    }
}

.section-story .section__stats-title h3 {
    font-size: 24px;
    line-height: 1.58;
    color: #4d4d4d;
    text-align: center;
    margin: 0 0 10px;
    font-family: KG HAPPY Solid, sans-serif
}

@media (max-width:1200px) {
    .section-story .section__stats-title h3 {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .section-story .section__stats-title h3 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 8px
    }
}

.section-story .section__shell {
    max-width: 1288px;
    margin: auto;
    padding: 0 30px;
    position: relative;
    z-index: 3
}

@media (max-width:767px) {
    .section-story .section__shell {
        padding: 0 7px
    }
}

.section-story .section__title {
    max-width: 899px;
    margin: auto;
    color: #01bcbe;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 1px;
    text-align: center;
    font-family: KG HAPPY Solid, sans-serif
}

@media (max-width:1200px) {
    .section-story .section__title {
        font-size: 34px
    }
}

@media (max-width:767px) {
    .section-story .section__title {
        font-size: 26px;
        line-height: 1.58;
        margin-bottom: 5px
    }
}

.section-story .section__subtitle {
    font-size: 24px;
    line-height: 1.58;
    color: #4d4d4d;
    text-align: center;
    margin: 0 auto 41px;
    font-family: KG HAPPY Solid, sans-serif;
    max-width: 765px
}

@media (max-width:1200px) {
    .section-story .section__subtitle {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .section-story .section__subtitle {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 21px
    }
}

.section-story .section__images {
    margin: 0 auto 42px;
    max-width: 988px
}

@media (max-width:767px) {
    .section-story .section__images {
        position: relative;
        min-height: 400px;
        margin: 0 auto 10px;
        max-width: 361px
    }
}

.section-story .section__images ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px;
    padding: 0 16px
}

@media (max-width:767px) {
    .section-story .section__images ul {
        margin: 0 -12px
    }
}

.section-story .section__images li {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 24px
}

@media (max-width:767px) {
    .section-story .section__images li {
        padding: 0 12px;
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        max-width: 53%;
        position: absolute
    }
}

@media (max-width:767px) {
    .section-story .section__images li:first-child {
        position: relative;
        z-index: 2;
        margin-left: -10px
    }
}

@media (max-width:767px) {
    .section-story .section__images li:nth-child(2) {
        top: 133px;
        left: calc(50% - 21px);
        transform: translateX(-50%);
        z-index: 4
    }
}

@media (max-width:767px) {
    .section-story .section__images li:nth-child(3) {
        top: 90px;
        right: -4px;
        z-index: 3
    }
}

.section-story .section__image {
    position: relative
}

.section-story .section__image-shadow {
    position: absolute;
    width: calc(100% - 3px);
    height: calc(100% - 12px);
    background-color: green;
    border-radius: 15px;
    right: -17px;
    bottom: -9px;
    z-index: 9
}

@media (max-width:767px) {
    .section-story .section__image-shadow {
        border-radius: 8px;
        right: -6px;
        bottom: -1px
    }
}

.section-story .section__images li:first-child .section__image-shadow {
    right: auto;
    left: -15px;
    bottom: -10px
}

@media (max-width:767px) {
    .section-story .section__images li:first-child .section__image-shadow {
        left: -5px;
        bottom: 0
    }
}

.section-story .section__image span {
    width: 100%;
    display: inline-block
}

.section-story .section__image img {
    width: 100%;
    position: relative;
    z-index: 10;
    border-radius: 15px
}

@media (max-width:767px) {
    .section-story .section__image img {
        border-radius: 9px
    }
}

.section-story .section__images li:nth-child(2) {
    padding-top: 42px
}

.stats {
    position: relative;
    padding: 106px 0
}

@media (max-width:767px) {
    .stats {
        padding: 75px 0
    }
}

.stats .stats__core {
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background-color: rgba(228, 244, 246, .5);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media (max-width:767px) {
    .stats .stats__core {
        width: 260px;
        height: 260px
    }
}

.stats .stats__item {
    width: 206px;
    height: 160px;
    z-index: 11
}

@media (max-width:767px) {
    .stats .stats__item {
        width: 107px;
        height: 107px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.stats .stats__item.is-active {
    z-index: 10
}

.stats .stats__item:nth-child(2) .stat__image,
.stats .stats__item:nth-child(6) .stat__image {
    background-color: #01bcbe
}

.stats .stats__item:nth-child(3) .stat__image,
.stats .stats__item:nth-child(7) .stat__image {
    background-color: #a9dd61
}

.stats .stats__item:nth-child(4) .stat__image,
.stats .stats__item:nth-child(5) .stat__image {
    background-color: #f79f7e
}

.stats .stats__item {
    position: absolute;
    transform: translate(-50%, -50%)
}

.stats .stats__item:nth-child(2) {
    left: calc(50% - 191px);
    top: calc(50% - 128px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(2) {
        left: calc(50% - 128px);
        top: calc(50% - 97px)
    }
}

.stats .stats__item:nth-child(2) .stat__content {
    left: 101px;
    top: 9px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(2) .stat__content {
        left: 53px;
        top: 19px
    }
}

.stats .stats__item:nth-child(3) {
    left: calc(50% - 1px);
    top: calc(50% - 197px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(3) {
        left: calc(50% - 1px);
        top: calc(50% - 145px)
    }
}

.stats .stats__item:nth-child(3) .stat__content {
    left: -89px;
    top: 81px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(3) .stat__content {
        left: -73px;
        top: 69px
    }
}

.stats .stats__item:nth-child(4) {
    left: calc(50% + 178px);
    top: calc(50% - 152px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(4) {
        left: calc(50% + 118px);
        top: calc(50% - 113px)
    }
}

.stats .stats__item:nth-child(4) .stat__content {
    left: -268px;
    top: 37px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(4) .stat__content {
        left: -193px;
        top: 40px
    }
}

.stats .stats__item:nth-child(5) {
    left: calc(50% - 191px);
    top: calc(50% + 151px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(5) {
        left: calc(50% - 127px);
        top: calc(50% + 89px)
    }
}

.stats .stats__item:nth-child(5) .stat__content {
    left: 101px;
    top: -270px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(5) .stat__content {
        left: 51px;
        top: -168px
    }
}

.stats .stats__item:nth-child(5) .stat__image {
    margin: 0 auto
}

.stats .stats__item:nth-child(6) {
    left: calc(50% - 1px);
    top: calc(50% + 208px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(6) {
        left: calc(50% + -1px);
        top: calc(50% + 139px)
    }
}

.stats .stats__item:nth-child(6) .stat__content {
    left: -91px;
    top: -328px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(6) .stat__content {
        left: -73px;
        top: -229px
    }
}

.stats .stats__item:nth-child(6) .stat__image {
    margin: 0 auto
}

.stats .stats__item:nth-child(7) {
    left: calc(50% + 178px);
    top: calc(50% + 151px)
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(7) {
        left: calc(50% + 119px);
        top: calc(50% + 89px)
    }
}

.stats .stats__item:nth-child(7) .stat__content {
    left: -277px;
    top: -271px
}

@media (max-width:767px) {
    .stats .stats__item:nth-child(7) .stat__content {
        left: -195px;
        top: -169px
    }
}

.stats .stats__item:nth-child(7) .stat__image {
    margin: 0 auto
}

.stat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.stat .stat__content {
    text-align: center;
    transition: opacity .3s;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition-delay: .3s;
    width: 390px;
    height: 390px;
    transition-property: opacity;
    z-index: 5
}

@media (max-width:767px) {
    .stat .stat__content {
        left: 0;
        top: 0;
        width: 260px;
        height: 260px
    }
}

.stat .stat__content-inner {
    min-width: 310px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .stat .stat__content-inner {
        min-width: 207px
    }
}

.stat .stat__image {
    border-radius: 50%;
    width: 123px;
    min-width: 123px;
    height: 123px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
    transition: width .3s, height .3s, min-width .3s, left .3s, top .3s;
    z-index: 30;
    position: absolute;
    left: calc(50% - 61px);
    top: calc(50% - 61px);
    cursor: pointer
}

@media (max-width:767px) {
    .stat .stat__image {
        margin: 0;
        width: 82px;
        min-width: 82px;
        height: 82px;
        left: calc(50% - 41px);
        top: calc(50% - 41px)
    }
}

.stat .stat__image img {
    width: 110px;
    transition: width .3s
}

@media (max-width:767px) {
    .stat .stat__image img {
        width: 67px
    }
}

.stat .stat__title {
    font-size: 40px;
    line-height: 1.25;
    color: #01bcbe;
    margin: 0 auto -2px;
    font-family: KG HAPPY Solid, sans-serif;
    max-width: 243px
}

@media (max-width:767px) {
    .stat .stat__title {
        font-size: 32px
    }
}

.stat .stat__entry {
    font-size: 18px;
    line-height: 1.44;
    margin: auto;
    color: #4d4d4d;
    font-weight: 900;
    max-width: 310px;
    width: 100%
}

@media (max-width:767px) {
    .stat .stat__entry {
        font-size: 18px
    }
}

.stat .stat__entry p {
    margin: 0
}

.stat.is-active .stat__image {
    width: 160px;
    min-width: 160px;
    height: 160px;
    z-index: 7;
    left: calc(50% - 80px);
    top: calc(50% - 80px)
}

@media (max-width:767px) {
    .stat.is-active .stat__image {
        width: 107px;
        min-width: 107px;
        height: 107px;
        left: calc(50% - 53px);
        top: calc(50% - 53px)
    }
}

@media (max-width:350px) {
    .stat.is-active .stat__image {
        width: 94px;
        min-width: 94px;
        height: 94px;
        left: calc(50% - 47px);
        top: calc(50% - 47px)
    }
}

@media (max-width:767px) {
    .stat.is-active .stat__image img {
        width: 97px
    }
}

@media (max-width:350px) {
    .stat.is-active .stat__image img {
        width: 79px
    }
}

.stat.is-active .stat__content {
    pointer-events: auto;
    opacity: 1
}

.section-brands {
    padding: 10px 0 40px;
    background-color: #e4f4f6;
    background-size: 200px;
    overflow: hidden
}

@media (max-width:767px) {
    .section-brands {
        padding: 13px 0 24px
    }
}

.section-brands .section__title {
    font-family: KG HAPPY Solid, sans-serif;
    font-size: 24px;
    line-height: 1.58;
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 33px;
    margin-top: .83em
}

@media (max-width:767px) {
    .section-brands .section__title {
        font-size: 20px;
        line-height: 1.3;
        margin: 11px 0 16px
    }
}

.section-brands .section__content {
    height: 111px;
    position: relative
}

.brands {
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    min-width: 100vw;
    padding: 0 20px
}

.brands .brands__item {
    -ms-flex: 0 0 153px;
    flex: 0 0 153px;
    max-width: 153px
}

.brands .brands__item+.brands__item {
    margin-left: 40px
}

.brands--copy {
    left: 50%;
    transform: translateX(calc(-150% - 40px))
}

.brands--copy2 {
    transform: translateX(calc(50% + 40px))
}

@keyframes wiggle {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(15px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(15px)
    }

    to {
        transform: translateY(0)
    }
}

.wiggle-animate {
    animation: wiggle 1s !important
}

.brand {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    width: 153px;
    height: 111px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(77, 77, 77, .2)
}

.brand img {
    width: 140px
}

.section-text-image {
    padding: 51px 0 19px
}

@media (max-width:767px) {
    .section-text-image {
        padding: 25px 0
    }
}

.section-text-image strong {
    font-size: 18px;
    font-family: KG HAPPY Solid, sans-serif;
    font-weight: 400;
    color: #01bcbe;
    margin: 0 0 10px
}

@media (max-width:767px) {
    .section-text-image strong {
        margin-bottom: 11px;
        line-height: 1.61;
        letter-spacing: 0
    }
}

.section-text-image p {
    font-size: 18px;
    line-height: 1.45;
    margin: 0
}

@media (max-width:767px) {
    .section-text-image p {
        line-height: 1.45
    }
}

.section-text-image p+p {
    margin-top: 25px
}

@media (max-width:767px) {
    .section-text-image p+p {
        margin-top: 27px
    }
}

.section-text-image p strong {
    font-family: KG HAPPY Solid, sans-serif;
    color: #01bcbe;
    line-height: 1.45;
    letter-spacing: -.07em
}

@media (max-width:767px) {
    .section-text-image p strong {
        line-height: 1.62
    }
}

.section-text-image a {
    transition: color .3s
}

.section-text-image a:hover {
    color: #01bcbe
}

.section-text-image .section__shell {
    max-width: 1217px;
    padding: 0 30px;
    margin: auto
}

@media (max-width:767px) {
    .section-text-image .section__shell {
        padding: 0 15px
    }
}

.section-text-image .section__title {
    font-size: 40px;
    font-family: KG HAPPY Solid, sans-serif;
    color: #01bcbe;
    margin: 0 0 18px
}

@media (max-width:767px) {
    .section-text-image .section__title {
        font-size: 32px;
        line-height: 1.56;
        margin-bottom: 8px
    }
}

@media (max-width:767px) {
    .section-text-image .section__entry {
        padding-right: 8px
    }
}

.section-text-image .section__item {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -28px
}

@media (max-width:1023px) {
    .section-text-image .section__item {
        margin: 0 -15px
    }
}

@media (max-width:767px) {
    .section-text-image .section__item {
        display: block;
        margin: 0
    }
}

.section-text-image .section__content,
.section-text-image .section__media {
    padding: 0 28px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc(50% - 20px)
}

@media (max-width:1023px) {

    .section-text-image .section__content,
    .section-text-image .section__media {
        padding: 0 15px;
        max-width: 50%
    }
}

@media (max-width:767px) {

    .section-text-image .section__content,
    .section-text-image .section__media {
        max-width: 100%;
        padding: 0
    }
}

.section-text-image .section__media {
    padding-left: 40px
}

@media (max-width:1023px) {
    .section-text-image .section__media {
        padding-left: 15px
    }
}

@media (max-width:767px) {
    .section-text-image .section__media {
        margin-top: 20px;
        padding: 0
    }
}

.section-text-image .section__image {
    padding: 13px 0;
    position: relative;
    margin-bottom: 14px
}

@media (max-width:767px) {
    .section-text-image .section__image {
        padding: 3px 13px 3px 0;
        margin-left: -6px;
        margin-bottom: 22px
    }
}

.section-text-image .section__image img {
    border-radius: 16px
}

.section-text-image .section__image span {
    display: inline-block;
    position: relative;
    z-index: 10;
    max-width: 100%
}

.section-text-image .section__image-shadow {
    position: absolute;
    left: 4px;
    top: 26px;
    height: calc(100% - 29px);
    width: calc(100% + 12px);
    border-radius: 16px;
    z-index: 9
}

@media (max-width:767px) {
    .section-text-image .section__image-shadow {
        left: 18px;
        top: 23px;
        height: calc(100% - 12px);
        width: calc(100% - 11px)
    }
}

.section-text-image .section__dots {
    border-top: 6px dotted #a9dd61;
    height: 6px;
    width: 100%;
    margin: 71px 0 31px
}

@media (max-width:1023px) {
    .section-text-image .section__dots {
        margin: 28px 0
    }
}

.section-text-image .section__media .section__entry {
    padding-left: 10px
}

@media (max-width:1023px) {
    .section-text-image .section__media .section__entry {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .section-text-image .section__media .section__entry {
        margin: 0 -9px 0 -2px;
        padding-left: 5px
    }
}

@media (max-width:767px) {
    .section-text-image .section__media .section__entry p {
        line-height: 1.45
    }
}

.section-text-image .section__item--reversed .section__content {
    -ms-flex-order: 2;
    order: 2;
    padding: 16px 28px 0 35px
}

@media (max-width:1023px) {
    .section-text-image .section__item--reversed .section__content {
        padding: 0 15px
    }
}

@media (max-width:767px) {
    .section-text-image .section__item--reversed .section__content {
        padding: 0
    }
}

.section-text-image .section__item--reversed .section__title {
    margin-bottom: 10px
}

.section-text-image .section__item--reversed .section__media {
    -ms-flex-order: 1;
    order: 1;
    padding-right: 21px
}

@media (max-width:767px) {
    .section-text-image .section__item--reversed .section__media {
        margin-top: 22px;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .section-text-image .section__item--reversed .section__image {
        padding-right: 0;
        margin-left: 0;
        padding-left: 9px
    }
}

.section-text-image .section__item--reversed .section__image-shadow {
    left: -14px;
    top: 30px;
    height: calc(100% - 34px);
    width: calc(100% + 6px)
}

@media (max-width:767px) {
    .section-text-image .section__item--reversed .section__image-shadow {
        left: -3px;
        top: 14px;
        height: calc(100% - 11px);
        width: calc(100% - 5px)
    }
}