@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,800");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500;600;700&display=swap");
.global_footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 746px;
    padding: 32px 0
}
.global_footer .footer_logos {
    display: flex;
    justify-content: center;
    margin-bottom: 35px
}
.global_footer .footer_logos > *:first-of-type {
    background: url("../images/hipaa-compliant.svg");
    width: 144px;
    height: 113px;
    background-repeat: no-repeat;
    background-position: center
}
@media (max-width: 768px) {
    .global_footer .footer_logos {
        max-width: 320px;
        margin: 0 auto 35px
    }
    .global_footer .footer_logos > *:first-of-type {
        background: url("../images/hipaa-compliant-sm.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 97px;
        height: 76px
    }
    .global_footer .footer_logos > *:not(:last-of-type) {
        margin-right: 14px
    }
}
.global_footer a {
    color: #0971D3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: center
}
.global_footer a:hover {
    opacity: 1;
    text-decoration: none
}
.global_footer .container {
    max-width: 440px !important
}
.footer-colunm-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}
.footer-colunm-container > span:first-of-type {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center
}
.footer-colunm-container > span:last-of-type {
    width: 100%;
    text-align: center
}
.footer-colunm-container > span:last-of-type a {
    margin: 0 auto 10px
}
.footer-colunm-container > span {
    padding: 0 8px
}
@media (max-width: 768px) {
    .global_footer .col-md-3 > span:last-of-type a {
        padding-left: 6px
    }
    .footer-colunm-container > span:last-of-type a {
        padding-left: 14px
    }
}
.footer-social-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}
.footer-social-link-list li {
    padding: 0 7px
}
@media (max-width: 1024px) {
    .global_footer {
        padding: 20px 0;
        max-width: 700px
    }
    .global_footer .container {
        max-width: 600px !important
    }
}
.footer-logo {
    margin: 0 15px;
    height: 34px
}
@media (max-width: 768px) {
    .global_footer {
        padding: 20px 0
    }
    .footer-colunm-container {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .footer-colunm-container > div {
        width: auto;
        text-align: center;
        padding: 5px 0
    }
}
.authorize_net {
    display: flex;
    align-items: center
}
.header-title {
    background-color: #d9e1e6;
    color: #06A2E5;
    text-align: center;
    padding: 10px
}
.global-header {
    color: #ffffff;
    background-color: #222222
}
.global-header h1,
.global-header .h1 {
    font-size: 34px;
    font-family: Soal Bold;
    font-weight: 700;
    line-height: 122%;
    padding: 14px 0;
    margin: 0
}
#spree-header {
    background-color: transparent;
    margin-bottom: 5px
}
#spree-header #header {
    background-color: transparent
}
#spree-header .nav a {
    color: #444444
}
#spree-header #logo {
    margin-bottom: 0
}
#spree-header #logo img {
    max-width: 170px;
    display: block;
    margin: 0 auto
}
.main-nav-bar {
    background-color: #222222;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2)
}
.top-nav-bar {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}
.top-nav-bar .top-nav-left-container,
.top-nav-bar .top-nav-right-container {
    width: 100px
}
.top-nav-bar .top-nav-right-container {
    text-align: right
}
.top-nav-bar .top-nav-center-container {
    width: calc(100% - 200px)
}
.cart-info {
    display: block;
    position: absolute;
    right: 15px;
    top: -78px;
    white-space: nowrap;
    padding: 8px 15px;
    border: solid 1px #9F9550
}
.cart-info:hover {
    background-color: #9F9550;
    text-decoration: none
}
.header_taxonomy {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    font-weight: 800
}
.header_taxonomy a {
    display: block;
    padding: 15px 20px
}
.header_taxonomy a:hover {
    transform: scale(1.1);
    text-decoration: none
}
.home-banner {
    display: block;
    background: url("../images/home-banner-bg.png") repeat center center;
    box-shadow: 0px -100px 0px 0px rgba(106, 134, 155, 0.7) inset;
    margin-top: -60px;
    margin-bottom: 60px
}
.common-header-link {
    display: inline-block;
    position: relative
}
.common-header-link > a {
    display: block;
    padding: 10px;
    position: relative;
    z-index: 11
}
.common-header-link ul {
    display: block;
    min-width: 150px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #9F9550;
    border: solid 1px #9F9550;
    z-index: 10;
    text-align: left;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 0;
    overflow: hidden;
    opacity: 0
}
.common-header-link ul:after {
    content: "";
    width: 20px;
    height: 20px;
    border: solid 10px transparent;
    border-bottom-color: #9F9550;
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%)
}
.common-header-link ul li {
    display: block
}
.common-header-link ul li a {
    display: block;
    padding: 5px 10px
}
.common-header-link ul li a:hover {
    background-color: #ffffff;
    text-decoration: none
}
.common-header-link:hover ul {
    max-height: 1000px;
    opacity: 1;
    top: 100%;
    overflow: visible
}
@media (max-width: 1024px) {
    .top-nav-center-container,
    .header-title {
        display: none
    }
    .common-header-link ul {
        min-width: 100px
    }
    .top-nav-bar .top-nav-left-container {
        width: 33.33%
    }
    .top-nav-bar .top-nav-right-container {
        text-align: center;
        width: 66.66%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center
    }
    .common-header-link {
        display: block
    }
    .cart-info {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        padding: 10px;
        border: none;
        font-size: 0px
    }
    .cart-info .glyphicon {
        font-size: 12px
    }
    .cart-info:hover {
        background-color: transparent
    }
    .cart-info.full:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        position: absolute;
        right: 6px;
        top: 6px;
        background-color: #d9534f;
        border-radius: 50%;
        animation: highlight-cart 2s infinite linear;
        webkit-animation: highlight-cart 2s infinite linear
    }
    @-webkit-keyframes highlight-cart {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @keyframes highlight-cart {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
}
@media (max-width: 768px) {
    #spree-header .col-xs-3 p {
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width: 768px) {
    .global-header {
        min-height: 40px
    }
    .global-header div.col-md-12 {
        display: flex;
        justify-content: center
    }
    .global-header h1,
    .global-header .h1 {
        font-size: 18px;
        padding: 0
    }
    .global-header h1,
    .global-header .h1,
    .global-header h2,
    .global-header .h2,
    .global-header h3,
    .global-header .h3 {
        margin: 12px 0 7px 0
    }
}
* {
    border-radius: 0 !important;
    outline: none !important
}
@font-face {
    font-family: 'Minion Pro Bold Caption';
    src: url("../fonts/Minion-Pro-Bold-Caption.otf") format("OpenType");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Soal Regular";
    src: url("../fonts/SaolText-Regular.otf") format("OpenType");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "Soal Regular Italic";
    src: url("../fonts/SaolText-RegulaItalic.otf") format("OpenType");
    font-weight: normal;
    font-style: italic
}
@font-face {
    font-family: "Soal Bold";
    src: url("../fonts/SaolText-Semibold.otf") format("OpenType");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: "Soal Bold Italic";
    src: url("../fonts/SaolText-SemiboldItalic.otf") format("OpenType");
    font-weight: bold;
    font-style: italic
}
@font-face {
    font-family: "La Luxes Script";
    src: url("../fonts/Set Sail Studios - La Luxes Script.ttf") format("OpenType");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: Saol Text;
    src: url("../fonts/SaolText-Bold.otf") format("OpenType");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: "Saol Text";
    src: url("../fonts/SaolText-BoldItalic.otf") format("OpenType");
    font-weight: bold;
    font-style: italic
}
html,
body {
    height: 100%;
    background-color: #ffffff;
    color: #222222;
    overflow-x: hidden
}
@media (max-width: 768px) {
    body {
        background-color: #F9F7ED
    }
}
body {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    letter-spacing: 0.03em
}
.container {
    max-width: 950px
}
a {
    color: #0971D3;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
a:hover {
    color: #60B9FF;
    text-decoration: none
}
b,
strong,
label {
    font-weight: 400
}
table {
    border-collapse: separate
}
.table > thead > tr > th {
    border-bottom: none
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: #222222;
    vertical-align: middle
}
.lead {
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff
}
.badge {
    background-color: #d9e1e6;
    color: #444444;
    font-weight: 400;
    margin-left: 5px
}
#cc_error,
.error {
    color: #D41111;
    border-color: #D41111;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    padding-top: 4px
}
.error.email {
    display: none
}
#cc_error.error {
    margin-top: 10px;
    text-align: center;
    display: flex;
    align-items: center
}
#cc_error.error img {
    margin-right: 10px;
    vertical-align: middle
}
#cc_error.error span {
    white-space: pre-wrap
}
.btn-site-gold {
    background-color: #9F9550;
    border-color: #9F9550;
    color: #444444
}
.btn-default {
    background-color: #222222 !important;
    border-color: #eee !important;
    color: #444444 !important
}
.btn-strong-blue {
    background-color: #0971D3;
    color: #ffffff
}
.btn-strong-blue:hover {
    color: #ffffff;
    opacity: .8
}
.btn-strong-green {
    background-color: #007a37;
    color: #ffffff
}
.btn-strong-green:hover {
    color: #ffffff;
    opacity: .8
}
.btn-outlined {
    background-color: transparent;
    border: 1px solid #222222
}
.btn-outlined:hover {
    opacity: .8
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 6px 12px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px
}
.pagination {
    display: flex;
    justify-content: center;
    margin: 50px 0
}
.pagination li {
    display: block;
    border-top: solid 2px #222222;
    border-bottom: solid 2px #222222
}
.pagination li a,
.pagination li span {
    border: none;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 400;
    color: #ccc
}
.pagination > .active a,
.pagination > .active span {
    background: none;
    color: #444444;
    font-weight: 400
}
.pagination > .active a:hover,
.pagination > .active a:focus,
.pagination > .active span:hover,
.pagination > .active span:focus {
    background: none;
    color: #444444
}
.alert,
.uploadcare--widget__text,
.uploadcare--widget__button_type_remove {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.05em
}
.alert {
    padding: 10px 20px
}
#coupon_status.alert-success {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0971D3 !important;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    padding-top: 4px
}
.alert-success,
.alert-notice {
    background-color: #3198F6 !important;
    border-color: #3198F6 !important;
    color: #ffffff !important
}
.global_alert {
    text-transform: uppercase;
    text-align: center
}
.global_alert .alert {
    margin-bottom: 0
}
.pos-rel {
    position: relative
}
.desktop-text-center {
    text-align: center
}
.desktop-text-right {
    text-align: right;
    display: flex;
    vertical-align: middle
}
.for-sticky-footer {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between
}
@media (max-width: 768px) {
    .for-sticky-footer {
        background: #F9F7ED
    }
}
.product-list {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -15px
}
.sidebar {
    position: fixed;
    left: -250px;
    top: 0;
    background-color: #ffffff;
    z-index: 999;
    height: 100vh;
    width: 250px;
    overflow: auto;
    padding: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.sidebar.sidebar_open {
    left: 0
}
.sidebar .h4,
.sidebar h4 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 16px;
    margin: 30px 0 15px 0
}
.sidebar > * {
    margin-bottom: 20px
}
.search-modal-full-width {
    width: 100%;
    max-width: initial;
    margin: 0
}
.search-modal-full-width .modal-body {
    padding: 40px
}
.search-modal-full-width .close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    z-index: 10
}
.search-container {
    max-width: 400px;
    position: relative
}
.search-container .form-control {
    border: none;
    border-bottom: solid 2px #eee;
    box-shadow: 0 -10em 0 4px #fff inset;
    padding: 10px 40px 10px 0
}
.search-container .fa {
    border: none;
    background: none;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px
}
.form-control::placeholder {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.05em
}
.taxon-title,
.subtaxon-title,
.search-results-title,
h1,
.common-subheading {
    display: block;
    padding-bottom: 40px;
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center
}
.taxon-title:before,
.taxon-title:after,
.subtaxon-title:before,
.subtaxon-title:after,
.search-results-title:before,
.search-results-title:after,
h1:before,
h1:after,
.common-subheading:before,
.common-subheading:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin: 0 10px;
    border-top: solid 2px #eee;
    margin-top: -4px
}
.taxon-title a,
.subtaxon-title a,
.search-results-title a,
h1 a,
.common-subheading a {
    text-decoration: underline
}
.taxon-title a:hover,
.subtaxon-title a:hover,
.search-results-title a:hover,
h1 a:hover,
.common-subheading a:hover {
    text-decoration: none
}
.common-subheading {
    margin-top: 50px;
    font-size: 18px
}
.subtaxon-title {
    border-top: solid 1px #222222;
    padding-top: 70px;
    margin-top: 20px
}
.list-group {
    border-bottom: solid 1px #222222
}
.list-group .list-group-item {
    margin: 0;
    padding-left: 0;
    border: none;
    border-top: solid 1px #222222;
    position: relative;
    background-color: transparent
}
.list-group .list-group-item.active,
.list-group .list-group-item.active:hover {
    padding-left: 10px;
    background-color: #ffffff;
    border-top-color: #222222;
    border-left: solid 5px #9F9550;
    color: #444444;
    font-weight: 400
}
.radio_check input[type="radio"],
.radio_check input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    margin-left: 0
}
.radio_check label {
    font-weight: 500;
    padding-left: 35px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 146%;
    letter-spacing: 0.05em
}
.radio_check label a {
    font-weight: 500
}
.radio_check input[type="radio"] + label:before,
.radio_check input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: solid 1px #000;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: transparent;
    text-align: center
}
.radio_check input[type="radio"] + label:before {
    border-radius: 50% !important
}
.radio_check input[type="radio"]:checked + label,
.radio_check input[type="checkbox"]:checked + label {
    font-weight: 400;
    color: #000
}
.radio_check input[type="radio"]:checked + label:before,
.radio_check input[type="checkbox"]:checked + label:before {
    background-color: #0971D3;
    content: "\2713";
    color: #ffffff
}
.radio_check label input[type="radio"] + span:before,
.radio_check label input[type="checkbox"] + span:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border: solid 1px #ccc;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #ffffff;
    box-shadow: 0 0 0 2px #ffffff inset
}
.radio_check label input[type="radio"]:checked + span,
.radio_check label input[type="checkbox"]:checked + span {
    font-weight: 400;
    color: #444444
}
.radio_check label input[type="radio"]:checked + span:before,
.radio_check label input[type="checkbox"]:checked + span:before {
    background-color: #444444
}
.radio_check label input[type="radio"] + span:before {
    border-radius: 50% !important
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="number"],
textarea,
select,
option {
    background: transparent !important;
    padding: 12px 20px !important;
    color: #222222 !important;
    border: 1px solid #222222 !important;
    height: unset !important
}
@media (min-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="number"],
    textarea,
    select,
    option {
        padding: 15px 20px !important
    }
}
select.select-custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(125,118,63)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: top 50% right 25px !important;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem
}
.panel.panel-default {
    border: none;
    box-shadow: none;
    background-color: #000000
}
.panel.panel-default .panel-heading {
    background: none;
    border: none;
    padding: 20px 0
}
.panel.panel-default .panel-heading .panel-title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 !important
}
.panel.panel-default .panel-body {
    padding: 15px 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
.user_passwords .panel .panel-heading {
    background: #F9F7ED
}
.user_passwords .panel .panel-body {
    background: #F9F7ED
}
.user_passwords .panel .panel-title {
    color: #222222
}
.form-control {
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
    min-height: 46px
}
@media (min-width: 768px) {
    .form-control {
        min-height: 54px
    }
}
#errorExplanation {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0 0 20px 0
}
#errorExplanation ul,
#errorExplanation ol {
    margin-top: 10px
}
#errorExplanation ul li,
#errorExplanation ol li {
    padding-top: 3px
}
.product-title {
    font-weight: 800;
    font-size: 24px;
    margin: 25px 0 15px 0
}
#checkout-summary h3,
.product-section-title {
    font-weight: 800;
    font-size: 16px;
    margin: 40px 0 15px 0;
    text-transform: uppercase
}
.stock-location,
#checkout_form_address h3,
#checkout_form_address h4 {
    font-weight: 800;
    font-size: 16px;
    margin: 20px 0 15px 0;
    text-transform: uppercase
}
.product_full_description {
    color: #fff;
    font-size: 14px
}
.well {
    background-color: #ffffff;
    box-shadow: inset 0 0px 0px 7px rgba(0, 0, 0, 0.05);
    border: 7px solid #d9e1e6
}
.cart-item-delete a.delete {
    font-size: 16px;
    color: #d9534f
}
#checkout-link {
    text-transform: uppercase;
    font-weight: 800
}
.inner {
    position: relative;
    margin-top: 15px
}
p[data-hook="use_billing"] {
    position: absolute;
    left: 0;
    top: 10px
}
.panel-body {
    position: relative
}
#checkout h1 {
    margin: 0;
    padding: 0;
    text-align: center
}
#checkout h1:before,
#checkout h1:after {
    display: none
}
.progress-steps {
    display: flex !important;
    display: -webkit-flex !important;
    margin-top: 0;
    border-radius: 5px !important;
    background-color: #222222
}
.progress-steps li {
    width: auto !important;
    flex-grow: 1;
    -webkit-flex-grow: 1
}
.progress-steps li.active a,
.progress-steps li.active a:hover {
    background-color: #d9e1e6;
    color: #444444;
    margin-bottom: 0
}
.progress-steps a {
    border-radius: 5px !important;
    padding: 10px 0 !important
}
#order_summary legend {
    display: none
}
.button {
    display: inline-block;
    padding: 6px 15px
}
#user-info {
    margin-bottom: 0
}
#credit-card-image {
    float: none !important;
    display: block;
    margin: 0 0 10px auto
}
@media (max-width: 1024px) {
    .product-list:not(.home-product-list) {
        justify-content: center;
        -webkit-justify-content: center
    }
}
@media (max-width: 768px) {
    #breadcrumbs {
        display: none
    }
    .taxon-title:before,
    .taxon-title:after,
    .subtaxon-title:before,
    .subtaxon-title:after,
    .search-results-title:before,
    .search-results-title:after,
    h1:before,
    h1:after,
    .common-subheading:before,
    .common-subheading:after {
        content: "";
        width: 10px;
        margin: 0 5px;
        border-top: solid 2px #eee
    }
    .product-list:not(.home-product-list) {
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center
    }
}
.width-100-pr {
    width: 100%
}
.product-bottom {
    padding: 5px
}
.right-arrow,
.right-bottom-arrow {
    font-size: 25px
}
.products-info {
    padding: 20px;
    text-align: center
}
#order_summary h1 {
    padding-bottom: 0px
}
.btn-success:focus,
.btn-success.focus,
.btn-warning:focus,
.btn-warning.focus,
.btn-site-blue.focus,
.btn-site-blue:focus {
    color: #fff !important;
    background-color: #3198F6 !important;
    border-color: transparent !important
}
.btn-site-blue:hover,
.btn-warning:hover,
.btn-success:hover {
    color: #fff !important;
    background-color: #60B9FF !important;
    border-color: transparent !important
}
.btn-site-blue,
.btn-warning,
.btn-success {
    color: #fff !important;
    background-color: #3198F6;
    border-color: transparent !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-width: 2px;
    padding: 12px 20px;
    font-weight: 500;
    line-height: 146%
}
@media (min-width: 768px) {
    .btn-site-blue,
    .btn-warning,
    .btn-success {
        font-size: 16px;
        letter-spacing: 0.04em;
        height: 54px;
        padding: 15px 20px
    }
}
.radio label::before,
.radio label::after,
.checkbox label::before,
.checkbox label::after {
    margin-top: -4px
}
.navbar-default {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #fff
}
#spree-header .nav a {
    color: #ffffff !important
}
#spree-header .nav a:hover {
    color: #ffffff !important;
    background-color: #b5ab61 !important
}
#order_summary {
    padding: 12px;
    padding-bottom: 0px
}
tr.order-headers th {
    vertical-align: bottom !important
}
.survey_form label p {
    font-size: 1.2em
}
.uppercase {
    text-transform: uppercase
}
.justify-content-center {
    justify-content: center !important
}
.h1 {
    font-family: 'Minion Pro Bold Caption', sans-serif
}
h2.registration-header {
    font-family: freight-big-pro, serif !important;
    letter-spacing: 3px;
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: italic
}
.flow-question-header-title {
    color: #222222 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%
}
.flow-question-header-title h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 146%;
    margin-top: 0
}
.flow-question-header-title p {
    font-weight: 18px !important;
    font-weight: 500;
    line-height: 150%
}
.need-help {
    text-align: right;
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 238%
}
.need-help:hover {
    cursor: pointer
}
.id-verification__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 41px;
    text-align: center;
    color: #222222;
    margin-bottom: 4px
}
.id-verification__description {
    width: 322px;
    max-width: 100%;
    margin: 0 auto 28px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em
}
@media (min-width: 768px) {
    .id-verification__description {
        font-size: 16px;
        line-height: 150%
    }
}
.zSelected {
    background-color: #3198F6;
    color: #ffffff !important
}
.zInput {
    color: #222222;
    min-height: 46px;
    border: 1px solid #222222
}
@media (min-width: 768px) {
    .zInput {
        min-height: 54px;
        font-size: 16px
    }
}
@media (max-width: 768px) {
    .zInput:nth-child(2) {
        float: none !important
    }
}
.zInput:nth-child(2) {
    float: right
}
.text-success {
    color: #3198F6 !important
}
.bg_lg {
    background-color: transparent !important;
    border: 5px solid #B5AB61;
    color: #fff !important
}
.bg_lg:hover {
    background-color: #B5AB61 !important
}
div.bg_lg {
    margin-bottom: 2px
}
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
    background-color: transparent
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: #4d4c48
}
.panel-default > .panel-heading {
    color: #ffffff
}
.modal-content {
    background-color: #000000 !important
}
.inbox textarea {
    box-shadow: none !important;
    width: 100%;
    height: 90px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-size: 16px;
    border: 3px solid #605e5e !important
}
#inside-product-cart-form div.row.quantity-row {
    margin-left: auto !important;
    margin-right: auto !important
}
.edit-order {
    background-color: black !important;
    color: white !important;
    border: 1px #B5AB61 solid !important
}
.edit-order:hover {
    background-color: #B5AB61 !important
}
.quantity-terms-check-box input {
    margin-right: 1em !important;
    float: left
}
tr.order-tr td,
tr.order-tr th {
    border-top: none !important
}
body.sms_notifications .zInputWrapper .zInput:first-of-type {
    background-color: #B5AB61;
    color: white
}
.fa-large-icon {
    font-size: 70px
}
.transparent_line hr {
    border-top: 1px solid rgba(247, 247, 247, 0.38)
}
body.overview .recommended-product {
    border: 5px #05A9EA solid !important
}
body.overview .radio-warning {
    cursor: inherit
}
body.overview .products_list_item:hover {
    background-color: transparent !important
}
.warning-text {
    color: red;
    font-weight: bold;
    text-align: center
}
#hippa-note {
    display: none
}
.checkbox__heading,
.radio__heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 180.9%;
    letter-spacing: 0.05em;
    text-transform: uppercase
}
.checkbox__subtitle,
.radio__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 154.9%;
    letter-spacing: 0.06em;
    color: #222222;
    flex: 1 1 100%;
    margin-left: 52px
}
.checkbox--bold,
.radio--bold {
    font-weight: 700
}
.checkbox__input,
.radio__input {
    opacity: 0;
    position: absolute
}
.checkbox__label,
.radio__label {
    position: relative;
    display: flex;
    align-items: center
}
.checkbox__input,
.checkbox__label,
.radio__input,
.radio__label {
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}
.checkbox__input + .checkbox__label:before,
.radio__input + .checkbox__label:before,
.checkbox__input + .radio__label:before,
.radio__input + .radio__label:before {
    background: #fff;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-right: 26px;
    text-align: center;
    content: "";
    border-radius: 50%;
    border: 1px solid #222
}
.checkbox__input:checked + .checkbox__label:before,
.radio__input:checked + .checkbox__label:before,
.checkbox__input:checked + .radio__label:before,
.radio__input:checked + .radio__label:before {
    content: "";
    background: #3198F6;
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-position: 5.5px 7px;
    color: #ffffff;
    border: none
}
.radio__label,
.checkbox__label {
    width: 100%;
    max-width: 100%;
    align-items: flex-start
}
.radio__label span,
.checkbox__label span {
    flex-basis: 406px
}
.radio__input + .radio__label:before,
.checkbox__input + .radio__label:before,
.radio__input + .checkbox__label:before,
.checkbox__input + .checkbox__label:before {
    margin-right: 17px;
    border-radius: 0;
    margin-top: 0;
    flex: 0 0 24px
}
.select__container {
    width: 320px;
    max-width: 100%;
    position: relative
}
.select__input {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: white;
    padding: 13px 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #222;
    border: 2px solid #222;
    line-height: 145.9%;
    letter-spacing: 0.05em
}
.select__input::-ms-expand {
    display: none
}
.select__icon {
    position: absolute;
    top: 25%;
    right: 20px;
    pointer-events: none;
    padding-left: 5px;
    transition: background-color 0.3s ease, border-color 0.3s ease
}
.divider {
    border: 1px solid rgba(34, 34, 34, 0.2)
}
@media (max-width: 768px) {
    .divider {
        width: 200px;
        margin: 0 auto
    }
}
.flex-align-center {
    display: flex;
    align-items: center
}
.row.arrows.col-sm-no-padding {
    margin: 0 auto;
    width: 745px;
    max-width: 100%
}
@media (max-width: 1024px) {
    .description-arrows > * {
        bottom: -5px !important
    }
}
.agreement-error {
    color: #D41111;
    border-color: #D41111;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    padding-top: 4px;
    display: none
}
.dialog-upper {
    display: block
}
@media (max-width: 768px) {
    .dialog-upper {
        padding: 6% 10%
    }
}
.dialog-container {
    background: #F9F7ED;
    position: relative
}
@media (min-width: 1024px) {
    .dialog-container {
        padding: 80px 80px
    }
}
@media (min-width: 768px) {
    .dialog-container {
        margin-top: 60px;
        padding: 60px 80px 80px 80px
    }
}
@media (max-width: 768px) {
    .dialog-container {
        margin: 0 28px !important
    }
}
@media (max-width: 768px) {
    #signup .dialog-container {
        padding: 0 15px !important
    }
    #signup .form-group:nth-last-child(2) {
        margin-bottom: 20px !important
    }
    #signup .primary-text {
        margin: 20px 0 0
    }
    #signup .panel-heading {
        margin: 32px 0 28px;
        padding: 0
    }
    #signup .global_footer {
        border-top: 1px solid #222222
    }
}
@media (min-width: 768px) {
    #signup .global_footer {
        margin-top: 54px
    }
    #signup .panel-heading {
        margin-top: 40px
    }
}
@media (max-width: 768px) {
    .dialog-header {
        margin-top: 28px;
        margin-bottom: 28px
    }
}
@media (min-width: 768px) {
    .dialog-header.ed-header:not(:first-of-type) {
        margin-top: 60px;
        margin-bottom: 24px
    }
    .dialog-header.ed-header:first-child {
        margin-bottom: 56px
    }
}
@media (max-width: 768px) {
    .dialog-header:first-of-type {
        margin-top: 22px;
        margin-bottom: 28px
    }
}
.dialog-content {
    margin: 15px 0 0 0
}
@media (max-width: 768px) {
    .dialog-content {
        margin: 0
    }
}
@media (max-width: 768px) {
    .row-sm-no-padding [class*="col-"] {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}
.primary-text {
    display: block;
    font-size: 28px;
    line-height: 146%;
    font-weight: 500;
    color: #222222
}
.primary-text .multiple-q {
    margin-top: 32px
}
.primary-text.gold {
    color: #9F9550;
    font-size: 30px
}
.primary-text.product {
    font-weight: 400
}
.secondary-text {
    display: inline;
    font-size: 28px;
    line-height: 146%;
    color: #222222;
    font-weight: 400;
    font-style: italic;
    margin-top: 0
}
.secondary-text.gold {
    color: #9F9550
}
.secondary-text.blue {
    color: #06A2E5
}
.secondary-text.bold {
    font-size: 1.3em !important
}
.secondary-text.pricing {
    font-weight: 400;
    font-size: 20px !important;
    font-style: normal
}
.top-margin {
    margin-top: 32px
}
@media (max-width: 768px) {
    .top-margin {
        margin-top: 0
    }
}
.dialog-header-img {
    width: 100%;
    margin: 0 0 32px 0
}
.payment-details {
    font-size: 12px;
    color: #ffffff
}
@media (min-width: 1200px) {
    .payment-details img {
        position: relative;
        left: -35px
    }
}
.payment-details.edit {
    padding: 5px;
    margin: 0 auto;
    border: 1px solid #7D763F;
    max-width: 100px
}
.product-frequency .product-list-item,
.product-frequency .product-list-item-alternating,
.product-frequency .sub-frequency {
    border: 2px solid #222222
}
.product-frequency .product-list-item:hover,
.product-frequency .product-list-item-alternating:hover,
.product-frequency .sub-frequency:hover {
    background-color: #3198F6
}
.product-list-item,
.product-list-item-alternating,
.sub-frequency {
    cursor: pointer
}
.product-list-item:hover,
.product-list-item-alternating:hover,
.sub-frequency:hover {
    background-color: #7D763F
}
.product-list-item a,
.product-list-item-alternating a,
.sub-frequency a {
    color: #fff
}
.product-list-item.checkout,
.checkout.product-list-item-alternating,
.checkout.sub-frequency {
    font-size: 16px;
    color: #ffffff;
    cursor: default
}
@media (max-width: 768px) {
    .product-list-item:hover,
    .product-list-item-alternating:hover,
    .sub-frequency:hover {
        background-color: transparent
    }
}
.product-list-item-alternating:hover {
    background-color: transparent
}
@media (max-width: 768px) {
    .product-list-item-alternating:hover {
        background-color: transparent
    }
}
.radio-button-yellow {
    display: flex;
    margin-left: 13px
}
.product-choices {
    padding-bottom: 0px !important;
    margin-bottom: 24px !important
}
.product-name-selected,
.product-choices {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #9F9550;
    padding: 0px 0 32px 0;
    border-bottom: 1px solid #7D763F
}
.product-name-selected .product-check,
.product-choices .product-check {
    display: inline-block;
    background-image: url("../images/check2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 15px;
    width: 25px
}
.product-name-selected.spaced,
.spaced.product-choices {
    margin-top: 24px
}
.product-prompt-text {
    font-size: 28px;
    font-weight: normal;
    font-style: normal
}
.dosage-select-title {
    font-family: Saol Text;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    line-height: 122%;
    margin-bottom: 20px;
    color: #222222
}
.product_support {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-align: center
}
.support_number {
    font-weight: 700
}
.product-item {
    border: none;
    color: #222222;
    margin-bottom: 24px
}
.product-item label {
    margin-bottom: 0;
    line-height: 1.7em
}
.product-item input[type="radio"] {
    height: 24px;
    width: 24px
}
@media (max-width: 768px) {
    .product-item label {
        line-height: 146%;
        font-size: 18px;
        margin-bottom: 0
    }
}
.subscription-disclaimer {
    margin: 40px 0
}
.subscription-disclaimer p {
    font-size: 12px;
    line-height: 146%;
    letter-spacing: 0.05em;
    color: #222222;
    font-weight: 500
}
.subscription-disclaimer p b {
    font-weight: 500
}
.subscription-disclaimer p:first-of-type {
    max-width: 100%;
    margin: 0 auto 20px
}
.subscription-disclaimer p:last-of-type {
    max-width: 100%;
    margin: 0 auto
}
@media (min-width: 768px) {
    .subscription-disclaimer p {
        font-size: 14px
    }
}
.medical-info ul {
    padding-left: 0px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em
}
.medical-info ul > ul {
    padding-left: 15px;
    margin-left: 10px
}
.medical-info li {
    margin: 10px 0
}
@media (max-width: 768px) {
    .secondary-text.gold {
        font-size: 22px !important
    }
}
#checkout-summary {
    background-color: transparent !important
}
input[type="radio"].sf-checkbox {
    display: none
}
input[type="radio"]:checked.sf-checkbox + label {
    background-color: #3198F6;
    color: #fff;
    border: none
}
.sub-frequency {
    display: block;
    margin-top: 24px
}
.sub-frequency {
    padding: 12px 20px
}
@media (max-width: 1024px) and (min-width: 768px) {
    .sub-frequency {
        padding: 0 20px 12px 20px
    }
}
@media (max-width: 768px) {
    .sub-frequency:not(:first-of-type) {
        margin-top: 12px
    }
    .sub-frequency {
        margin-top: 0
    }
}
.summary-table {
    font-size: 14px;
    font-weight: 400
}
.table-responsive > .table > tbody > tr > td {
    white-space: normal !important
}
div.product-list-item-alternating label > strong {
    font-weight: 600;
    font-size: 16px;
    margin-right: 59px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-align: left
}
@media (min-width: 768px) {
    .preferred-treatment .col-xs-12 .upper-lion,
    .product-frequency .col-xs-12 .upper-lion {
        top: 0 !important
    }
}
body.product:not(.preferred-treatment) .dialog-upper {
    margin-top: 24px;
    margin-bottom: 24px
}
@media (min-width: 768px) {
    .product-image-for-desktop-header {
        margin-bottom: 24px
    }
}
@media (max-width: 768px) {
    .product-image-for-desktop-header {
        margin: 40px 0 32px 0
    }
    .product-image-for-desktop {
        display: none
    }
    .product-prompt-text {
        width: 320px;
        max-width: 100%;
        margin: 0 auto;
        margin: 20px auto 28px
    }
}
@media (max-width: 768px) {
    div.text-center:nth-child(2) {
        display: block
    }
}
div.row.shipping-quantity-form {
    padding: 0 80px
}
@media (max-width: 768px) {
    div.row.shipping-quantity-form {
        padding: 0 15px
    }
    div.survey_form {
        padding: 0 6%
    }
}
p.credit-cards {
    display: flex;
    justify-content: center
}
p.checkout-note {
    text-align: center
}
.sub-frequency.text-center strong {
    font-weight: 700
}
.quantity-helper-text {
    font-size: 26px;
    font-style: italic
}
@media (max-width: 768px) {
    .quantity-helper-text {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 238%;
        letter-spacing: 0em;
        text-align: left;
        margin-top: -10px
    }
}
#recommended-frequency.sub-frequency.text-center > strong {
    font-weight: 700 !important
}
.dialog-content .commentable-question > p {
    text-align: left;
    margin: -10px 15px 20px 20px
}
.dialog-content .commentable-field textarea {
    border-top: 1px solid #3198F6 !important;
    resize: none;
    padding: 0;
    background: #e6e6e2 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    width: 100%;
    margin: 0 !important
}
.dialog-content .commentable-field {
    border: 1px solid #3198F6;
    background: transparent;
    padding: 24px 0 0 0
}
@media (min-width: 768px) {
    .dialog-content .commentable-question > p {
        text-align: center;
        margin: -5px 15px 20px 20px
    }
}
.active-submit {
    background-image: url("../images/right-arrow-active.svg") !important
}
.orders.edit.spree_orders .product-list-item:hover,
.orders.edit.spree_orders .product-list-item-alternating:hover,
.orders.edit.spree_orders .sub-frequency:hover,
.orders.edit.spree_orders .product-list-item-alternating:hover,
.orders.edit.spree_orders .sub-frequency:hover {
    background: transparent
}
@media (max-width: 768px) {
    .spree_orders.show.orders .modal-body .row,
    .spree_orders.show.orders .row .row {
        padding-left: 20px;
        padding-right: 20px
    }
    .spree_orders.show.orders #order_summary.border-black > strong {
        padding-left: 5px;
        padding-right: 5px
    }
}
#checkout-summary .table {
    margin-bottom: 0
}
#checkout-summary .edit-button {
    display: block;
    border: 2px solid #7D763F;
    text-align: center;
    margin: 10px 0 20px 0;
    padding: 10px
}
#checkout-summary .edit-button:hover {
    color: white;
    background: #9F9550;
    border-color: #9F9550
}
.cart-edit-button,
.cart-payment-button {
    border: transparent;
    text-align: center;
    margin-left: 8px
}
.cart-edit-button:hover,
.cart-payment-button:hover {
    color: white
}
.cart-edit-button {
    color: #aaa
}
.cart-payment-button {
    color: #ffffff
}
.cart-payment-button:hover {
    background-color: #2892F3
}
.previous_question:hover {
    background-color: #3198F6 !important
}
.medical-info li {
    list-style: none
}
@media (min-width: 768px) {
    .mobile-break {
        display: none
    }
    #checkout-summary p.credit-cards img {
        width: 150px
    }
}
@media (max-width: 768px) {
    .subscription-disclaimer > p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400 !important
    }
    .desktop-break {
        display: none
    }
}
@media (max-width: 768px) {
    .subscriptions.edit.spree_subscriptions .modal-body .row,
    .subscriptions.edit.spree_subscriptions .row .row,
    .users.profile.spree_users .modal-body .row,
    .users.profile.spree_users .row .row,
    .users.orders.spree_users .modal-body .row,
    .users.orders.spree_users .row .row,
    .subscriptions.reorder.spree_subscriptions .modal-body .row,
    .subscriptions.reorder.spree_subscriptions .row .row,
    .users.edit_profile.spree_users .modal-body .row,
    .users.edit_profile.spree_users .row .row {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}
@media (max-width: 767px) {
    .row.inbox-header,
    .row.inbox {
        position: relative;
        min-height: 1px;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    #submit_comment {
        font-size: 14px !important
    }
}
.self-image {
    font-size: 22px;
    font-weight: 500;
    line-height: 146%;
    letter-spacing: 0.05em
}
.add-image {
    position: relative;
    margin-top: 20px;
    border: 2px solid #222222;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}
.add-image .uploadcare--widget__button_type_open {
    font-weight: 600;
    font-size: 14px;
    margin-top: 151px;
    line-height: 146%;
    letter-spacing: 0.05em;
    color: #222222;
    background-color: #F9F7ED !important;
    border-radius: 1em !important;
    padding: 1em !important
}
.add-image .uploadcare--widget__button_type_remove {
    background: none;
    color: #0971D3
}
.add-image .uploadcare--widget__button {
    padding: 3px
}
.add-image .uploadcare--link,
.add-image .uploadcare--link:link,
.add-image .uploadcare--link:visited {
    color: #222222;
    text-decoration: none
}
.add-image .uploadcare--widget_status_loaded {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px
}
@media (max-width: 768px) {
    .valid-id {
        margin-left: 15px
    }
}
.image-reasoning {
    margin: 32px 0
}
.image-reasoning h4 {
    text-align: center;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.05em
}
.image-reasoning p {
    text-align: center;
    line-height: 146%;
    font-size: 14px;
    letter-spacing: 0.02em;
    font-weight: 500
}
.image-reasoning p strong {
    font-weight: 700
}
.id_verification #upload_order_iv {
    margin-bottom: 32px
}
.addr_verification .btn-warning {
    width: 80px;
    margin-right: 7px;
    background-color: transparent;
    color: #222222 !important;
    border: 2px solid #222222 !important;
    min-height: 54px;
    padding: 15px
}
.addr_verification .btn-warning:hover {
    color: #fff !important;
    background-color: #0971D3 !important;
    border-color: transparent !important
}
.addr_verification .flow-question-header-title {
    padding: 0 10px !important;
    margin-bottom: 0
}
.addr_verification .added_verification_buttons {
    display: flex;
    margin-bottom: 32px
}
.addr_verification #upload_order_iv {
    margin-top: 0
}
.btn.disabled {
    opacity: none
}
@media (max-width: 768px) {
    .subscriptions.edit.spree_subscriptions #subscriptionSurveyModal .radio + .radio,
    .subscriptions.edit.spree_subscriptions #subscriptionSurveyModal .checkbox + .checkbox,
    .users.edit_profile.spree_users.pace-done.modal-open #cancelSurveyModal .radio + .radio,
    .users.edit_profile.spree_users.pace-done.modal-open #cancelSurveyModal .checkbox + .checkbox {
        text-align: left
    }
    .subscriptions.edit.spree_subscriptions #subscriptionSurveyModal .checkbox input[type="checkbox"],
    .subscriptions.edit.spree_subscriptions #subscriptionSurveyModal .checkbox input[type="radio"],
    .users.edit_profile.spree_users.pace-done.modal-open #cancelSurveyModal .checkbox input[type="checkbox"],
    .users.edit_profile.spree_users.pace-done.modal-open #cancelSurveyModal .checkbox input[type="radio"] {
        display: none
    }
    .subscriptions.edit.spree_subscriptions #subscriptionSurveyModal .mr-top-10,
    .users.edit_profile.spree_users.pace-done.modal-open #cancelSurveyModal .mr-top-10 {
        text-align: left
    }
}
@media (max-width: 768px) {
    .products.description .global-header {
        display: none
    }
}
.products.description .dialog-container {
    margin: 0 !important;
    padding: 20px 28px 0 28px
}
.products.description .dialog-container {
    background: #f9f7ed
}
.products.description .for-sticky-footer {
    background: #fff
}
.products.description #header {
    background: #222
}
.products.description .description-header {
    display: flex;
    justify-content: center;
    margin-bottom: 32px
}
.products.description .description-img {
    text-align: center
}
.products.description .step-text {
    background: #F9F7ED
}
@media (min-width: 768px) {
    .products.description .step-text {
        background: #ffffff
    }
}
.products.description .description {
    font-family: Saol Text;
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 121.9%;
    text-align: center;
    color: #222222;
    margin-top: 32px
}
@media (max-width: 768px) {
    .products.description .global_footer {
        margin-top: 0 !important;
        background: #F9F7ED
    }
}
.products.description .description-product {
    width: 540px;
    max-width: 100%;
    margin: 0 auto 20px
}
.products.description .description-product p {
    font-size: 16px;
    line-height: 238%;
    text-align: center;
    color: #222222;
    margin: 12px 20px 0 20px
}
.products.description .description-product p b {
    font-weight: 600
}
@media (min-width: 768px) {
    .products.description .dialog-container {
        padding: 80px 80px 65px 80px;
        margin-top: 60px !important
    }
    .products.description .left-arrow-default,
    .products.description .right-arrow-default {
        bottom: 73px
    }
    .products.description .left-arrow-default {
        left: -47px
    }
    .products.description .right-arrow-default {
        right: -47px
    }
}
.products.spree_products .secondary-text {
    color: #222222;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-align: left
}
.products.spree_products .dialog-upper.text-center {
    background: #f9f7ed
}
.products.spree_products .select-combo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 32px
}
@media (min-width: 768px) {
    .products.spree_products .select-combo {
        margin-top: 0
    }
}
@media (min-width: 1024px) {
    .products.index .left-arrow-default,
    .products.index .right-arrow-default {
        bottom: 73px
    }
    .products.index .left-arrow-default {
        left: -47px
    }
    .products.index .right-arrow-default {
        right: -47px
    }
}
.select-combo #select,
.select-combo #dosage,
.select-combo #packs,
.select-combo #month,
#product-details #select,
#product-details #dosage,
#product-details #packs,
#product-details #month {
    font-family: Saol Text;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    line-height: 122%;
    color: #222222
}
.select-combo #your,
.select-combo #per,
#product-details #your,
#product-details #per {
    font-family: La Luxes Script;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: center;
    color: #0971D3
}
#product-details .product-item {
    display: flex;
    margin-left: 18px
}
#product-details .product-item label {
    margin-left: 27px
}
.starting_price {
    font-weight: 700
}
.product_name {
    text-align: initial;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 238%;
    text-align: left;
    margin-top: -10px
}
.product-item {
    display: flex
}
.dosage_pricing {
    margin-left: 26px
}
.product_quantity {
    text-align: initial
}
.preferred-treatment.products.show.spree_products .product-item input[type="radio"] {
    margin-top: 15px
}
.product-timer {
    position: relative;
    text-align: center;
    width: 320px;
    max-width: 100%;
    margin: 0 auto
}
.product-timer::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    opacity: 0.5;
    background: linear-gradient(1deg, rgba(160, 153, 83, 0.4) 13.94%, rgba(160, 153, 83, 0) 37.94%);
    transform: rotate(210deg);
    bottom: -109px;
    left: 43px
}
.product_selection_support {
    flex: 1 0 100%;
    margin-top: 45px;
    text-align: center
}
.product_pack_support {
    text-align: center
}
#login-btn,
#lets_go_btn {
    background: transparent;
    color: #222222 !important;
    border: 2px solid #222222 !important
}
#login-btn:hover,
#lets_go_btn:hover {
    background: #3198F6 !important;
    color: #ffffff !important;
    border: none !important
}
#login-btn.btn.btn-block.btn-success.active-btn,
#lets_go_btn.btn.btn-block.btn-success.active-btn {
    background: #3198F6 !important;
    color: #ffffff !important;
    border: none !important
}
#login-btn.btn.btn-block.btn-warning.active-btn,
#lets_go_btn.btn.btn-block.btn-warning.active-btn {
    background: #3198F6 !important;
    color: #ffffff !important;
    border: none !important
}
.medical_survey_start .btn-success {
    text-transform: none
}
@media (max-width: 768px) {
    .products .global-header {
        display: none
    }
}
@media (min-width: 768px) {
    .dialog-container.products {
        padding: 80px 20px
    }
    .dialog-container.products form {
        display: flex;
        flex-wrap: wrap
    }
    #product-packs {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px;
        justify-content: center
    }
    #product-packs > * {
        padding: 0 20px;
        flex-basis: 270px
    }
    #product-packs .quantity-helper-text {
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 146%;
        color: #222222
    }
    [data-hook="products_list_item"] {
        flex: 1 0 45%
    }
    .dosage_pricing label {
        text-align: left
    }
    .starting_price {
        font-weight: 700;
        font-size: 20px;
        line-height: 180.9%;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #000000
    }
}
@media (min-width: 768px) {
    .upload-break {
        display: none
    }
}
.overview-section-banner {
    margin: 24px 0
}
@media (max-width: 768px) {
    .checkout-page .global_footer {
        background: #F9F7ED
    }
    form[action="/medical_survey?question_id=ed-apo-7"] {
        padding: 60px 0
    }
    form[action="/medical_survey?question_id=ed-apo-9"],
    form[action="/medical_survey?question_id=ed-apo-10"] {
        padding: 40px 0
    }
    form[action="/medical_survey?question_id=ed-apo-11"] {
        padding: 80px 0
    }
}
#login input,
#signup input,
body.demographics.registration input {
    -webkit-appearance: none
}
body.registration.show.spree_registration.demographics .global_alert {
    display: none
}
.biography.eric.spree_biography div.row:nth-child(6) {
    background: white
}
.static_content.show.spree_static_content p {
    color: #222222
}
.static_content.show.spree_static_content span {
    color: #222222
}
#user_question_answers_attributes_0_comment,
#user_question_answers_attributes_0_answer {
    -webkit-appearance: none
}
#user_question_answers_attributes_0_answer {
    margin-top: 24px
}
.has-error .form-control {
    border-color: #D41111 !important
}
.has-error .help-block {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #D41111;
    margin-bottom: 0
}
.has-error .control-label {
    color: #222222
}
.form-group {
    margin-bottom: 20px
}
@media (min-width: 768px) {
    .form-group {
        margin-bottom: 24px
    }
    .form-control {
        font-size: 16px;
        font-weight: 500;
        line-height: 146%;
        letter-spacing: 0.04em
    }
}
@media (min-width: 768px) {
    .overview-section-header h2 {
        margin-top: 0
    }
}
.checkbox_sms {
    width: 49%;
    height: 68px;
    background: #F9F7ED;
    border: 2px solid #222222;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.04em;
    text-align: center;
    cursor: pointer
}
.checkbox_sms:hover {
    background-color: #2892F3;
    color: #ffffff;
    border-color: #2892F3
}
.form-group .sms_button {
    display: flex;
    justify-content: space-between
}
.flow-question-header-title {
    padding-bottom: 0;
    font-family: Saol text;
    font-weight: 700;
    font-size: 34px;
    line-height: 121.9%;
    text-align: center;
    color: #222222;
    text-transform: none
}
.id_verification .flow-question-header-title,
.addr_verification .flow-question-header-title {
    color: #222222 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%
}
.id_verification .flow-question-header-title h2,
.addr_verification .flow-question-header-title h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 146%;
    margin-top: 0
}
.id_verification .flow-question-header-title p,
.addr_verification .flow-question-header-title p {
    font-weight: 18px !important;
    font-weight: 500;
    line-height: 150%
}
#confirmation_order_details .panel.panel-default {
    background-color: #F9F7ED
}
#confirmation_order_details .modal-title {
    font-family: Saol Text !important;
    font-weight: bold;
    font-size: 34px !important;
    line-height: 121.9%;
    text-align: center;
    color: #0971D3;
    text-transform: capitalize
}
#confirmation_order_details .modal-body label {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 83px 42px 84px
}
#confirmation_order_details .sms_button {
    text-align: center;
    margin-bottom: 32px
}
#confirmation_order_details .signup_inside_form {
    background: #F9F7ED;
    padding-left: 78px;
    padding-right: 84px
}
#confirmation_order_details .signup_inside_form h3 {
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px
}
#confirmation_order_details .signup_inside_form .sms_header {
    margin: 30px 86px 24px 78px
}
#confirmation_order_details .signup_inside_form #referred_from_id {
    width: 542px;
    height: 68px !important;
    font-family: Montserrat;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.04em;
    text-align: left
}
@media (max-width: 768px) {
    #confirmation_order_details .signup_inside_form {
        padding: 1px 0
    }
}
@media (min-width: 768px) {
    #confirmation_order_details .modal-content {
        height: 95vh;
        width: 760px;
        opacity: 2;
        margin: 60px auto 0;
        box-shadow: none;
        border: none;
        position: relative;
        top: 50%;
        transform: translateY(9%);
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        flex-direction: column
    }
}
#sms_circle {
    margin-right: 10px;
    margin-bottom: 5px
}
@media (min-width: 768px) {
    .sms_lion {
        display: none
    }
}
@media (max-width: 768px) {
    #confirmation_order_details .modal-body {
        padding: 0 20px !important
    }
    #confirmation_order_details .signup_inside_form #referred_from_id,
    .checkbox_sms {
        height: 46px !important;
        font-family: Montserrat;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.05em
    }
    #confirmation_order_details .signup_inside_form .sms_header,
    #confirmation_order_details .modal-body label {
        margin: 0
    }
    #confirmation_order_details .modal-body label {
        border-top: 1px solid #222222;
        padding-top: 32px
    }
}
.progress-bar {
    background: #222222
}
.id-verification_title {
    font-family: Soal Bold;
    font-weight: 700;
    font-size: 34px;
    line-height: 121.9%;
    text-align: center;
    color: #222222;
    text-transform: none
}
.id-verification_description {
    font-family: Montserrat;
    font-weight: 500;
    line-height: 238%;
    font-size: 16px
}
#edit_verification_btn {
    margin-top: 10px
}
#id_verification_complete,
#do_verification {
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-align: center;
    height: 46px;
    width: 320px;
    margin: 34px 0
}
@media (min-width: 768px) {
    #id_verification_complete,
    #do_verification {
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 2.3;
        letter-spacing: 0.04em;
        text-align: center;
        height: 68px;
        width: 542px;
        margin: 34px 0
    }
}
@media (max-width: 768px) {
    .user_verifications .signup_notice__img {
        width: 27px;
        height: 27px
    }
}
.update_name_and_dob {
    padding: 0 90px;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: center
}
.update_name_and_dob b {
    font-weight: 600 !important
}
.update_name_and_dob .label_replacement_notification {
    margin-top: 12px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-transform: uppercase
}
@media (max-width: 768px) {
    .update_name_and_dob {
        padding: 0 28px
    }
}
.name_and_dob_comparison {
    align-items: center;
    text-align: center;
    margin: 24px 0
}
.name_and_dob_warning,
.name_entered,
.dob_entered {
    font-weight: 400
}
.date_of_birth_replacement {
    margin: 24px 0
}
.user_verifications.show.spree_user_verifications.modal-open .x.close {
    margin: -14px -51px 0 0
}
#confirmation_order_details.orders.show.spree_orders.modal-open .x.close {
    margin: -50px -300px
}
.name_and_dob_warning {
    padding: 24px
}
.user_verifications.show.spree_user_verifications.modal-open .modal-title {
    font-family: Montserrat !important;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
    text-align: center;
    margin-top: 24px
}
.user_verifications.show.spree_user_verifications.modal-open .modal-content {
    margin: -23px auto 0 !important
}
.btn.btn-success.x {
    height: 68px !important;
    margin-top: 24px !important
}
@media (max-width: 768px) {
    .btn.btn-success.x {
        height: 46px !important
    }
    .x.close {
        margin: 25px 25px 0 0 !important;
        font-size: 50px
    }
}
.user_verifications.show.spree_user_verifications.modal-open .modal-body label {
    margin: 24px 0 0 0 !important;
    font-weight: 600
}
@media (max-width: 768px) {
    .user_verifications.show.spree_user_verifications.modal-open .modal-title {
        padding-top: 32px
    }
}
@media (min-width: 1024px) {
    .user_verifications.show.spree_user_verifications.modal-open .modal-content {
        width: 746px !important;
        height: 668px !important;
        opacity: 2 !important
    }
}
@media (min-width: 768px) {
    .spree_user_verifications .dialog-container {
        padding: 30px 80px 80px 80px
    }
}
@media (max-width: 768px) {
    .spree_user_verifications .id-verification_description {
        padding: 0 28px
    }
    .spree_user_verifications .need-help {
        margin-top: 12px;
        padding: 0 20px
    }
}
.user_verifications.show.spree_user_verifications.modal-open input[type="text"],
.users.edit_profile.spree_users.modal-open input[type="text"] {
    background: #fff !important
}
@media (min-width: 768px) {
    .users.edit_profile.spree_users.modal-open .modal-title {
        margin-top: 32px
    }
    .users.edit_profile.spree_users.modal-open .x.btn.btn-lg.btn-success.btn-block.persona_submit {
        margin-bottom: 24px
    }
    .users.edit_profile.spree_users.modal-open .modal-content {
        width: 750px
    }
}
.users.edit_profile.spree_users.modal-open .modal-content {
    opacity: 2
}
.stick_block_layer {
    background-image: url("../images/pattern.png");
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}
.stick_popup {
    height: 170px;
    width: 700px;
    box-shadow: 0px 0px 7px #4a4a4a;
    -moz-box-shadow: 0px 0px 7px #4a4a4a;
    -webkit-box-shadow: 0px 0px 7px #4a4a4a;
    background: #f2f2f2;
    -webkit-animation: zoomin 0.7s;
    animation: zoomin 0.7s
}
.stick_content {
    padding: 20px
}
.stick_content h1 {
    padding-bottom: 0
}
.stick_close {
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 0px;
    float: right;
    font-family: Arial;
    font-size: 17px;
    background-color: #d1d1d1;
    color: #4c4c4c;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none
}
#stickLayer {
    background: black
}
@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-ms-keyframes zoomin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes zoomin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
.row.arrows.col-sm-no-padding {
    display: flex;
    justify-content: center
}
.dialog-container.products form .row.arrows.col-sm-no-padding {
    margin: 0 auto !important
}
.arrows {
    display: block
}
.arrows input {
    border: none;
    background-color: transparent
}
.arrows button {
    border: none;
    background-color: transparent
}
@media (max-width: 1023px) {
    .arrows {
        background-color: #F9F7ED;
        padding-bottom: 25px
    }
}
@media (max-width: 768px) {
    .arrows {
        background-color: #F9F7ED;
        padding: 32px 0
    }
}
.right-arrow-default:focus {
    background-image: url("../images/right-arrow-active.svg")
}
.left-arrow-default:hover {
    background-image: url("../images/left-arrow-active.svg")
}
.block-arrow {
    display: block
}
@media (min-width: 1024px) {
    .left-arrow-default {
        background-image: url("../images/left-arrow-bw.svg");
        height: 94px;
        width: 94px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 120px;
        left: 45px
    }
    .right-arrow-default {
        background-image: url("../images/right-arrow-bw.svg");
        height: 94px;
        width: 94px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 120px;
        right: 45px
    }
    .right-arrow-default input:disabled.right-arrow-default:hover {
        background-image: url("../images/right-arrow-bw.svg") !important;
        opacity: 1
    }
}
@media (max-width: 1023px) {
    .left-arrow-default {
        background-image: url("../images/left-arrow-cream.svg");
        height: 94px;
        width: 94px;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        margin-right: 14px
    }
    .right-arrow-default {
        background-image: url("../images/right-arrow-cream.svg");
        height: 94px;
        width: 94px;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        margin-left: 14px
    }
    .right-arrow-default input:disabled.right-arrow-default:hover {
        background-image: url("../images/right-arrow-cream.svg") !important;
        opacity: 1
    }
    input:disabled {
        opacity: 1
    }
    .one-col.registration.show.spree_registration.demographics .right-arrow-default {
        float: none !important;
        right: 0 !important
    }
    .one-col.registration.show.spree_registration.demographics .row.arrows.col-sm-no-padding {
        display: flex;
        justify-content: center
    }
    .one-col.preferred-treatment.products.show.spree_products .left-arrow-default,
    .one-col.checkout.edit.spree_checkout.payment .left-arrow-default {
        float: none !important;
        left: 0 !important
    }
    .one-col.preferred-treatment.products.show.spree_products .row.arrows.col-sm-no-padding,
    .one-col.checkout.edit.spree_checkout.payment .row.arrows.col-sm-no-padding {
        display: flex;
        justify-content: center
    }
}
@media (min-width: 1024px) {
    .overview .right-arrow-default {
        right: -47px;
        bottom: 73px
    }
    .overview .left-arrow-default {
        left: -47px;
        bottom: 73px
    }
}
.inbox-badge {
    font-weight: 600;
    font-size: 14px;
    line-height: 22.44px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ffffff;
    width: 22.44px;
    height: 22.44px;
    background: #0971D3;
    border-radius: 50% !important;
    display: inline-block;
    text-align: center
}
.inbox-badge.ml {
    margin-left: 14px
}
@media (max-width: 768px) {
    .cancel-instructions-modal.fullscreen .x.close {
        margin: 0 !important
    }
}
.cancel-instructions-modal.fullscreen .modal-dialog .modal-content .modal-header .modal-title {
    width: 320px;
    font-family: Montserrat !important;
    font-style: normal;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 35px
}
.cancel-instructions-modal.fullscreen .modal-body {
    text-align: center;
    width: 542px;
    max-width: 100%
}
.cancel-instructions-modal.fullscreen .modal-body h2 {
    font-weight: bold;
    font-size: 16.4121px;
    line-height: 166%;
    text-align: center;
    letter-spacing: 0.05em;
    margin-top: 40px
}
.cancel-instructions-modal.fullscreen .modal-body ol {
    width: 260px;
    text-align: center;
    margin: 20px auto 40px;
    list-style-position: inside;
    padding-left: 0
}
.cancel-instructions-modal.fullscreen .modal-body .btn-strong-blue {
    font-size: 16.4121px;
    line-height: 166%;
    letter-spacing: 0.05em
}
@media (max-width: 768px) {
    .cancel-instructions-modal.fullscreen .modal-body {
        max-width: 320px !important
    }
}
.qa-checkbox label {
    width: 100%;
    padding: 20px 20px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 146%;
    cursor: pointer;
    margin: 0;
    letter-spacing: 0.05em;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #222222
}
.qa-checkbox label p {
    margin: 0
}
.qa-checkbox label:hover {
    background-color: #3198F6
}
@media (max-width: 768px) {
    .qa-checkbox label {
        font-size: 14px !important;
        padding: 12px 20px;
        font-weight: 600;
        letter-spacing: 0.05em
    }
}
@media (max-width: 768px) {
    .qa-checkbox label:hover {
        background-color: transparent
    }
}
.qa-checkbox input[type="checkbox"] {
    display: none
}
.qa-checkbox input[type="checkbox"]:checked + label {
    background-color: #3198F6;
    color: #ffffff
}
#subscription_accepted_shipping_terms_and_conditions {
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #222222;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
    margin-top: 0
}
#subscription_accepted_shipping_terms_and_conditions:checked {
    border: none
}
.subscription_checkbox {
    display: flex
}
.subscription_checkbox p {
    font-weight: 500;
    font-size: 14px;
    line-height: 145.9%;
    letter-spacing: 0.05em;
    color: #222222;
    margin: -26px 0 0 35px;
    min-width: 200px
}
#subscription_accepted_shipping_terms_and_conditions:checked:after {
    content: "\2713";
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background-color: #0971D3;
    width: 100%;
    height: 100%
}
#signup .radio_check {
    margin: 32px 0;
    text-align: left
}
@media (min-width: 768px) {
    #signup .radio_check {
        margin: 40px 0
    }
}
.cart-exit-message a {
    color: #0971D3
}
.cart-exit-message a:hover {
    color: #60B9FF
}
@media (max-width: 768px) {
    .preferred-treatment .cart-exit-message {
        display: none
    }
}
#members-portal .compose-message-modal img {
    margin-bottom: 12px
}
#members-portal .compose-message-modal .modal-header {
    display: none
}
#members-portal .compose-message-modal .modal-body {
    width: 724px !important;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    padding: 25px 5px !important;
    margin: 0 auto
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal .modal-body {
        border-top: none;
        border-bottom: none;
        padding: 0 13px !important
    }
    #members-portal .compose-message-modal .modal-body img {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal .modal-body {
        width: 100% !important
    }
}
#members-portal .compose-message-modal .title-1 {
    text-align: left;
    margin-bottom: 15px
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal .title-1 {
        font-weight: bold;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.05em;
        margin-bottom: 26px
    }
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal__textarea {
        height: 308px !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important
    }
}
#members-portal .compose-message-modal #submit_comment {
    width: 62px;
    height: 31px;
    padding: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px
}
#members-portal .compose-message-modal .select__container,
#members-portal .compose-message-modal .select__input {
    width: 100%;
    background: transparent !important
}
#members-portal .compose-message-modal__close {
    position: absolute;
    top: 10px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal__close {
        position: fixed;
        font-weight: 300;
        top: 27px;
        right: 33px
    }
}
#members-portal .compose-message-modal__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}
#members-portal .compose-message-modal__footer .hint br {
    display: none
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal__footer .hint {
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        width: 248px
    }
    #members-portal .compose-message-modal__footer .hint br {
        display: block
    }
}
@media (max-width: 1024px) {
    #members-portal .compose-message-modal__footer #submit_comment {
        align-self: flex-start
    }
}
#members-portal .edit-personal-info-modal.modal-form.fullscreen.general .modal-content {
    height: 1415px
}
#members-portal .edit-personal-info-modal.modal-form.fullscreen.general .modal-body {
    max-height: 1300px !important
}
@media (max-width: 768px) {
    #members-portal .edit-personal-info-modal.modal-form.fullscreen.general .modal-content {
        height: 1615px
    }
    #members-portal .edit-personal-info-modal.modal-form.fullscreen.general .modal-body {
        max-height: 1500px !important
    }
}
#members-portal .member-information__top.inbox-tab {
    background: #fdfdfa
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab .member-information__left .table-container {
        border: none
    }
    #members-portal .member-information__top.inbox-tab .member-information__left .table-responsive {
        border: none !important
    }
    #members-portal .member-information__top.inbox-tab .member-information__left .table,
    #members-portal .member-information__top.inbox-tab .member-information__left tr,
    #members-portal .member-information__top.inbox-tab .member-information__left td {
        border: none !important
    }
}
#members-portal .member-information__top.inbox-tab .button {
    width: 213px;
    height: 42px;
    margin-bottom: 25px;
    line-height: 32px !important
}
#members-portal .member-information__top.inbox-tab .body {
    width: 226px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab .member-information > * {
        width: 100%
    }
}
#members-portal .member-information__top.inbox-tab .member-information__left {
    margin-right: 0
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab .member-information__left {
        order: 1;
        padding-top: 25px;
        padding-left: 18px;
        padding-right: 18px;
        background: #ffffff
    }
    #members-portal .member-information__top.inbox-tab .member-information__left h2 {
        margin-left: 28px
    }
}
#members-portal .member-information__top.inbox-tab .member-information__left .table-container {
    width: 495px;
    height: 275px;
    border: 1px solid #000;
    overflow-y: scroll;
    margin-right: 26px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab .member-information__left .table-container {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        border: none
    }
}
#members-portal .member-information__top.inbox-tab .member-information__left .table {
    border-collapse: collapse
}
#members-portal .member-information__top.inbox-tab .member-information__left .table tr td {
    font-weight: 500;
    font-size: 11px;
    line-height: 146%;
    letter-spacing: 0.05em
}
#members-portal .member-information__top.inbox-tab .member-information__left .table tr td:first-of-type {
    padding-left: 30px
}

#members-portal .member-information__top.inbox-tab .member-information__left .table tr td:last-of-type {
    padding-right: 30px
}
#members-portal .member-information__top.inbox-tab .member-information__left .title-1.uppercase.text--bold {
    margin-bottom: 20px
}
#members-portal .member-information__top.inbox-tab .member-information__right {
    margin-top: 43px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab .member-information__right {
        order: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-top: 0;
        background: #f1f1f1
    }
    #members-portal .member-information__top.inbox-tab .member-information__right > * {
        width: 100%
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.inbox-tab {
        padding-top: 0;
        background: #ffffff
    }
}
.upper-lion {
    background-image: url("../images/Lion-logo-header.svg");
    position: relative;
    top: 0;
    margin: 0;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px
}
.global-header .col-md-12 {
    display: flex;
    justify-content: center
}
@media (max-width: 768px) {
    .upper-lion {
        height: 24px;
        width: 24px;
        display: none;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 10px
    }
}
#members-portal input[readonly].form-control {
    background-color: gainsboro !important
}
#members-portal .modal-content {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    opacity: 1;
    transform: translateY(0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
#members-portal .modal-body {
    -ms-overflow-style: none;
    scrollbar-width: none
}
#members-portal .modal-body::-webkit-scrollbar {
    display: none
}
@media (max-width: 768px) {
    #members-portal .modal-body {
        width: 100%;
        margin: 0 auto;
        overflow-y: scroll !important
    }
}
@media (max-width: 768px) {
    #members-portal .hint.text--small {
        width: 100% !important;
        max-width: 100% !important
    }
}
#members-portal .modal-form .modal-body {
    margin: 0 auto;
    overflow-x: hidden;
    max-height: 100vh !important
}
#members-portal .modal-form .modal-body .button {
    margin: 20px auto 0
}
@media (max-width: 768px) {
    #members-portal .modal-form .modal-body {
        width: 280px
    }
    #members-portal .modal-form .modal-body .col-md-4.field {
        padding: 0
    }
}
#members-portal .modal-form .modal-content {
    height: 100%
}
#members-portal .modal-form .button {
    margin: 40px auto
}
#members-portal .modal-form .form-group {
    margin-bottom: 10px
}
#members-portal #subscriptionSurveyModal.userSurveyModal img,
#members-portal #cancelSurveyModal.userSurveyModal img {
    margin-bottom: 12px
}
#members-portal #subscriptionSurveyModal.userSurveyModal .close.x,
#members-portal #cancelSurveyModal.userSurveyModal .close.x {
    position: absolute;
    top: 10px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit
}
@media (max-width: 1024px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal .close.x,
    #members-portal #cancelSurveyModal.userSurveyModal .close.x {
        position: fixed;
        font-weight: 300;
        top: 20px;
        right: 20px
    }
}
#members-portal #subscriptionSurveyModal.userSurveyModal .form-container,
#members-portal #cancelSurveyModal.userSurveyModal .form-container {
    border-top: 1px solid #222222;
    padding: 25px 0;
    position: relative
}
@media (max-width: 768px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal .form-container,
    #members-portal #cancelSurveyModal.userSurveyModal .form-container {
        border-top: none
    }
}
#members-portal #subscriptionSurveyModal.userSurveyModal .form-actions,
#members-portal #cancelSurveyModal.userSurveyModal .form-actions {
    margin-top: 20px;
    padding-top: 20px;
    text-align: left;
    border-top: 1px solid #222222
}
@media (max-width: 768px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal .form-actions,
    #members-portal #cancelSurveyModal.userSurveyModal .form-actions {
        border-top: none
    }
}
#members-portal #subscriptionSurveyModal.userSurveyModal .sub-question,
#members-portal #cancelSurveyModal.userSurveyModal .sub-question {
    font-weight: 600;
    font-size: 12px;
    line-height: 145.9%;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 10px
}
#members-portal #subscriptionSurveyModal.userSurveyModal .title-1.text--bold,
#members-portal #cancelSurveyModal.userSurveyModal .title-1.text--bold {
    text-align: left
}
#members-portal #subscriptionSurveyModal.userSurveyModal .subtitle,
#members-portal #cancelSurveyModal.userSurveyModal .subtitle {
    margin-bottom: 30px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 145.9%;
    letter-spacing: 0.05em
}
@media (max-width: 1024px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal .subtitle,
    #members-portal #cancelSurveyModal.userSurveyModal .subtitle {
        font-weight: bold
    }
}
#members-portal #subscriptionSurveyModal.userSurveyModal .checkbox__label,
#members-portal #cancelSurveyModal.userSurveyModal .checkbox__label {
    font-size: 12px;
    line-height: 125%;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    margin-bottom: 15px
}
#members-portal #subscriptionSurveyModal.userSurveyModal .modal-header,
#members-portal #cancelSurveyModal.userSurveyModal .modal-header {
    text-align: center;
    font-size: 28px;
    margin: 0 auto;
    max-width: 100%;
    width: 520px;
    margin-bottom: 30px
}
@media (max-width: 768px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal .modal-header,
    #members-portal #cancelSurveyModal.userSurveyModal .modal-header {
        font-size: 18px
    }
}
#members-portal #subscriptionSurveyModal.userSurveyModal .modal-content,
#members-portal #cancelSurveyModal.userSurveyModal .modal-content {
    padding-top: 40px
}
#members-portal #subscriptionSurveyModal.userSurveyModal .modal-body,
#members-portal #cancelSurveyModal.userSurveyModal .modal-body {
    max-width: 100%;
    margin: 0 auto
}
#members-portal #subscriptionSurveyModal.userSurveyModal .modal-title.cancellation,
#members-portal #cancelSurveyModal.userSurveyModal .modal-title.cancellation {
    font-family: Montserrat;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    margin-top: 10px
}
#members-portal #subscriptionSurveyModal.userSurveyModal .btn,
#members-portal #cancelSurveyModal.userSurveyModal .btn {
    margin: 0;
    width: 68px;
    height: 30px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    background: #0971D3;
    border: none
}
#members-portal #subscriptionSurveyModal.userSurveyModal .modal-footer,
#members-portal #cancelSurveyModal.userSurveyModal .modal-footer {
    text-align: left
}
@media (max-width: 768px) {
    #members-portal #subscriptionSurveyModal.userSurveyModal,
    #members-portal #cancelSurveyModal.userSurveyModal {
        padding-left: 0 !important
    }
    #members-portal #subscriptionSurveyModal.userSurveyModal .modal-body label,
    #members-portal #cancelSurveyModal.userSurveyModal .modal-body label {
        text-align: left;
        line-height: 20px;
        margin-bottom: 20px
    }
}
#members-portal .reactivated-modal img {
    margin-bottom: 12px
}
#members-portal .reactivated-modal .modal-container {
    padding: 25px 0;
    position: relative
}
@media (max-width: 1024px) {
    #members-portal .reactivated-modal .modal-container {
        border-top: none;
        margin-bottom: 30px;
        padding: 0 13px
    }
}
#members-portal .reactivated-modal .modal-title {
    width: 300px
}
#members-portal .reactivated-modal .title-1.text--bold {
    text-align: left
}
#members-portal .reactivated-modal .subtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left
}
@media (max-width: 1024px) {
    #members-portal .reactivated-modal .subtitle {
        font-weight: bold
    }
}
#members-portal .reactivated-modal p {
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-align: left
}
#members-portal .reactivated-modal .close.x {
    position: absolute;
    top: -19px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit
}
@media (max-width: 1024px) {
    #members-portal .reactivated-modal .close.x {
        top: -41px
    }
}
#members-portal .reactivated-modal .modal-body {
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222
}
@media (max-width: 1024px) {
    #members-portal .reactivated-modal .modal-body {
        border: none
    }
}
#members-portal #confirmationDialog img {
    margin-bottom: 10px
}
#members-portal #confirmationDialog .modal-body,
#members-portal #confirmationDialog .modal-footer {
    padding: 15px;
    margin: 0 auto
}
#members-portal #confirmationDialog .modal-container {
    width: 500px;
    max-width: 100%;
    font-size: 16px;
    border-top: 2px solid #222222;
    border-bottom: 2px solid #222222;
    padding: 25px 0;
    position: relative
}
#members-portal #confirmationDialog .modal-body {
    font-size: 16px
}
#members-portal #confirmationDialog .modal-footer {
    text-align: left;
    margin-top: 10px
}
#members-portal #confirmationDialog .modal-footer .btn {
    display: inline-block;
    width: 62px;
    height: 31px;
    padding: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px
}
#members-portal #confirmationDialog .close.x {
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0 !important
}
@media (max-width: 768px) {
    #members-portal .modal-title {
        margin: 0 0 30px 0
    }
    #members-portal .checkbox.checkbox-warning label {
        text-align: left;
        width: 430px;
        max-width: 100%
    }
    #members-portal .confirm-prescription-change-modal .modal-content {
        padding: 0
    }
}
.checkbox__heading,
.radio__heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 180.9%;
    letter-spacing: 0.05em;
    text-transform: uppercase
}
.checkbox__subtitle,
.radio__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 154.9%;
    letter-spacing: 0.06em;
    color: #222222;
    flex: 1 1 100%;
    margin-left: 52px
}
.checkbox--bold,
.radio--bold {
    font-weight: 700
}
.checkbox__input,
.radio__input {
    opacity: 0;
    position: absolute
}
.checkbox__label,
.radio__label {
    position: relative;
    display: flex;
    align-items: center
}
.checkbox__input,
.checkbox__label,
.radio__input,
.radio__label {
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}
.checkbox__input + .checkbox__label:before,
.radio__input + .checkbox__label:before,
.checkbox__input + .radio__label:before,
.radio__input + .radio__label:before {
    background: #fff;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-right: 26px;
    text-align: center;
    content: "";
    border-radius: 50%;
    border: 1px solid #222
}
.checkbox__input:checked + .checkbox__label:before,
.radio__input:checked + .checkbox__label:before,
.checkbox__input:checked + .radio__label:before,
.radio__input:checked + .radio__label:before {
    content: "";
    background: #3198F6;
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-position: 5.5px 7px;
    color: #ffffff;
    border: none
}
.radio__label,
.checkbox__label {
    width: 100%;
    max-width: 100%;
    align-items: flex-start
}
.radio__label span,
.checkbox__label span {
    flex-basis: 406px
}
.radio__input + .radio__label:before,
.checkbox__input + .radio__label:before,
.radio__input + .checkbox__label:before,
.checkbox__input + .checkbox__label:before {
    margin-right: 17px;
    border-radius: 0;
    margin-top: 0;
    flex: 0 0 24px
}
.select__container {
    width: 320px;
    max-width: 100%;
    position: relative
}
.select__input {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: white;
    padding: 13px 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #222;
    border: 2px solid #222;
    line-height: 145.9%;
    letter-spacing: 0.05em
}
.select__input::-ms-expand {
    display: none
}
.select__icon {
    position: absolute;
    top: 25%;
    right: 20px;
    pointer-events: none;
    padding-left: 5px;
    transition: background-color 0.3s ease, border-color 0.3s ease
}
.modal-content {
    background: #F9F7ED !important;
    height: 100vh;
    width: 100%
}
.fullscreen {
    padding-right: 0 !important;
    padding-left: 0 !important
}
.fullscreen .modal-content {
    width: 100%;
    height: 100vh;
    transform: translateY(0);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 1
}
.fullscreen .modal-body {
    overflow: visible !important
}
.fullscreen .modal-body .text-center {
    margin: 0 auto
}
.fullscreen button.x.close {
    display: none
}
.fullscreen .modal-header .x.close {
    position: absolute;
    right: 10px;
    top: 5px;
    margin: 0
}
.fullscreen .modal-title {
    font-family: "Saol Text" !important;
    font-style: normal;
    font-weight: bold;
    font-size: 34px !important;
    line-height: 41px;
    width: 235px;
    margin: 0 auto 14px
}
.fullscreen .modal-body {
    font-family: Montserrat, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 238%;
    letter-spacing: 0.05em;
    max-width: 95%;
    width: 620px
}
.fullscreen .modal-body .subtitle.name_change {
    text-align: center
}
.fullscreen .modal-body .subtitle.name_change .link {
    white-space: nowrap !important
}
.fullscreen .btn {
    border-width: 2px;
    width: 100%;
    height: 64px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14.9366px;
    line-height: 146%;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 20px auto 0
}
@media (max-width: 768px) {
    .edit_profile.spree_users.modal-open .modal-content {
        height: 200% !important
    }
}
.modal-backdrop {
    background: transparent
}
@media (min-width: 1024px) {
    .modal-content {
        width: 742px;
        height: 82vh;
        margin: 60px auto 0;
        opacity: 0.97;
        box-shadow: none;
        border: none;
        position: relative;
        top: 50%;
        transform: translateY(9%)
    }
    .modal-content {
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        flex-direction: column
    }
    .modal-backdrop.in {
        opacity: 0.9
    }
    body.edit_profile .modal-content {
        height: 100%
    }
}
.modal-dialog {
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}
.close {
    margin: 25px 30px 0 0;
    opacity: 1 !important
}
.modal-header,
.modal-footer {
    border-bottom: none !important;
    border-top: none !important;
    padding: 0 !important
}
.modal-title {
    font-size: 28px !important;
    font-weight: 500;
    line-height: 146%;
    font-family: Montserrat, sans-serif !important;
    text-align: center
}
@media (max-width: 768px) {
    .modal-title {
        margin: 100px 28px 7px 28px
    }
}
@media (min-width: 768px) {
    .spree_checkout.payment.modal-open .modal-header .x.close {
        margin: -150px 25px 0 0
    }
}
.modal-body {
    padding: 5px !important
}
.edit_profile.spree_users .modal-body .label {
    margin: 0
}
.x.close {
    float: right;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222 !important;
    text-shadow: none !important;
    margin: 30px 25px 0 0
}
#eFooter {
    text-align: center
}
.btn.btn-success.x {
    width: 320px;
    max-width: 100%;
    height: 46px;
    margin: 0 auto;
    padding: 10px 20px
}
#cancelSurveyModal .checkbox-warning input[type="radio"]:indeterminate + label::before,
#subscriptionSurveyModal .checkbox-warning input[type="radio"]:indeterminate + label::before {
    margin-top: 11px
}
#cancelSurveyModal .checkbox label::before,
#cancelSurveyModal .checkbox label::after,
#subscriptionSurveyModal .checkbox label::before,
#subscriptionSurveyModal .checkbox label::after {
    margin-top: 10px
}
#cancelSurveyModal .checkbox-warning input[type="radio"]:indeterminate + label::before,
#subscriptionSurveyModal .checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #fff;
    border-color: unset
}
#cancelSurveyModal div.modal-dialog > div.modal-content,
#subscriptionSurveyModal div.modal-dialog > div.modal-content {
    padding: 1em
}
#cancelSurveyModal div.modal-dialog > div.modal-content .modal-header,
#subscriptionSurveyModal div.modal-dialog > div.modal-content .modal-header {
    font-weight: bold
}
#cancelSurveyModal .close,
#subscriptionSurveyModal .close {
    width: 742px;
    align-items: right;
    text-align: right;
    padding-right: 20px;
    font-size: 30px;
    margin-top: 4px
}
.upload-photo-modal h1 {
    font-family: "Soal Bold";
    margin-top: 22px;
    padding-bottom: 25px;
    text-transform: none !important;
    font-weight: 700;
    font-size: 34px
}
.upload-photo-modal__info {
    width: 322px;
    max-width: 100%;
    margin: 0 auto 35px;
    text-align: center
}
@media (min-width: 1024px) {
    #subscriptionSurveyModal .modal-content {
        height: 100%
    }
}
.custom-close {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    margin: 0;
    position: absolute;
    top: -200px;
    right: -177px
}
@media (max-width: 1024px) {
    .custom-close {
        position: fixed;
        top: 20px;
        right: 20px
    }
}
.custom-close .close-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    margin-right: 10px
}
@media (max-width: 768px) {
    .order-validation-modal br {
        display: none
    }
}
.notification-dot {
    display: inline-block;
    background: #0971D3;
    width: 6px;
    height: 6px;
    border-radius: 50% !important
}
.notification-dot.ml {
    margin-left: 4px
}
.active .notification-dot {
    background: #ffffff
}
#members-portal .member-information__top.order-history-tab .member-information__left {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}
#members-portal .member-information__top.order-history-tab .member-information__left::-webkit-scrollbar {
    display: none
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left .table-container {
        border: none
    }
    #members-portal .member-information__top.order-history-tab .member-information__left .table-responsive {
        border: none !important
    }
    #members-portal .member-information__top.order-history-tab .member-information__left .table,
    #members-portal .member-information__top.order-history-tab .member-information__left tr,
    #members-portal .member-information__top.order-history-tab .member-information__left td {
        border: none !important
    }
}
#members-portal .member-information__top.order-history-tab .member-information__table-header {
    margin-bottom: 10px
}
#members-portal .member-information__top.order-history-tab .member-information__table-header h4 {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    margin: 0;
    width: 105px;
    text-align: center
}
#members-portal .member-information__top.order-history-tab .member-information__table-header h4:first-of-type {
    padding-left: 27px
}
#members-portal .member-information__top.order-history-tab .member-information__table-header h4:last-of-type {
    padding-right: 27px
}
#members-portal .member-information__top.order-history-tab .member-information .table-container {
    border: none
}
#members-portal .member-information__top.order-history-tab .member-information .table-container .table {
    background: transparent
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information .table-container {
        height: 231px
    }
}
#members-portal .member-information__top.order-history-tab .member-information__left {
    max-width: 475px;
    padding-right: 55px;
    margin-right: 0;
    border-right: 1px solid rgba(34, 34, 34, 0.3)
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left {
        padding: 0;
        max-width: 100%
    }
}
#members-portal .member-information__top.order-history-tab .member-information__left-header {
    position: relative;
    margin-bottom: 32px;
    display: flex
}
#members-portal .member-information__top.order-history-tab .member-information__left-header h2 {
    width: 164px;
    margin-right: 23px;
    display: inline-block;
    line-height: 23.36px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left-header h2 {
        min-width: 162px;
        width: 162px;
        flex: 2;
        margin-right: 15px
    }
}
#members-portal .member-information__top.order-history-tab .member-information__left-header p {
    position: absolute;
    top: 0;
    right: -22px;
    width: 171px;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    display: inline-block;
    vertical-align: middle
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left-header p {
        position: relative;
        right: 0;
        display: inline-block;
        width: 150px;
        min-width: 120px
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left-header {
        padding: 0 40px
    }
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container {
    width: 419px !important;
    height: 232px;
    border: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container::-webkit-scrollbar {
    display: none
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table-responsive {
    overflow-x: visible
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table {
    background: #f1f1f1 !important;
    border: none !important
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table a {
    text-decoration: underline
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table thead th {
    text-align: center;
    font-size: 12px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table thead th:first-of-type {
    padding-left: 20px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table thead th:last-of-type {
    padding-right: 20px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table thead th:nth-of-type(2) {
    width: 84px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table tbody {
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left .table-container .table tbody {
        border: none !important
    }
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table td:nth-of-type(2) {
    position: relative;
    min-width: 104px;
    width: 104px;
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table td:nth-of-type(4) {
    position: relative;
    min-width: 60px;
    width: 60px;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table td {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    width: 105px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table td:first-of-type {
    padding-left: 20px
}
#members-portal .member-information__top.order-history-tab .member-information__left .table-container .table td:last-of-type {
    padding-right: 20px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left .table-container .table {
        margin-bottom: 0
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__left .table-container {
        width: 100% !important
    }
}
#members-portal .member-information__top.order-history-tab .member-information__right {
    flex: 1;
    padding-left: 22px
}
#members-portal .member-information__top.order-history-tab .member-information__right h2 {
    margin-bottom: 25px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab .member-information__right {
        padding: 35px 40px 31px;
        background: #fff
    }
}
#members-portal .member-information__top.order-history-tab .member-information__process-date {
    margin-bottom: 25px
}
#members-portal .member-information__top.order-history-tab .member-information__invoice-item,
#members-portal .member-information__top.order-history-tab .member-information__invoice-total {
    display: flex;
    justify-content: space-between
}
#members-portal .member-information__top.order-history-tab .member-information__invoice-item {
    margin-bottom: 25px
}
#members-portal .member-information__top.order-history-tab .member-information__invoice-item:last-of-type {
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(34, 34, 34, 0.3)
}
#members-portal .member-information__top.order-history-tab .member-information__invoice-total {
    padding-top: 15px;
    margin-bottom: 23px
}
#members-portal .member-information__top.order-history-tab .member-information__invoice-description {
    min-width: 203px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.order-history-tab {
        padding-top: 35px;
        padding-bottom: 0
    }
}
.order-summary-modal__img {
    display: block;
    max-width: 542px;
    margin: 70px auto 30px
}
@media (max-width: 768px) {
    .order-summary-modal__img {
        display: none
    }
}
.order-summary-modal .x.custom-close {
    position: fixed;
    top: 10px;
    right: 50px
}
@media (max-width: 768px) {
    .order-summary-modal .x.custom-close {
        top: 0;
        right: 0
    }
}
@media (max-width: 1024px) {
    .order-summary-modal .modal-content {
        padding: 0 !important
    }
}
.order-summary-modal .modal-body {
    width: 100% !important;
    max-width: 100%;
    max-height: 100%
}
.order-summary-modal .btn {
    border-width: 2px;
    width: 100%;
    height: auto;
    margin: 0
}
#members-portal .pause-subscription-modal .title-1,
#members-portal .change-refill-date-modal .title-1,
#members-portal .change-subscription-modal .title-1 {
    text-align: left
}
#members-portal .pause-subscription-modal .btn,
#members-portal .change-refill-date-modal .btn,
#members-portal .change-subscription-modal .btn {
    margin: 0;
    width: 75px;
    height: 30px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    background: #0971D3;
    border: none;
    text-transform: uppercase
}
#members-portal .pause-subscription-modal .modal-body,
#members-portal .change-refill-date-modal .modal-body,
#members-portal .change-subscription-modal .modal-body {
    border-top: 1px solid #222222
}
#members-portal .pause-subscription-modal .modal-body .subtitle,
#members-portal .change-refill-date-modal .modal-body .subtitle,
#members-portal .change-subscription-modal .modal-body .subtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.428571429
}
#members-portal .pause-subscription-modal__close,
#members-portal .change-refill-date-modal__close,
#members-portal .change-subscription-modal__close {
    position: absolute;
    top: 10px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit
}
#members-portal .pause-subscription-modal .divider,
#members-portal .change-refill-date-modal .divider,
#members-portal .change-subscription-modal .divider {
    margin: 25px 0;
    border-bottom: 1px solid #222222
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .divider,
    #members-portal .change-refill-date-modal .divider,
    #members-portal .change-subscription-modal .divider {
        width: 100%
    }
}
#members-portal .pause-subscription-modal .form-actions,
#members-portal .change-refill-date-modal .form-actions,
#members-portal .change-subscription-modal .form-actions {
    padding: 10px 0 40px;
    margin-bottom: 20px
}
#members-portal .pause-subscription-modal img,
#members-portal .change-subscription-modal img {
    margin-bottom: 12px
}
#members-portal .pause-subscription-modal .radio__input + .radio__label,
#members-portal .change-subscription-modal .radio__input + .radio__label {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 125%;
    align-items: center;
    letter-spacing: 0.05em;
    margin-bottom: 15px
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .radio__input + .radio__label,
    #members-portal .change-subscription-modal .radio__input + .radio__label {
        margin-left: 0
    }
}
#members-portal .pause-subscription-modal .modal-body .subtitle,
#members-portal .change-subscription-modal .modal-body .subtitle {
    margin-top: 5px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.428571429
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .modal-body .subtitle,
    #members-portal .change-subscription-modal .modal-body .subtitle {
        font-weight: bold
    }
}
@media (max-width: 768px) {
    #members-portal .pause-subscription-modal .btn,
    #members-portal .change-subscription-modal .btn {
        margin-right: 51px;
        margin-bottom: 37px
    }
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .form-container,
    #members-portal .change-subscription-modal .form-container {
        margin-bottom: 40px
    }
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .divider,
    #members-portal .change-subscription-modal .divider {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .form-actions,
    #members-portal .change-subscription-modal .form-actions {
        border-bottom: none
    }
    #members-portal .pause-subscription-modal .form-actions .hint,
    #members-portal .change-subscription-modal .form-actions .hint {
        display: block;
        width: 160px;
        padding-top: 37px;
        border-top: 1px solid #222222
    }
}
#members-portal .pause-subscription-modal .modal-header,
#members-portal .change-subscription-modal .modal-header {
    display: none
}
#members-portal .pause-subscription-modal .modal-body,
#members-portal .change-subscription-modal .modal-body {
    border-top: 1px solid #222222;
    padding: 25px 5px !important;
    margin: 0 auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}
#members-portal .pause-subscription-modal .modal-body::-webkit-scrollbar,
#members-portal .change-subscription-modal .modal-body::-webkit-scrollbar {
    display: none
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .modal-body,
    #members-portal .change-subscription-modal .modal-body {
        border-top: none;
        border-bottom: none;
        padding: 0 13px !important
    }
    #members-portal .pause-subscription-modal .modal-body img,
    #members-portal .change-subscription-modal .modal-body img {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .modal-body,
    #members-portal .change-subscription-modal .modal-body {
        width: 100% !important
    }
}
#members-portal .pause-subscription-modal .title-1,
#members-portal .change-subscription-modal .title-1 {
    text-align: left
}
@media (max-width: 1024px) {
    #members-portal .pause-subscription-modal .title-1,
    #members-portal .change-subscription-modal .title-1 {
        font-weight: bold;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.05em;
        margin-bottom: 4px
    }
}
#members-portal .pause-subscription-modal .sub-question,
#members-portal .change-subscription-modal .sub-question {
    font-weight: 600;
    font-size: 12px;
    line-height: 145.9%;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 10px
}
@media (max-width: 1024px) {
    #members-portal .change-subscription-modal__close {
        position: absolute;
        line-height: 20px;
        top: 0px
    }
}
#members-portal .change-subscription-modal_close.x,
#members-portal .change-refill-date-modal__close.x {
    line-height: 20px
}
@media (max-width: 768px) {
    #members-portal .change-subscription-modal_close.x,
    #members-portal .change-refill-date-modal__close.x {
        line-height: 44px;
        right: 0px;
        top: 0px
    }
}
#members-portal .prescription-change-modal .btn {
    margin: 0;
    width: 68px;
    height: 30px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    background: #0971D3;
    border: none
}
#members-portal .prescription-change-modal .form-container {
    display: flex;
    padding-bottom: 25px;
    border-bottom: 1px solid #222222;
    margin-bottom: 25px
}
#members-portal .prescription-change-modal .form-container__col:first-of-type {
    flex: 0 0 286px;
    margin-right: 50px
}
#members-portal .prescription-change-modal .form-container__col:last-of-type {
    flex: 2
}
#members-portal .prescription-change-modal .form-container textarea {
    width: 100%;
    height: 227px !important;
    border: 2px solid #222222 !important
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal .form-container {
        border-bottom: 1px solid #222222;
        padding-bottom: 20px;
        margin-bottom: 40px
    }
}
#members-portal .prescription-change-modal .form-actions .hint {
    display: none
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal .form-actions {
        display: flex;
        justify-content: space-between
    }
    #members-portal .prescription-change-modal .form-actions .hint {
        display: block;
        width: 160px
    }
}
#members-portal .prescription-change-modal .modal-header {
    display: none
}
#members-portal .prescription-change-modal .modal-body {
    width: 724px !important;
    border-top: 1px solid #222222;
    padding: 25px 5px !important;
    margin: 0 auto
}
#members-portal .prescription-change-modal .modal-body img {
    margin-bottom: 25px
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal .modal-body {
        border-top: none;
        border-bottom: none;
        padding: 0 13px !important;
        max-width: 300px
    }
    #members-portal .prescription-change-modal .modal-body img {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal .modal-body {
        width: 100% !important
    }
}
#members-portal .prescription-change-modal .title-1 {
    text-align: left
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal .title-1 {
        font-weight: bold;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.05em;
        margin-bottom: 4px
    }
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal__textarea {
        height: 308px !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important
    }
}
#members-portal .prescription-change-modal #submit_comment {
    width: 62px;
    height: 31px;
    padding: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px
}
#members-portal .prescription-change-modal label {
    margin-bottom: 14px
}
#members-portal .prescription-change-modal .select__container {
    margin-bottom: 25px
}
#members-portal .prescription-change-modal .select__input {
    padding: 9px !important;
    border: 2px solid #222222 !important
}
#members-portal .prescription-change-modal .select__container,
#members-portal .prescription-change-modal .select__input {
    width: 100%;
    background: transparent !important
}
#members-portal .prescription-change-modal__close {
    position: absolute;
    top: 10px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit
}
@media (max-width: 1024px) {
    #members-portal .prescription-change-modal__close {
        position: fixed;
        font-weight: 300;
        top: 20px;
        right: 20px
    }
}
#members-portal .member-information__top.profile-tab .checkbox__label.mb--regular span {
    flex-basis: 195px
}
#members-portal .member-information__top.profile-tab .link.modal-btn.mobile {
    display: none
}
#members-portal .member-information__top.profile-tab .checkbox__input:disabled {
    display: none
}
#members-portal .member-information__top.profile-tab .checkbox__input + .checkbox__label:before {
    width: 16px;
    height: 16px
}
#members-portal .member-information__top.profile-tab .checkbox__input + .checkbox__label:before {
    flex: 0 0 16px;
    margin-top: 5px
}
#members-portal .member-information__top.profile-tab .checkbox__input:checked + .checkbox__label:before {
    background-position: 1.5px 3px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab {
        padding: 0;
        background: #fff
    }
    #members-portal .member-information__top.profile-tab .link.modal-btn.mobile {
        display: block
    }
    #members-portal .member-information__top.profile-tab > * {
        width: 100%
    }
}
#members-portal .member-information__top.profile-tab .profile-tab {
    display: flex;
    justify-content: space-between
}
#members-portal .member-information__top.profile-tab .profile-tab > *:nth-of-type(1) {
    padding: 0 20px 0 0
}
#members-portal .member-information__top.profile-tab .profile-tab__header {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between
}
#members-portal .member-information__top.profile-tab .profile-tab__image {
    display: flex
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__image {
        flex-direction: column
    }
}
#members-portal .member-information__top.profile-tab .profile-tab__image img {
    flex: 0 0 238px;
    margin-right: 14px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__image img {
        flex: auto;
        margin-right: auto
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__image a {
        width: 100%;
        font-size: 14px !important;
        padding-left: 40px
    }
}
#members-portal .member-information__top.profile-tab .profile-tab__personal-info {
    padding-right: 20px;
    min-width: 300px
}
#members-portal .member-information__top.profile-tab .profile-tab__payment-info {
    padding: 0 15px;
    border-left: 0.5px solid #222222;
    border-right: 0.5px solid #222222;
    min-width: 245px
}
#members-portal .member-information__top.profile-tab .profile-tab__personal-options {
    padding-left: 10px;
    padding-right: 0;
    flex: 0 0 250px
}
#members-portal .member-information__top.profile-tab .profile-tab__personal-options .checkbox__label span {
    font-size: 12px
}
#members-portal .member-information__top.profile-tab .profile-tab__personal-options .modal-btn.link {
    display: block
}
#members-portal .member-information__top.profile-tab .profile-tab__user-id {
    width: 198px;
    height: 129px
}
#members-portal .member-information__top.profile-tab .profile-tab__info-list {
    display: grid;
    grid-template-columns: repeat(2, 126px) 30px
}
#members-portal .member-information__top.profile-tab .profile-tab__sms-optin,
#members-portal .member-information__top.profile-tab .profile-tab__card-list {
    border-bottom: 0.5px solid #222222
}
#members-portal .member-information__top.profile-tab .profile-tab .mb--regular {
    margin-bottom: 25px
}
#members-portal .member-information__top.profile-tab .profile-tab .link {
    display: block
}
#members-portal .member-information__top.profile-tab .profile-tab__info-item .title-4 {
    margin-top: 0
}
#members-portal .member-information__top.profile-tab .profile-tab__info-item.mobile {
    display: none
}
#members-portal .member-information__top.profile-tab .profile-tab__info-item.address {
    grid-column: 1 / 3
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__header {
        padding: 13px 27px 13px 40px;
        margin-bottom: 27px;
        background: #f1f1f1
    }
    #members-portal .member-information__top.profile-tab .profile-tab__user-id {
        padding-left: 40px;
        width: 315px;
        height: 206px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__personal-info {
        padding: 0 0 27px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__personal-info .icon-with-text .icon {
        margin-right: 0
    }
    #members-portal .member-information__top.profile-tab .profile-tab__personal-options {
        flex-basis: 100%;
        padding: 0;
        margin-bottom: 27px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__personal-options .link {
        padding: 0 40px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__payment-info {
        padding: 0
    }
    #members-portal .member-information__top.profile-tab .profile-tab__payment-info .title-4.text--bold.uppercase:not(:first-child),
    #members-portal .member-information__top.profile-tab .profile-tab__payment-info .body.mb--small,
    #members-portal .member-information__top.profile-tab .profile-tab__payment-info .icon-with-text {
        display: none
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-list {
        grid-template-columns: repeat(2, 1fr)
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item {
        width: 174px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.mobile {
        display: block
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.address {
        grid-column: 2 / 2
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.prescription {
        grid-column: 1 / 2
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.prescription h4 {
        text-transform: none;
        margin-bottom: 2px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item:nth-of-type(2) {
        grid-row: 2 / 2
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item .link {
        margin-top: 7px
    }
}
@media (max-width: 1024px) and (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.desktop {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.profile-tab .profile-tab__user,
    #members-portal .member-information__top.profile-tab .profile-tab__card-list,
    #members-portal .member-information__top.profile-tab .profile-tab__info-list,
    #members-portal .member-information__top.profile-tab .profile-tab__sms-optin {
        padding: 0 40px
    }
    #members-portal .member-information__top.profile-tab .profile-tab__sms-optin,
    #members-portal .member-information__top.profile-tab .profile-tab__card-list {
        border-bottom: none
    }
}
@media (max-width: 1024px) and (max-width: 768px) {
    #members-portal .member-information__top.profile-tab .profile-tab__info-list {
        display: inherit
    }
    #members-portal .member-information__top.profile-tab .profile-tab__info-item.address {
        margin: 0 0 21px
    }
}
.step-text {
    color: #222222;
    padding: 10px 0 10px 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em !important;
    line-height: 132%;
    text-transform: uppercase
}
.progress-25 {
    width: 100%;
    height: 8px;
    border: 0px;
    position: relative;
    border: 1px solid #000
}
.progress-25:after {
    content: '\A';
    position: absolute;
    background: #222222;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25%
}
.progress-50 {
    width: 100%;
    height: 8px;
    border: 0px;
    position: relative;
    border: 1px solid #000
}
.progress-50:after {
    content: '\A';
    position: absolute;
    background: #222222;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%
}
.progress-75 {
    width: 100%;
    height: 8px;
    border: 0px;
    position: relative;
    border: 1px solid #000
}
.progress-75:after {
    content: '\A';
    position: absolute;
    background: #222222;
    top: 0;
    bottom: 0;
    left: 0;
    width: 75%
}
.progress-90 {
    width: 100%;
    height: 8px;
    border: 0px;
    position: relative;
    border: 1px solid #000
}
.progress-90:after {
    content: '\A';
    position: absolute;
    background: #222222;
    top: 0;
    bottom: 0;
    left: 0;
    width: 80%
}
.progress-100 {
    width: 100%;
    height: 8px;
    border: 0px;
    position: relative;
    border: 1px solid #000
}
.progress-100:after {
    content: '\A';
    position: absolute;
    background: #222222;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}
.submit {
    border-top: 2px solid #7D763F;
    padding-top: 20px;
    margin: 20px 0 0 0
}
.qa-radio label {
    color: #222222;
    width: 100%;
    padding: 20px 20px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 146%;
    margin: 0;
    letter-spacing: 0.04em !important;
    font-weight: 600
}
.qa-radio label p {
    margin: 0
}
.qa-radio label:hover {
    background-color: #3198F6
}
@media (max-width: 768px) {
    .qa-radio label {
        font-size: 14px !important;
        padding: 12px 20px;
        font-weight: 600
    }
}
@media (max-width: 768px) {
    .qa-radio label:hover {
        background-color: transparent
    }
}
.qa-radio input[type='radio'] {
    display: none
}
.qa-radio input[type="radio"]:checked + label {
    background-color: #3198F6;
    color: #ffffff
}
.reset-confirmation {
    background: #fff;
    margin-top: 6rem;
    padding: 2rem
}
.reset-confirmation__title {
    font-family: Soal Bold, Monteserrat, serif;
    font-size: 3.2rem
}
.reset-confirmation__description {
    font-size: 16px;
    margin: 0 auto;
    max-width: 100%;
    width: 520px;
    margin-bottom: 1rem
}
.reset-confirmation__description span {
    display: block;
    margin: 2rem 0;
    font-weight: bold
}
.reset-confirmation .btn.btn-success {
    margin: 3rem auto 0;
    display: block;
    width: 200px;
    max-width: 100%;
    text-align: center
}
.ribbon {
    z-index: 100;
    width: 96px;
    height: 85px;
    overflow: hidden;
    position: absolute
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid #285e2f
}
.ribbon span {
    position: absolute;
    display: block;
    width: 188px;
    padding: 10px 0;
    background-color: #285e2f;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    font: 700 8px/1 "Lato", sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center
}
.ribbon-top-right {
    top: -10px;
    right: -10px
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent
}
.ribbon-top-right::before {
    top: 0;
    left: 0
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0
}
.ribbon-top-right span {
    left: -37px;
    top: 15px;
    transform: rotate(40deg)
}
.ribbon-popular,
.ribbon-popular-eco {
    width: 22px;
    height: 16px;
    box-sizing: content-box;
    padding-top: 9px;
    position: relative;
    background: #3198F6;
    color: white;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase
}
.ribbon-popular:after,
.ribbon-popular-eco:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent
}
.ribbon-popular:after {
    border-bottom: 11px solid #2f2f2f
}
.ribbon-popular-eco:after {
    border-bottom: 11px solid #F9F7ED
}
.recommended-product:hover > .ribbon-popular:after {
    border-bottom: 11px solid #3198F6
}
.sub-frequency:hover > .ribbon-popular-eco:after {
    border-bottom: 11px solid #3198F6
}
.sub-frequency:hover > .fa-leaf {
    color: #ffffff
}
.sub-frequency:hover > .ribbon-popular-eco {
    background: #222222 !important
}
input[type="radio"]:checked.sf-checkbox + label#recommended-frequency > .ribbon-popular-eco:after {
    border-bottom: 11px solid #3198F6
}
@media (max-width: 768px) {
    .text-center.recommended-product.product-list-item-alternating > .ribbon-popular,
    #recommended-frequency > .ribbon-popular-eco {
        margin-top: -12px
    }
}
@media (min-width: 1024px) {
    .text-center.recommended-product.product-list-item-alternating > .ribbon-popular,
    #recommended-frequency > .ribbon-popular-eco {
        margin-top: -12px
    }
}
input[type="radio"]:checked.sf-checkbox + label > .ribbon-popular-eco,
.ribbon-popular {
    background: #222222
}
.fa-leaf {
    color: #3198F6
}
input[type="radio"]:checked.sf-checkbox + label > .fa-leaf {
    color: #ffffff
}
.sub-frequency:hover,
.fa-leaf:hover {
    color: #ffffff
}
.sms-popup-modal .modal-title {
    font-weight: 700;
    font-size: 34px !important;
    line-height: 41.48px;
    color: #0971D3;
    margin-bottom: 0
}
@media (max-width: 768px) {
    .sms-popup-modal .modal-title {
        margin-bottom: 0 !important
    }
}
.sms-popup-modal .modal-body {
    width: 100%;
    max-width: 100%
}
@media (max-width: 768px) {
    .sms-popup-modal .modal-body {
        max-width: 340px
    }
}
.sms-popup-modal .welcome-title {
    font-family: Saol Text;
    font-weight: bold;
    font-size: 34px;
    line-height: 41.48px;
    text-align: center;
    margin-bottom: 40px
}
.sms-popup-modal .sms-form h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 146%
}
.sms-popup-modal .sms-form h3:first-of-type {
    margin-bottom: 25px
}
.sms-popup-modal .sms-form #referred_from_id {
    width: 100%;
    height: 68px !important;
    font-family: Montserrat;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.04em;
    text-align: left
}
.sms-popup-modal .sms-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''
}
.sms-popup-modal .sms-form .sms_container {
    width: 561px
}
.sms-popup-modal .sms-form .form-group.sms_button {
    margin-bottom: 25px !important
}
@media (max-width: 768px) {
    .sms-popup-modal .sms-form .form-group.sms_button {
        margin-bottom: 33px !important
    }
}
.sms-popup-modal .sms-form .control-label.small {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    width: 536px
}
@media (max-width: 768px) {
    .sms-popup-modal .sms-form .control-label.small {
        padding-top: 33px;
        border-top: 1px solid #616161
    }
}
.sms-popup-modal .sms-form .sms_clicked {
    position: absolute
}
.spinner {
    background: #F9F7ED;
    background-image: url("../images/spinner2.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10
}
@media (max-width: 768px) {
    .user_verifications .spinner {
        margin-left: -33px
    }
}
.user_verifications .id-verification_description {
    position: relative
}
@media (min-width: 768px) {
    .members-portal-id .spinner {
        background: #ffffff;
        background-image: url("../images/spinner2.gif");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50px;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 10
    }
}
.subscription-card {
    width: 320px;
    min-width: 280px;
    max-width: 100%;
    margin: 0 auto 20px;
    cursor: pointer
}
.subscription-card__header {
    background: #dadada;
    padding: 12px;
    position: relative;
    height: 95px
}
@media (min-width: 1200px) {
    .subscription-card__header {
        padding: 12px 22px
    }
}
.subscription-card__title {
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.04em;
    max-width: 220px;
    text-transform: uppercase
}
.subscription-card__subtitle {
    font-size: 14px;
    line-height: 20px;
    max-width: 220px
}
@media (min-width: 1200px) {
    .subscription-card__subtitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 146%;
        max-width: 100%
    }
}
.subscription-card__next-btn {
    width: 82px;
    height: 70px;
    border: 1px solid #f9f7ed;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 9px;
    transition: all 0.2s linear;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: none
}
.subscription-card__next-btn .chevron-right {
    background: #ffffff;
    display: inline-block;
    width: 7px;
    height: 12px;
    vertical-align: middle;
    -webkit-mask: url(../images/chevron-right.svg) no-repeat center;
    mask: url(../images/chevron-right.svg) no-repeat center
}
.subscription-card__next-btn:hover {
    background: #f9f7ed;
    color: #007a37
}
.subscription-card__next-btn:hover .chevron-right {
    background: #007a37
}
@media (min-width: 1200px) {
    .subscription-card__next-btn {
        display: none
    }
}
.subscription-card__svg {
    background-color: #222222;
    display: inline-block;
    width: 14px;
    height: 12px;
    vertical-align: middle;
    -webkit-mask: url(../images/eco_friendly_lg.svg) no-repeat center;
    mask: url(../images/eco_friendly_lg.svg) no-repeat center
}
.subscription-card__content {
    border: 2px solid #dadada;
    padding: 20px 12px 16px
}
.subscription-card__content > * {
    margin-bottom: 25px
}
@media (min-width: 1200px) {
    .subscription-card__content {
        height: 350px;
        display: flex;
        flex-direction: column
    }
}
.subscription-card__information {
    font-weight: 700;
    font-size: 14px;
    width: 220px;
    line-height: 20px
}
@media (min-width: 1200px) {
    .subscription-card__information {
        font-size: 16px
    }
}
.subscription-card__savings--title {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}
@media (min-width: 1200px) {
    .subscription-card__savings--title {
        font-size: 16px
    }
}
.subscription-card__savings--subtitle {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: 0
}
.subscription-card__catchphrase {
    margin: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    opacity: 0.9
}
@media (min-width: 1200px) {
    .subscription-card__catchphrase {
        font-size: 14px;
        line-height: 20px;
        margin-top: auto
    }
}
.subscription-card.active .subscription-card__next-btn {
    display: inline-block
}
@media (min-width: 1200px) {
    .subscription-card.active .subscription-card__next-btn {
        display: none
    }
}
@media (min-width: 1200px) {
    .subscription-card {
        min-height: 90px;
        min-width: 320px
    }
}
.active.subscription-card--eco-type .subscription-card__header {
    color: #ffffff;
    background: #007a37
}
.active.subscription-card--eco-type .subscription-card__svg {
    background-color: #ffffff
}
.active.subscription-card--eco-type .subscription-card__content {
    border: 2px solid #007a37
}
.active.subscription-card--otp-type .subscription-card__header,
.active.subscription-card--monthly-type .subscription-card__header {
    color: #ffffff;
    background: #0971D3
}
.active.subscription-card--otp-type .subscription-card__title,
.active.subscription-card--monthly-type .subscription-card__title {
    color: #ffffff
}
.active.subscription-card--otp-type .subscription-card__svg,
.active.subscription-card--monthly-type .subscription-card__svg {
    background-color: #ffffff
}
.active.subscription-card--otp-type .subscription-card__content,
.active.subscription-card--monthly-type .subscription-card__content {
    border: 2px solid #0971D3
}
@media (min-width: 1200px) {
    .subscription-card--eco-type {
        order: 1
    }
}
.subscription-card--monthly-type .subscription-card__next-btn:hover {
    background: #f9f7ed;
    color: #0971D3
}
.subscription-card--monthly-type .subscription-card__next-btn:hover .chevron-right {
    background: #0971D3
}
@media (min-width: 1200px) {
    .subscription-card--monthly-type {
        margin-top: 30px;
        order: -1
    }
}
.subscription-card--otp-type .subscription-card__title {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 146%;
    letter-spacing: 0.04em;
    color: #222222;
    text-transform: none;
    height: 100%
}
.subscription-card--otp-type .subscription-card__information {
    margin-bottom: 0;
    font-weight: 500;
    width: 200px
}
@media (min-width: 1200px) {
    .subscription-card--otp-type .subscription-card__information {
        font-size: 16px;
        width: 220px
    }
}
.subscription-card--otp-type .subscription-card__next-btn:hover {
    background: #f9f7ed;
    color: #0971D3
}
.subscription-card--otp-type .subscription-card__next-btn:hover .chevron-right {
    background: #0971D3
}
@media (min-width: 1200px) {
    .subscription-card--otp-type {
        margin-top: 30px;
        order: 2
    }
}
.subscription-modal .modal-title {
    width: 320px
}
.subscription-modal .modal-content p {
    width: 475px;
    max-width: 90%
}
.subscription-modal .modal-content span {
    font-weight: bold
}
.subscription-modal .agreement,
.subscription-modal #continue-plan-btn {
    width: 542px
}
@media (max-width: 768px) {
    .subscription-modal .modal-body {
        max-width: 100%;
        width: 360px
    }
}
.subscription-modal #continue-plan-btn {
    margin: 40px auto 0;
    max-width: 100% !important;
    border-width: 2px
}
@media (max-width: 768px) {
    .subscription-modal #continue-plan-btn {
        max-width: 100% !important
    }
}
.subscription-modal .agreement {
    margin: 0 auto;
    margin-bottom: 40px
}
@media (max-width: 768px) {
    .subscription-modal .agreement {
        max-width: 95%
    }
}
.subscription-modal .agreement .checkbox__label {
    margin: 0 10px !important;
    flex-wrap: nowrap
}
.subscription-modal .agreement .checkbox__label span {
    font-weight: 500;
    font-size: 14px;
    line-height: 145.9%;
    text-align: left;
    flex-basis: 490px
}
.subscription-modal .agreement .checkbox__label span a {
    font-weight: bold
}
.subscription-modal .x.close {
    display: none
}
@media (max-width: 768px) {
    .subscription-modal #continue-plan-btn {
        max-width: 100% !important
    }
}
#members-portal .member-information__top.subscription-tab .credits {
    display: inline-block;
    margin-right: 10px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.subscription-tab {
        padding-top: 22px
    }
}
#members-portal .member-information__top.subscription-tab .member-information__left {
    min-width: 350px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top.subscription-tab .member-information__left {
        background: #f1f1f1
    }
    #members-portal .member-information__top.subscription-tab .member-information__right.otp_order {
        display: none
    }
    #members-portal .member-information__top.subscription-tab .member-information__right.regular_order {
        display: none
    }
    #members-portal .member-information__top.subscription-tab .member-information__right .button {
        width: 100%
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__bottom.subscription-tab .button {
        width: 100%
    }
}
#members-portal .member-information__bottom.subscription-tab .member-information__left {
    min-width: 350px
}
@media (max-width: 768px) {
    .question-answer-alternating:not(:first-of-type) {
        margin-top: 12px
    }
}
@media (max-width: 768px) {
    .question-answer:not(:first-of-type) {
        margin-top: 12px
    }
}
.question-answer {
    margin-top: 24px;
    border: 2px solid #222222
}
.question-answer-alternating {
    margin-top: 24px;
    border: 2px solid #222222
}
.question-answer-alternating input[type="checkbox"]:checked + label::after {
    border-color: #3198F6
}
.question-answer-alternating:nth-child(odd) {
    background-color: rgba(34, 34, 34, 0.05)
}
.question-answer-alternating:last-child {
    margin-bottom: 0px
}
@media (max-width: 768px) {
    .question-answer-alternating {
        width: 100%
    }
}
.commentable-field {
    padding: 24px;
    border: 1px solid #7D763F;
    background: #4F4C30
}
.commentable-field .commentable-question {
    font-weight: 400;
    font-size: 14px
}
.commentable-field textarea {
    border: 2px solid #7D763F !important;
    resize: none;
    padding: 0px;
    background: #222222 !important
}
.qa-text textarea {
    resize: none
}
.question-answer.qa-radio > .commentable + label {
    background-color: rgba(34, 34, 34, 0.05)
}
.question-answer.qa-radio > .commentable + label:hover {
    background-color: #3198F6
}
.new.spree_user_sessions .modal-content,
.medical_surveys .modal-content,
.session-timeout-modal .modal-content {
    opacity: 2;
    width: 100%
}
@media (min-width: 1200px) {
    .new.spree_user_sessions .modal-content,
    .medical_surveys .modal-content,
    .session-timeout-modal .modal-content {
        width: 760px
    }
}
.new.spree_user_sessions .modal-body,
.medical_surveys .modal-body,
.session-timeout-modal .modal-body {
    overflow: visible !important
}
.new.spree_user_sessions .modal-title,
.medical_surveys .modal-title,
.session-timeout-modal .modal-title {
    font-family: Soal Bold !important;
    font-size: 34px;
    margin-bottom: 15px;
    line-height: 122%;
    text-align: center
}
.new.spree_user_sessions .modal-footer,
.medical_surveys .modal-footer,
.session-timeout-modal .modal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.new.spree_user_sessions .modal-footer > .btn,
.medical_surveys .modal-footer > .btn,
.session-timeout-modal .modal-footer > .btn {
    width: 320px;
    max-width: 100%;
    margin: 0 0 20px
}
.new.spree_user_sessions .modal-footer .sign-out,
.medical_surveys .modal-footer .sign-out,
.session-timeout-modal .modal-footer .sign-out {
    background: #ffffff;
    color: #3198F6 !important
}
.new.spree_user_sessions .modal-footer .sign-out:hover,
.medical_surveys .modal-footer .sign-out:hover,
.session-timeout-modal .modal-footer .sign-out:hover {
    color: #ffffff !important
}
.new.spree_user_sessions .modal-footer .sign-out:focus,
.medical_surveys .modal-footer .sign-out:focus,
.session-timeout-modal .modal-footer .sign-out:focus {
    color: #ffffff !important
}
.new.spree_user_sessions .session-timeout,
.medical_surveys .session-timeout,
.session-timeout-modal .session-timeout {
    width: 320px;
    max-width: 100%;
    margin: 0 auto
}
.new.spree_user_sessions .session-timeout__text,
.medical_surveys .session-timeout__text,
.session-timeout-modal .session-timeout__text {
    margin-bottom: 25px;
    font-weight: 500;
    text-align: center;
    font-size: 16px
}
.new.spree_user_sessions .session-timeout__text strong,
.medical_surveys .session-timeout__text strong,
.session-timeout-modal .session-timeout__text strong {
    font-weight: bold
}
.session-timeout-modal .x.close {
    margin: -165px -250px
}
@media (max-width: 768px) {
    .session-timeout-modal .x.close {
        margin: 0px 25px !important
    }
}
.custom-close {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    margin: 0;
    position: absolute;
    top: -200px;
    right: -177px
}
@media (max-width: 1024px) {
    .custom-close {
        position: fixed;
        top: 20px;
        right: 20px
    }
}
.custom-close .close-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    margin-right: 10px
}
.modal-header .x.close {
    display: none
}
.qa-tooltip-icon {
    position: absolute;
    right: -12px
}
.qa-tooltip-icon:before {
    content: "?";
    display: inline-block;
    border: 2px solid #222;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #222222;
    color: #ffffff
}
.medical_surveys .modal-content {
    width: 100%
}
@media (min-width: 1024px) {
    .medical_surveys .modal-content {
        width: 744px
    }
}
.medical_surveys .tooltip-header {
    font-family: Soal Bold !important;
    font-size: 34px;
    font-weight: bold;
    line-height: 122%;
    text-align: center;
    color: #222222;
    margin-bottom: 10px
}
.medical_surveys .tooltip-text {
    text-align: center;
    max-width: 100%;
    width: 320px;
    margin: 0 auto;
    padding-top: 68px
}
.medical_surveys .tooltip-text p {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    color: #222222;
    margin: 0 0 25px 0
}
.medical_surveys .tooltip-text .tooltip-header {
    font-family: Saol Bold;
    font-weight: 700;
    display: block;
    font-size: 34px;
    margin-bottom: 7px;
    line-height: 122%;
    text-align: center
}
@media (min-width: 768px) {
    .medical_surveys .tooltip-text {
        padding-top: 24px
    }
}
.medical_surveys .tooltip-information-i {
    margin-bottom: 28px
}
@media (min-width: 1200px) {
    .medical_surveys .modal-footer .btn {
        height: 68px
    }
}
#cart-page.member-portal {
    max-width: 542px;
    margin: 0 auto
}
#cart-page .dialog-container {
    width: 703px;
    max-width: 100%;
    margin: 60px auto 0 !important;
    padding-top: 46px
}
@media (max-width: 768px) {
    #cart-page .dialog-container {
        margin-top: 0 !important;
        padding-top: 24px
    }
}
#cart-page .dialog-content {
    margin-top: 0
}
#cart-page .spinner {
    background: #F9F7ED;
    background-image: url("../images/spinner2.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10
}
#cart-page .cart-order-details,
#cart-page #line-items,
#cart-page #dosage,
#cart-page #packs {
    position: relative
}
#cart-page #line-items {
    border: 1px solid rgba(34, 34, 34, 0.5);
    padding: 22px;
    width: 100%;
    order: 3
}
@media (max-width: 768px) {
    #cart-page #line-items {
        border: none;
        padding: 0;
        min-height: 200px;
        order: 4
    }
}
#cart-page #dosage {
    flex: 1
}
#cart-page #packs {
    flex: 1
}
#cart-page #cart-body {
    width: 542px
}
#cart-page #price-adjustments {
    order: 3
}
#cart-page #price-adjustments strong {
    font-weight: 600
}
#cart-page .cart-header {
    margin: 0 auto
}
@media (max-width: 768px) {
    #cart-page .cart-header {
        width: 100%;
        max-width: 100%;
        text-align: center
    }
}
#cart-page .cart-header__img {
    display: none
}
@media (max-width: 768px) {
    #cart-page .cart-header__img {
        display: block;
        width: 100%;
        max-width: 382px;
        margin: 0 auto 20px
    }
}
#cart-page .cart-header__title {
    font-weight: 500;
    font-size: 28px !important;
    line-height: 145.9%;
    text-align: center;
    margin-bottom: 24px !important
}
@media (max-width: 768px) {
    #cart-page .cart-header__title {
        margin-top: 30px !important;
        font-weight: 600;
        font-size: 14px !important;
        line-height: 18px;
        letter-spacing: 0.02em;
        text-decoration-line: underline;
        text-transform: uppercase;
        margin-top: 0px !important;
        margin-bottom: 20px !important
    }
}
#cart-page .form-update-btn.inactive {
    pointer-events: none;
    border-color: #ccc;
    opacity: 0.5
}
#cart-page .cart-order__item {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(34, 34, 34, 0.5);
    padding: 20px 30px
}
#cart-page .cart-order__item-popular,
#cart-page .cart-order__item-packs,
#cart-page .cart-order__item-quantity {
    letter-spacing: 0.05em
}
#cart-page .cart-order__item-popular,
#cart-page .cart-order__item-packs {
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
    color: #000000;
    margin: 0
}
#cart-page .cart-order__item-popular {
    font-weight: 500
}
#cart-page .cart-order__item-packs {
    font-weight: bold
}
#cart-page .cart-order__item-packs span {
    font-weight: normal !important;
    text-transform: none
}
#cart-page .cart-order__item-quantity {
    margin-top: -6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222
}
#cart-page .cart-order__item span {
    font-weight: 700
}
#cart-page .cart-order__item-description {
    margin-top: -6px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.06em;
    font-weight: 500;
    color: #222222
}
#cart-page .cart-order__item-description strong {
    font-weight: bold
}
#cart-page .cart-order__item-icons {
    width: 90px
}
#cart-page .cart-order__item-icons img:first-of-type {
    margin-right: 20px
}
#cart-page .cart-order__item-icons img {
    width: 24px
}
#cart-page .cart-order__item-icons img:hover {
    cursor: pointer;
    opacity: 0.8
}
#cart-page .cart-order__item-icons img.inactive {
    opacity: 0.3;
    pointer-events: none
}
#cart-page .cart-order__item-icons img.inactive:hover {
    cursor: default
}
#cart-page .cart-order-details {
    display: flex;
    flex-direction: column
}
@media (max-width: 768px) {
    #cart-page .cart-order-details {
        margin-bottom: 24px
    }
}
#cart-page .cart-order--mobile {
    display: none;
    position: relative
}
@media (max-width: 768px) {
    #cart-page .cart-order {
        display: none
    }
    #cart-page .cart-order--mobile {
        display: block;
        order: 2;
        margin: 0 0 32px
    }
    #cart-page .cart-order--mobile > select:first-of-type {
        margin-bottom: 20px
    }
    #cart-page .cart-order--mobile > * {
        width: 100%
    }
}
@media (max-width: 768px) {
    #cart-page .total.cart-item {
        border-bottom: 1px solid rgba(34, 34, 34, 0.5);
        padding: 0 25px
    }
    #cart-page #cart-order-total .total.cart-item:first-of-type {
        border-bottom: none
    }
}
#cart-page #subtotal,
#cart-page #shipping_total #cart-order_total,
#cart-page .total.cart-item {
    height: 20px;
    margin-bottom: 12px
}
@media (max-width: 768px) {
    #cart-page #subtotal,
    #cart-page #shipping_total #cart-order_total,
    #cart-page .total.cart-item {
        height: auto;
        margin-bottom: 0
    }
}
#cart-page #subtotal {
    order: 0
}
#cart-page #shipping_total {
    order: 2
}
#cart-page #shipping_discount {
    order: 4
}
#cart-page #adjustments-negative {
    order: 5
}
#cart-page #adjustments-positive {
    order: 1
}
#cart-page #subtotal-consultation {
    order: 3
}
#cart-page #free-consultation {
    order: 6
}
#cart-page #store-credits {
    order: 7
}
#cart-page #cart-order-total {
    order: 8;
    border-bottom: none
}
#cart-page .cart-item.warning.total.cart_total {
    margin-bottom: 0
}
#cart-page .cart-item {
    display: flex;
    justify-content: space-between;
    padding: 0
}
#cart-page .cart-item-label {
    margin-bottom: 0
}
#cart-page .cart-item p {
    margin-bottom: 8px
}
@media (max-width: 768px) {
    #cart-page .cart-item {
        margin: 8px 0 0
    }
    #cart-page .cart-item-label {
        margin-bottom: 8px
    }
}
#cart-page .cart_total .cart-item-label,
#cart-page #cart_order_total {
    font-weight: 700;
    font-size: 16px;
    color: #222
}
#cart-page .cart_subtotal .cart-item-label,
#cart-page .cart_subtotal .total {
    font-weight: 700;
    font-size: 15px;
    color: #222
}
#cart-page .total {
    font-size: 14px;
    font-weight: 600
}
#cart-page h1 {
    padding-top: 32px;
    font-weight: 500
}
#cart-page h1:before,
#cart-page h1:after {
    display: none
}
#cart-page p.cart-checkout-note {
    text-align: center;
    margin-top: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em
}
#cart-page p.cart-checkout-note strong {
    font-weight: bold
}
@media (max-width: 768px) {
    #cart-page p.cart-checkout-note {
        margin-top: 24px
    }
}
#cart-page .cart-edit-button {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #0971D3;
    background: transparent
}
#cart-page .cart-edit-button:hover {
    color: #60B9FF
}
#cart-page .coupon-btn {
    background: transparent;
    border: 2px solid #222222;
    font-weight: 600;
    font-size: 16px;
    line-height: 146%;
    min-height: 100%;
    text-align: center;
    letter-spacing: 0.04em
}
#cart-page .coupon-btn:hover,
#cart-page .coupon-btn:focus {
    background: #0971D3 !important;
    border-color: #0971D3;
    color: #fff
}
@media (max-width: 768px) {
    #cart-page .coupon-btn {
        height: 48px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.05em
    }
}
#cart-page .cart-payment {
    order: 6;
    height: 54px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 40px
}
#cart-page .cart-payment .btn.btn-outlined {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-weight: 500;
    font-size: 16px;
    width: 80px;
    color: #222222;
    border: 1px solid #222222 !important;
    margin-right: 7px;
    text-transform: uppercase
}
#cart-page .cart-payment .btn.btn-outlined:hover {
    background: #60B9FF;
    border: 2px solid #60B9FF !important;
    color: #ffffff
}
#cart-page .cart-payment__button {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: transparent;
    background-color: #0971D3;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    flex: 1
}
#cart-page .cart-payment__button:hover {
    color: white;
    background: #60B9FF !important
}
@media (max-width: 768px) {
    #cart-page .cart-payment {
        height: 48px;
        margin-top: 0;
        margin-bottom: 0
    }
}
#cart-page .promo-add {
    display: block;
    color: #0971d3;
    font-weight: 600;
    font-size: 14px;
    line-height: 145.9%;
    letter-spacing: 0.05em;
    margin: 20px 0;
    user-select: none;
    text-align: left
}
#cart-page .promo-add:hover {
    opacity: 0.8;
    cursor: pointer
}
@media (max-width: 768px) {
    #cart-page .promo-add {
        order: 4;
        margin: 0 0 30px
    }
}
#cart-page .promo-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #222222;
    margin-top: 20px;
    text-transform: uppercase
}
@media (max-width: 768px) {
    #cart-page .promo-label {
        margin-top: 0px
    }
}
#cart-page .promo-container {
    display: flex;
    align-items: stretch;
    height: 68px
}
#cart-page .promo-container #order_coupon_code {
    width: 100%
}
@media (max-width: 768px) {
    #cart-page .promo-container {
        height: 48px
    }
}
#cart-page .promo-input {
    position: relative;
    margin-bottom: 0;
    flex: 2;
    width: 200px;
    height: 100%
}
#cart-page .promo-input input {
    min-height: 100% !important;
    height: 68px;
    border: 1px solid #222222 !important
}
@media (max-width: 768px) {
    #cart-page .promo-input {
        height: 48px
    }
}
#cart-page .promo-btn .button {
    height: 68px;
    min-height: 100%
}
#cart-page .promo-applied-success {
    position: absolute;
    right: 30px;
    top: 22px
}
@media (max-width: 768px) {
    #cart-page .promo-applied-success {
        top: 12px;
        right: 15px
    }
}
#cart-page #update-cart.edit_order {
    transition: all 0.2s linear
}
#cart-page #update-cart.edit_order #coupon-code,
#cart-page #update-cart.edit_order .promo-label {
    height: 0;
    margin: 0
}
#cart-page #update-cart.edit_order .hint {
    white-space: nowrap;
    max-width: 200px
}
#cart-page #update-cart.edit_order {
    margin-bottom: 54px;
    visibility: visible;
    margin-bottom: 32px;
    order: 4;
    margin-bottom: 64px
}
#cart-page #update-cart.edit_order #coupon-code,
#cart-page #update-cart.edit_order .promo-label {
    height: auto
}
#cart-page #update-cart.edit_order .promo-label {
    margin: 10px 0
}
#cart-page .one-time-header {
    display: none
}
@media (max-width: 768px) {
    #cart-page .one-time-header {
        display: block;
        padding: 0 !important
    }
}
#cart-page .subscription-options {
    order: 1
}
#cart-page .subscription-options__title {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    line-height: 166%;
    letter-spacing: 0.05em;
    color: #222222
}
#cart-page .subscription-options__title.subscribe-save-header {
    margin-bottom: 15px !important
}
#cart-page .subscription-options__title.one-time {
    display: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options__title {
        font-size: 18px;
        line-height: 146%;
        color: #222222
    }
    #cart-page .subscription-options__title.subscribe-save-header {
        margin-bottom: 20px !important
    }
    #cart-page .subscription-options__title.subscribe-save-header,
    #cart-page .subscription-options__title.one-time {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(34, 34, 34, 0.05);
        height: 48px;
        font-size: 14px !important
    }
    #cart-page .subscription-options__title.subscribe-save-header.hide-mobile,
    #cart-page .subscription-options__title.one-time.hide-mobile {
        display: none
    }
    #cart-page .subscription-options__title:first-of-type {
        font-weight: 600;
        font-size: 14px;
        line-height: 145.9%;
        text-align: center;
        letter-spacing: 0.05em;
        margin-bottom: 20px
    }
    #cart-page .subscription-options__title.eco {
        color: #007a37
    }
}
#cart-page .subscription-options__title + .subscription-options__info {
    margin-bottom: 4px
}
@media (max-width: 768px) {
    #cart-page .subscription-options__title + .subscription-options__info {
        margin-left: 0
    }
}
#cart-page .subscription-options__title:last-of-type {
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 18px;
    line-height: 146%;
    text-align: left
}
#cart-page .subscription-options__selections {
    display: flex
}
@media (max-width: 768px) {
    #cart-page .subscription-options__selections > * {
        width: 100%
    }
}
#cart-page .subscription-options__detail {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-transform: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options__detail {
        display: none
    }
}
#cart-page .subscription-options__discounts {
    width: 100%;
    display: flex;
    margin-bottom: 18px
}
#cart-page .subscription-options__discounts .form-update-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: 700;
    height: 68px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #222222;
    padding: 9px 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    text-transform: uppercase
}
#cart-page .subscription-options__discounts .form-update-btn:first-of-type {
    border-right: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options__discounts .form-update-btn:first-of-type {
        border-right: 1px solid #222222;
        margin-right: 10px
    }
}
#cart-page .subscription-options__discounts .form-update-btn:last-of-type {
    border-left: none
}
#cart-page .subscription-options__discounts .form-update-btn:first-of-type,
#cart-page .subscription-options__discounts .form-update-btn:last-of-type {
    width: 162px
}
@media (max-width: 768px) {
    #cart-page .subscription-options__discounts .form-update-btn:first-of-type,
    #cart-page .subscription-options__discounts .form-update-btn:last-of-type {
        width: 130px
    }
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly {
    flex: 2
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly .subscription-options__detail {
    color: #007a37
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly .subscription-options__detail img {
    vertical-align: top;
    margin-top: 2px
}
@media (max-width: 768px) {
    #cart-page .subscription-options__discounts .form-update-btn#one_time_purchase {
        display: none
    }
}
@media (max-width: 768px) {
    #cart-page .subscription-options__discounts .form-update-btn {
        width: 50%;
        font-weight: bold;
        font-size: 20px;
        line-height: 146%;
        letter-spacing: 0.04em;
        height: 48px
    }
}
#cart-page .subscription-options__discounts input[name="subscription_discount"] {
    display: none
}
#cart-page .subscription-options__discounts .form-update-btn.active {
    background: #0971D3 !important;
    color: #ffffff
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly.active {
    background: green !important;
    color: #ffffff
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly.active .subscription-options__detail {
    color: #ffffff
}
#cart-page .subscription-options__discounts .form-update-btn#sub_freq_quarterly.active .subscription-options__detail img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(316deg) brightness(105%) contrast(103%)
}
#cart-page .subscription-options__discounts .form-update-btn:first-of-type.active {
    border: 1px solid #0971D3
}
#cart-page .subscription-options__discounts .form-update-btn:last-of-type {
    margin-left: -6px
}
#cart-page .subscription-options__discounts .form-update-btn:last-of-type.active {
    border: 1px solid #0971D3
}
@media (max-width: 768px) {
    #cart-page .subscription-options__discounts {
        width: 100%;
        margin-bottom: 18px
    }
}
#cart-page .subscription-options__one-time--mobile,
#cart-page .subscription-options__one-time {
    text-align: right;
    position: relative
}
#cart-page .subscription-options__one-time--mobile .subscription-options__info,
#cart-page .subscription-options__one-time .subscription-options__info {
    position: absolute;
    left: 8px;
    top: 55px;
    width: 205px;
    text-align: left
}
#cart-page .subscription-options__one-time--mobile .btn.btn-transparent.btn-lg,
#cart-page .subscription-options__one-time .btn.btn-transparent.btn-lg {
    background: transparent !important;
    border: 1px solid #222;
    height: 43px !important;
    text-transform: none;
    font-weight: 600;
    padding: 0px 30px !important;
    letter-spacing: 0.04em
}
@media (max-width: 768px) {
    #cart-page .subscription-options__one-time--mobile .btn.btn-transparent.btn-lg,
    #cart-page .subscription-options__one-time .btn.btn-transparent.btn-lg {
        border: 2px solid #222;
        height: 48px !important
    }
}
#cart-page .subscription-options__one-time--mobile .active.btn.btn-transparent.btn-lg,
#cart-page .subscription-options__one-time .active.btn.btn-transparent.btn-lg {
    background: #0971D3 !important;
    color: #fff;
    border: none
}
#cart-page .subscription-options__one-time {
    display: block;
    width: 242px
}
@media (max-width: 768px) {
    #cart-page .subscription-options__one-time {
        display: none
    }
}
#cart-page .subscription-options__one-time--mobile .btn.btn-transparent.btn-lg {
    width: 100%;
    margin-bottom: 20px;
    display: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options__one-time--mobile .btn.btn-transparent.btn-lg {
        display: block
    }
}
#cart-page .subscription-options__info {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em
}
#cart-page .subscription-options__info.otp-body {
    line-height: 22px
}
#cart-page .subscription-options__info.otp-body:first-of-type {
    margin-bottom: 30px
}
@media (max-width: 768px) {
    #cart-page .subscription-options__info {
        width: 200px;
        margin: 0 0 30px 0 !important;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px
    }
}
#cart-page .subscription-options ul {
    padding-left: 15px;
    margin-bottom: 0
}
#cart-page .subscription-options ul li {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    margin-bottom: 5px
}
#cart-page .subscription-options ul li .desktop {
    display: block
}
@media (max-width: 768px) {
    #cart-page .subscription-options ul li .desktop {
        display: none
    }
}
#cart-page .subscription-options ul li .mobile {
    display: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options ul li .mobile {
        display: block
    }
}
#cart-page .subscription-options ul li .cancel-instructions {
    font-weight: 600;
    color: #0971D3
}
#cart-page .subscription-options ul li:last-of-type {
    font-weight: 500;
    list-style: none
}
@media (max-width: 768px) {
    #cart-page .subscription-options ul li {
        font-weight: 500;
        margin-bottom: 30px
    }
    #cart-page .subscription-options ul li .dash {
        display: none
    }
    #cart-page .subscription-options ul li .savings {
        font-weight: 700;
        font-size: 16px;
        display: block;
        margin-top: 5px
    }
}
@media (max-width: 768px) {
    #cart-page .subscription-options ul {
        list-style: none;
        padding-left: 0
    }
}
#cart-page .cart-exit-message {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #222222;
    text-align: center;
    margin: 0px 0 32px 0
}
#cart-page .cart-exit-message strong {
    font-weight: bold
}
#cart-page #coupon_status.alert-error {
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #d51111;
    background: transparent;
    text-align: left
}
#cart-page #apply_coupon {
    text-transform: none
}
#cart-page .order-subscription__mobile .one-time-header .subscription-options__body {
    margin-right: 25px;
    margin-left: 25px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.05em
}
#cart-page .order-subscription__mobile .one-time-header .subscription-options__body:first-of-type {
    margin-top: 18px;
    margin-bottom: 18px
}
#cart-page .order-subscription__mobile .one-time-header .subscription-options__body:last-of-type {
    margin-bottom: 18px
}
@media (max-width: 768px) {
    #cart-page .order-subscription__mobile {
        padding: 0 0 24px;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 2px solid #222
    }
    #cart-page .order-subscription__mobile > * {
        padding: 0 25px
    }
}
#cart-page .subscribe-btn {
    display: none;
    width: 100%;
    background: transparent !important;
    border: 1px solid #222;
    height: 43px !important;
    text-transform: none;
    font-weight: 600;
    padding: 0px 30px !important;
    letter-spacing: 0.04em;
    margin-top: 24px;
    border: 2px solid #222;
    height: 48px !important
}
@media (max-width: 768px) {
    #cart-page .subscribe-btn {
        display: block
    }
}
@media (max-width: 768px) {
    #cart-page .hide-mobile {
        display: none
    }
}
.custom-select {
    position: relative;
    width: 100%;
    border: 2px solid #222222;
    cursor: pointer;
    position: relative;
    height: 65px;
    box-sizing: content-box
}
.custom-select:first-of-type {
    margin-bottom: 20px
}
.custom-select::after {
    content: "";
    position: absolute;
    background-image: url("../images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: 265px 30px;
    top: 0;
    width: 100%;
    height: 100%
}
.custom-select.disabled {
    pointer-events: none;
    border-color: #ccc;
    color: #ccc
}
.custom-select .custom-selected,
.custom-select .option {
    background: #ffffff
}
.custom-select .custom-selected:hover,
.custom-select .option:hover {
    background: #0971D3;
    color: #fff
}
.custom-select .custom-selected span:first-of-type,
.custom-select .custom-selected strong,
.custom-select .option span:first-of-type,
.custom-select .option strong {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.05em;
    display: block;
    line-height: 1
}
.custom-select .custom-selected span:last-of-type,
.custom-select .custom-selected .quantity-helper-text,
.custom-select .option span:last-of-type,
.custom-select .option .quantity-helper-text {
    font-size: 14px;
    line-height: 145.9%;
    letter-spacing: 0.05em
}
.custom-select .custom-selected strong,
.custom-select .option strong {
    margin-bottom: 10px
}
.custom-select .option {
    box-sizing: content-box;
    padding: 13px 20px;
    border-left: 2px solid #222222;
    border-right: 2px solid #222222;
    border-bottom: 1px solid rgba(34, 34, 34, 0.5)
}
.custom-select .option:first-of-type {
    border-top: 2px solid #222222;
    margin-top: 5px
}
.custom-select .option:last-of-type {
    border-bottom: 2px solid #222222
}
.custom-select .custom-selected {
    padding: 13px 20px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.custom-select .options {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 67px;
    left: 0;
    z-index: 20;
    display: none
}
.custom-select .options.shown {
    display: block
}
.cart-arrows {
    position: relative;
    padding-bottom: 0
}
.cart-arrows .left-arrow-default,
.cart-arrows .right-arrow-default {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto
}
.cart-arrows .left-arrow-default {
    margin-right: 15px
}
.cart-arrows .right-arrow-default {
    margin-left: 15px
}
@media (max-width: 768px) {
    .cart-arrows {
        background: #ffffff;
        order: 4
    }
}
@media (min-width: 768px) {
    #cart-page .cart-order-summary {
        text-align: center
    }
    #cart-page .cart-payment-button {
        font-size: 16px;
        line-height: 146%;
        letter-spacing: 0.04em;
        padding: 16px 20px;
        min-height: 54px
    }
}
@media (min-width: 1024px) {
    #cart-page #line-items,
    #cart-page .cart-order {
        width: 100%;
        justify-content: center
    }
    #cart-page #line-items-dosage,
    #cart-page .cart-order-dosage {
        flex: 35%
    }
}
@media (max-width: 768px) {
    #cart-body {
        max-width: 340px;
        min-width: 280px;
        margin: 0 auto
    }
    #cart-page .table > tfoot > tr > td {
        padding: 8px
    }
    #cart-page th.taxon_name {
        font-size: 18px
    }
    #cart-page .coupon-btn {
        padding: 12px
    }
}
#members-portal .hint,
#cart-page .hint {
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 18px;
    letter-spacing: 0.05em;
    margin-top: 5px
}
@media (max-width: 768px) {
    #members-portal .hint,
    #cart-page .hint {
        width: 230px !important;
        max-width: 230px !important
    }
}
@media (max-width: 768px) {
    #checkout-page .dialog-container {
        padding: 0 38px
    }
    #checkout-page .dialog-content {
        margin: 0
    }
    #checkout-page .clearfix > p.field {
        width: 108%;
        margin-left: -15px;
        margin-right: -15px
    }
    #checkout-page div.inner:nth-child(1) > div.form-group {
        width: 108%;
        margin: 0 -15px
    }
    .global_footer {
        background-color: #F9F7ED
    }
}
#checkout-page h1 {
    font-size: 28px;
    line-height: 146%;
    font-weight: 500;
    margin: 20px 0 -16px
}
#checkout-page .dialog-content > h1:nth-child(2),
#checkout-page h1.checkout-order-summary {
    font-size: 28px;
    margin-top: 20px;
    text-align: center;
    font-weight: lighter;
    text-transform: none
}
#checkout-page h1.checkout-order-summary {
    margin-top: 0;
    margin-bottom: 20px
}
#checkout-page .checkout-form-submit-btn {
    margin-top: 32px
}
#checkout-page .form-group {
    margin-bottom: 0
}
#checkout-page p {
    margin: 0
}
#checkout-page .po_box {
    margin: 2px 0 0 -13px
}
@media (min-width: 1024px) {
    #checkout-page .po_box {
        margin-left: 0
    }
}
#checkout-page .po_box > span {
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-right: 2px
}
#checkout-page #baddress2 {
    margin: 0
}
#checkout-page .form-group > label {
    margin-top: 20px
}
#checkout-page .field > label {
    margin-top: 20px
}
#checkout-page .payment-information {
    text-align: center;
    padding-top: 24px;
    font-size: 22px;
    font-weight: 500;
    line-height: 146%
}
#checkout-page .checkout_buttons {
    display: flex
}
@media (max-width: 768px) {
    #checkout-page .checkout_buttons {
        margin: 0 -15px
    }
}
#checkout-page .btn-warning {
    margin: 32px 7px 32px 0;
    background-color: transparent;
    color: #222222 !important;
    border: 2px solid #222222 !important;
    width: 80px;
    padding: 15px
}
#checkout-page .btn-warning:hover {
    color: #fff !important;
    background-color: #3198F6;
    border-color: transparent !important
}
#checkout-page .btn-lg {
    font-size: 14px;
    font-weight: 500;
    line-height: 146%;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 12px 20px;
    margin-bottom: 32px
}
#checkout-page .arrows {
    padding: 0
}
@media (min-width: 768px) {
    #checkout-page .btn-lg {
        font-size: 16px;
        padding: 15px 20px;
        min-height: 54px
    }
    #checkout-page h1 {
        margin: 0
    }
    #checkout-page .form-group > label {
        margin-top: 24px
    }
}
.biography .alert.alert-notice {
    background: #f9f7ed !important;
    color: #292929 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 238%;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: none;
    border: none;
    padding: 0 15px
}
.biography .dialog-container {
    margin: 0 !important;
    padding: 20px 28px 0 28px
}
@media (min-width: 1024px) {
    .biography .dialog-container {
        padding: 42px 80px 80px 80px;
        margin-top: 60px !important
    }
}
.biography #doctor_bio_arrows {
    width: 100%;
    margin: 0 auto
}
.biography .doctor-bio-header {
    max-width: 348px;
    min-width: 100%;
    margin: auto;
    font-family: Soal Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 122%;
    text-align: center;
    color: #222222
}
.biography .doctor-thank-you {
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    text-align: center;
    color: #222222;
    margin: 22px 0 9px
}
.biography .doctor-created-picture {
    display: flex;
    justify-content: center;
    margin-top: 16px
}
.biography #doctor-img {
    width: 512px;
    height: 346px
}
@media (max-width: 768px) {
    .biography #doctor-img {
        height: 215px;
        width: 317px
    }
}
.biography .step-text {
    background: #F9F7ED
}
@media (min-width: 768px) {
    .biography .step-text {
        background: #ffffff
    }
}
.biography .doctor_name {
    text-align: center;
    margin-top: 7px
}
.biography .doctor_name #dr {
    font-family: La Luxes Script;
    color: #0971D3;
    font-family: La Luxes Script;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: center
}
.biography .doctor_name #doctor_full_name {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #292929;
    line-height: 131.4%;
    margin-top: 16px
}
.biography .doctor-bio p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    text-align: center;
    color: #222222;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 10px
}
@media (min-width: 1024px) {
    .biography .left-arrow-default,
    .biography .right-arrow-default {
        bottom: 135px
    }
    .biography .left-arrow-default {
        left: 47px
    }
    .biography .right-arrow-default {
        right: 47px
    }
}
.eric .container {
    max-width: 800px
}
.eric .row.row-sm-no-padding {
    padding: 0 28px
}
.eric .doctor-bio-header {
    margin-top: 20px
}
@media (min-width: 768px) {
    .eric .row.row-sm-no-padding {
        margin-top: 60px
    }
    .eric #content {
        background: #F9F7ED;
        padding: 80px 80px 0 80px
    }
    .eric .doctor-bio-header {
        margin: 0
    }
}
@media (max-width: 768px) {
    .ken .global-header,
    .eric .global-header,
    .orders.edit .global-header {
        display: none
    }
}
.medical_survey_start {
    display: flex !important;
    justify-content: center !important;
    margin: 20px 0 32px 0
}
.medical_survey_start .btn-warning {
    background: transparent;
    color: #222222 !important;
    border: 2px solid #222222 !important;
    margin-right: 10px
}
.medical_survey_start .btn-warning:hover {
    background: #3198F6 !important;
    border: none !important;
    color: #ffffff !important
}
.medical_survey_start .btn-success {
    width: 100%
}
@media (min-width: 768px) {
    .medical_survey_start {
        margin: 24px 0 80px 0
    }
}
@media (max-width: 768px) {
    .eric .global_footer {
        border-top: 1px solid #222222
    }
}
.home-page-container {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: solid 2px #222222
}
.home-heading {
    display: block;
    padding-bottom: 60px;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin-top: -20px
}
.home-heading:before,
.home-heading:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin: 0 10px;
    border-top: solid 2px #eee;
    margin-top: -4px
}
.banner-container {
    margin: 0 -15px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}
.banner-container .item {
    width: calc(50% - 20px);
    margin: 12px 10px
}
.banner-container .item a {
    display: block
}
* {
    backface-visibility: hidden
}
@media (max-width: 768px) {
    .home-heading:before,
    .home-heading:after {
        content: "";
        width: 10px;
        margin: 0 5px;
        border-top: solid 2px #eee
    }
    .banner-container .item {
        width: calc(100% - 20px)
    }
    #login .global_footer {
        border-top: 1px solid #222222;
        margin-top: 150px
    }
}
#login .panel-title {
    font-size: 28px;
    font-weight: 500;
    margin: 20px 0 28px 0;
    line-height: 146%
}
#login .panel-body,
#login .panel-heading {
    padding: 0
}
#login .btn {
    margin: 20px 0 32px 0
}
@media (min-width: 768px) {
    #login .panel-title {
        margin: 0 0 20px 0
    }
}
#login input[type="checkbox"]:checked + label,
#signup input[type="checkbox"]:checked + label {
    font-weight: 400;
    color: #000
}
#login input[type="checkbox"]:checked + label:before,
#signup input[type="checkbox"]:checked + label:before {
    border: none
}
#members-portal {
    background: #474747 !important
}
#members-portal h1 {
    padding: 0;
    text-transform: none
}
#members-portal h1::before,
#members-portal h1::after {
    content: none
}
#members-portal p {
    margin: 0
}
#members-portal input[type="text"],
#members-portal input[type="email"],
#members-portal input[type="password"],
#members-portal input[type="tel"],
#members-portal input[type="url"],
#members-portal input[type="search"],
#members-portal input[type="date"],
#members-portal input[type="number"],
#members-portal textarea,
#members-portal select,
#members-portal option {
    background-color: #ffffff !important
}
#members-portal .account_mgmt_navbar.navbar.navbar-default {
    z-index: 30;
    background: #474747 !important;
    margin: 0;
    border-bottom: none
}
#members-portal .account_mgmt_navbar.navbar.navbar-default .container-fluid {
    max-width: 1340px !important
}
#members-portal .account_mgmt_navbar .main-header {
    padding: 70px 0 55px
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header {
        padding: 12px 0 14px
    }
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .rugiet-logo {
        display: none
    }
}
#members-portal .account_mgmt_navbar .main-header .rugiet-logo-mobile {
    width: 158.21px;
    margin: 0 auto;
    margin-top: 13px
}
#members-portal .account_mgmt_navbar .main-header .nav-header-mobile {
    display: none;
    justify-content: space-between
}
#members-portal .account_mgmt_navbar .main-header .nav-header-mobile .title.is-1.lg {
    color: #ffffff
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav-header-mobile {
        display: flex
    }
}
#members-portal .account_mgmt_navbar .main-header .navbar-toggle {
    border: none;
    z-index: 30
}
#members-portal .account_mgmt_navbar .main-header .navbar-toggle:hover,
#members-portal .account_mgmt_navbar .main-header .navbar-toggle:focus {
    background-color: inherit !important
}
#members-portal .account_mgmt_navbar .main-header .navbar-toggle .icon-bar {
    background: #ffffff;
    width: 23px
}
#members-portal .account_mgmt_navbar .main-header .navbar-toggle .icon-bar:not(:last-of-type) {
    margin-bottom: 6px
}
#members-portal .account_mgmt_navbar .main-header .navbar-toggle .collapsed {
    background: inherit
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .navbar-collapse {
        border: none;
        box-shadow: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #474747;
        z-index: 25
    }
    #members-portal .account_mgmt_navbar .main-header .navbar-collapse.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
        height: auto
    }
}
@media (min-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:first-of-type {
        display: none
    }
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li {
        width: 100%
    }
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link {
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 20px;
    border: none;
    position: relative
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link {
        font-size: 25px;
        line-height: 25px;
        padding: 25.2px;
        text-align: center;
        width: 100%;
        text-transform: none
    }
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link:hover {
        color: #E3C343
    }
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link::after,
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .active::after {
    content: "";
    position: absolute;
    height: 2px;
    background: #E3C343
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link::after,
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .active::after {
        content: none
    }
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:nth-of-type(2) .nav-link:hover::after,
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:nth-of-type(2) .active::after {
    left: 21px;
    bottom: 9px;
    width: 74px
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:nth-of-type(1) .nav-link:hover::after,
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:nth-of-type(1) .active::after {
    left: 21px;
    bottom: 9px;
    width: 83px
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right li:nth-of-type(3) .nav-link:hover::after {
    left: 21px;
    bottom: 9px;
    width: 83px
}
@media (max-width: 768px) {
    #members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
@media (min-width: 1024px) {
    #members-portal .account_mgmt_navbar .main-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    #members-portal .account_mgmt_navbar .main-header li:not(:last-of-type) {
        margin-right: 42px
    }
}
#members-portal .account_mgmt_navbar .navbar-default .navbar-collapse,
#members-portal .account_mgmt_navbar .navbar-default .navbar-form {
    border: none
}
#members-portal .semi-bold {
    font-weight: 600
}
#members-portal .italic {
    font-style: italic
}
#members-portal .text--small {
    font-size: 12px !important
}
#members-portal .text--large {
    font-size: 16px
}
#members-portal .text--uppercase {
    text-transform: uppercase
}
#members-portal .text--bold {
    font-weight: 700 !important
}
#members-portal .mb--small {
    margin-bottom: 8px
}
@media (max-width: 1024px) {
    #members-portal .mb--small {
        margin-bottom: 15px
    }
}
#members-portal .mb--regular {
    margin-bottom: 26px
}
@media (max-width: 1024px) {
    #members-portal .mb--regular {
        margin-bottom: 21px
    }
}
#members-portal .mb--large {
    margin-bottom: 34px
}
@media (max-width: 1024px) {
    #members-portal .mb--large {
        margin-bottom: 15px
    }
}
#members-portal .title-1,
#members-portal .title-2,
#members-portal .title-3,
#members-portal .title-4,
#members-portal .body {
    color: #222222
}
#members-portal .title-1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 146%
}
#members-portal .title-2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 146%;
    letter-spacing: 0.05em
}
#members-portal .title-3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 154.9%;
    letter-spacing: 0.06em
}
#members-portal .cancel-account {
    color: #ffffff
}
#members-portal .body {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%
}
#members-portal .body.alt {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}
#members-portal .body-faq {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}
#members-portal .legal {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 5%
}
#members-portal .hint {
    font-weight: 500;
    font-size: 14px;
    width: 608px;
    max-width: 100%
}
#members-portal .commentable-field {
    border: 1px solid #0971D3
}
#members-portal .commentable-field textarea {
    border-top: 1px solid #222222
}
#members-portal .commentable-field textarea ::placeholder {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em
}
#members-portal .commentable-field p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em
}
#members-portal .label {
    font-size: 14px;
    font-weight: 600;
    line-height: 145.9%;
    letter-spacing: 0.05em
}
#members-portal .label .wide {
    font-weight: 500;
    line-height: 173.5%;
    letter-spacing: 0.05em
}
#members-portal .link {
    font-weight: 600;
    font-size: 14px;
    line-height: 146%;
    letter-spacing: 0.04em;
    color: #0971D3;
    text-decoration: none
}
#members-portal .link:hover {
    color: #60b3ff
}
#members-portal .link:focus,
#members-portal .link:active {
    text-decoration-line: underline;
    color: #222222
}
#members-portal .icon-with-text {
    cursor: pointer;
    user-select: none
}
#members-portal .icon-with-text > * {
    display: inline-block
}
#members-portal .icon-with-text .icon {
    margin-right: 13px
}
#members-portal .icon-with-text .icon .request {
    width: 11.2px;
    height: 13.14
}
#members-portal .icon-with-text .icon .eye {
    width: 12.93px;
    height: 8px
}
#members-portal .icon-with-text .icon .pause {
    width: 8px;
    height: 9.91px
}
#members-portal .icon-with-text span {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: #0971D3
}
@media (max-width: 1024px) {
    #members-portal .alert.alert-notice {
        margin-bottom: 0
    }
}
#members-portal .tabs {
    display: flex;
    justify-content: space-between;
    width: 100%
}
#members-portal .tabs .tab {
    display: inline-block
}
@media (max-width: 1024px) {
    #members-portal .tabs {
        display: none
    }
}
#members-portal .tab {
    background: #f1f1f1;
    width: 190px;
    height: 39px;
    border: 1px solid #bcbcbc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    color: #222222;
    text-decoration: none
}
#members-portal .tab__text {
    font-weight: bold;
    font-size: 12px;
    line-height: 146%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
#members-portal .tab:hover {
    background: #dddddd;
    cursor: pointer;
    user-select: none
}
#members-portal .tab:focus,
#members-portal .tab.active {
    background: #0971D3;
    color: #ffffff;
    border: #0971D3
}
#members-portal .button {
    background: #0971D3;
    display: block;
    width: 340px;
    max-width: 100%;
    height: 48px;
    text-align: center;
    line-height: 37px !important;
    font-weight: 600;
    font-size: 16.0312px;
    line-height: 20px;
    color: #ffffff;
    border: none
}
#members-portal .button span:last-of-type {
    display: none
}
#members-portal .button .icon {
    margin-right: 5px;
    vertical-align: middle
}
#members-portal .button.full-page {
    background: #ffffff;
    height: 35px;
    color: #222222;
    width: 100%;
    display: block;
    border-top: 0.5px solid #151515;
    font-weight: 600;
    font-size: 12px;
    line-height: 146%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}
#members-portal .button.full-page:active,
#members-portal .button.full-page:focus {
    background: #0971D3;
    color: #ffffff
}
#members-portal .button:hover {
    background: #60b3ff;
    cursor: pointer
}
#members-portal .button:active,
#members-portal .button:focus {
    background: #ffffff;
    color: #0971D3;
    border: 1.33594px solid #0971D3
}
#members-portal .button:active span:first-of-type,
#members-portal .button:focus span:first-of-type {
    display: none
}
#members-portal .button:active span:last-of-type,
#members-portal .button:focus span:last-of-type {
    display: inline-block
}
#members-portal .grid {
    display: grid;
    justify-content: center
}
@media (max-width: 1024px) {
    #members-portal .grid {
        grid-template-columns: 100%
    }
}
#members-portal .member-information {
    color: #222222;
    min-width: 950px;
    max-width: 950px
}
#members-portal .member-information .mobile-nav {
    align-items: center;
    height: 90px;
    background: #ffffff;
    padding: 0 37px;
    display: none
}
@media (max-width: 1024px) {
    #members-portal .member-information .mobile-nav {
        display: flex
    }
}
#members-portal .member-information .select__container {
    width: 100%
}
#members-portal .member-information .select__container #tabs.select__input {
    color: #0971D3 !important;
    text-transform: uppercase;
    font-weight: bold
}
#members-portal .member-information__content {
    position: relative;
    background: #fdfdfa;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    overflow: hidden
}
#members-portal .member-information__content .spinner {
    background: #F9F7ED;
    background-image: url("../images/spinner2.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10
}
@media (max-width: 1024px) {
    #members-portal .member-information__content {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}
@media (min-width: 1200px) {
    #members-portal .member-information__content {
        max-width: 950px
    }
}
#members-portal .member-information__top,
#members-portal .member-information__bottom {
    display: flex;
    padding: 0 42px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top,
    #members-portal .member-information__bottom {
        padding: 0;
        flex-wrap: wrap
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information__left,
    #members-portal .member-information__right {
        margin-right: 0 !important;
        padding: 0 37px;
        width: 100%
    }
}
#members-portal .member-information__top {
    background: #f1f1f1;
    padding-top: 42px;
    padding-bottom: 33px
}
@media (max-width: 1024px) {
    #members-portal .member-information__top {
        padding-bottom: 22px
    }
}
#members-portal .member-information__bottom {
    padding-top: 33px;
    padding-bottom: 33px
}
@media (max-width: 1024px) {
    #members-portal .member-information__bottom {
        padding-top: 22px;
        padding-bottom: 30px
    }
}
#members-portal .member-information__left {
    margin-right: 90px
}
#members-portal .member-information__mobile-order {
    display: none
}
@media (max-width: 1024px) {
    #members-portal .member-information__mobile-order {
        display: block
    }
    #members-portal .member-information__mobile-order.otp_order {
        display: none
    }
}
@media (max-width: 1024px) {
    #members-portal .member-information {
        min-width: 100%
    }
}
#members-portal .table {
    border-collapse: collapse;
    color: #222222;
    background: #fff !important
}
#members-portal .table tr:nth-child(even) {
    background: #f9f7ed
}
#members-portal .table#line-items td {
    background: #f9f7ed
}
#members-portal .mb-tooltip {
    display: inline-block;
    width: 18.73px;
    height: 18.73px;
    line-height: 18.73px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% !important;
    border: none;
    background: #a3a3a3;
    position: relative;
    color: #fff;
    cursor: pointer
}
#members-portal .mb-tooltip.error::before,
#members-portal .mb-tooltip.question::before {
    font-weight: bold;
    font-size: 12px;
    line-height: 107.4%;
    letter-spacing: 0.02em;
    text-transform: uppercase
}
#members-portal .mb-tooltip.question::before {
    content: "?"
}
#members-portal .mb-tooltip.success {
    background: transparent
}
#members-portal .mb-tooltip.success::before {
    content: url("../images/check-success.svg")
}
#members-portal .mb-tooltip.pending {
    background: transparent;
    line-height: 13px
}
#members-portal .mb-tooltip.pending::before {
    content: url("../images/tooltip-pending.svg");
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase
}
#members-portal .mb-tooltip.pending .mb-tooltip__message {
    height: 60px
}
#members-portal .mb-tooltip.pending .mb-tooltip__text {
    height: 47px
}
#members-portal .mb-tooltip.error {
    background: #D41111;
    line-height: 10.73px
}
#members-portal .mb-tooltip.error .mb-tooltip__message {
    height: 80px
}
#members-portal .mb-tooltip.error .mb-tooltip__text {
    height: 75px
}
#members-portal .mb-tooltip.error.cancel .mb-tooltip__message {
    height: 35px
}
#members-portal .mb-tooltip.error.cancel .mb-tooltip__text {
    height: 24px
}
#members-portal .mb-tooltip.error.cancel::before {
    content: "x"
}
#members-portal .mb-tooltip.error::before {
    content: "!"
}
#members-portal .mb-tooltip.grey {
    background: #8f8f8f
}
#members-portal .mb-tooltip:hover .mb-tooltip__message {
    display: flex
}
#members-portal .mb-tooltip__message {
    display: none;
    width: 185px;
    height: 35px;
    background: #b8b8b5;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -50px;
    top: -50px
}
#members-portal .mb-tooltip__text {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    color: #ffffff;
    width: 175px;
    height: 24px
}
#members-portal .container {
    background: #474747 !important;
    color: #ffffff;
    max-width: 1340px;
    width: 100%;
    margin: 0 auto
}
@media (max-width: 1024px) {
    #members-portal .container {
        padding: 0;
        min-width: 100%
    }
}
@media (max-width: 1024px) {
    #members-portal #content.col-sm-12 {
        padding: 0
    }
}
@media (max-width: 768px) {
    #members-portal .header {
        display: none
    }
}
#members-portal .avatar {
    margin-right: 25px;
    width: 47px;
    height: 47px
}
#members-portal .questionnaire-table th {
    color: #ffffff
}
#members-portal .questionnaire-table tr:nth-child(odd) {
    color: #222222
}
#members-portal .account-info--cancelled {
    max-width: 100%;
    margin: 0 auto;
    padding: 42px 25px 40px;
    text-align: center;
    width: 500px
}
#members-portal .account-info--cancelled .button {
    margin: 0 auto
}
#members-portal .account_management_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0
}
@media (max-width: 768px) {
    #members-portal .account_management_footer {
        flex-direction: column
    }
}
#members-portal .account_management_footer .footer-links {
    text-align: right
}
#members-portal .account_management_footer a {
    font-weight: 500;
    font-size: 12px;
    line-height: 146%;
    letter-spacing: 0.05em;
    color: #fdfdfa;
    text-transform: uppercase;
    opacity: 0.8
}
#members-portal .account_management_footer a:hover {
    text-decoration: underline
}
#members-portal .account_management_footer a:not(:last-of-type) {
    margin-right: 20px
}
#members-portal #cc_fields {
    padding: 20px
}
#members-portal #cc_fields #cc_error {
    margin-top: 4px
}
#members-portal #cc_fields #cc_error img {
    margin-right: 10px
}
.members-portal-progress-bar {
    position: relative;
    height: 43px;
    width: 805px;
    border-radius: 0px;
    background: rgba(241, 241, 241, 0.06);
    display: flex;
    padding: 0 55px;
    align-items: center
}
@media (max-width: 768px) {
    .members-portal-progress-bar {
        height: 102px;
        width: 100%;
        align-items: center;
        padding: 20px 20px
    }
}
@media (max-width: 768px) {
    .member-portal-bar {
        margin-top: 40px
    }
}
.members-portal-progress-bar-location {
    height: 9px;
    width: 716px;
    border-radius: 0px;
    background: rgba(184, 184, 181, 0.15);
    position: absolute
}
@media (max-width: 768px) {
    .members-portal-progress-bar-location {
        width: 311px
    }
}
.members-portal-progress-bar-background {
    height: 9px;
    border-radius: 0px;
    background: rgba(184, 184, 181, 0.15);
    width: 100%
}
.progress-status {
    margin-right: 35px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 8px;
    color: #f1f1f1
}
.progress-status .blue-check-mark {
    display: none
}
.progress-bar-steps,
.refill-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin-top: 21px;
    padding: 0;
    text-align: center
}
.steps {
    position: relative;
    margin-right: 0 !important
}
#step1 .tooltip-inner,
#step2 .tooltip-inner,
#step3 .tooltip-inner,
#step4 .tooltip-inner,
#step5 .tooltip-inner,
#step6 .tooltip-inner,
#step7 .tooltip-inner,
#step8 .tooltip-inner,
#step9 .tooltip-inner {
    background: #b8b8b5;
    min-width: 300px;
    color: #474747;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left
}
@media (max-width: 768px) {
    #step1 .tooltip-inner,
    #step2 .tooltip-inner,
    #step3 .tooltip-inner,
    #step4 .tooltip-inner,
    #step5 .tooltip-inner,
    #step6 .tooltip-inner,
    #step7 .tooltip-inner,
    #step8 .tooltip-inner,
    #step9 .tooltip-inner {
        max-width: 200px
    }
}
#step1 .tooltip.top .tooltip-arrow,
#step2 .tooltip.top .tooltip-arrow,
#step3 .tooltip.top .tooltip-arrow,
#step4 .tooltip.top .tooltip-arrow,
#step5 .tooltip.top .tooltip-arrow,
#step6 .tooltip.top .tooltip-arrow,
#step7 .tooltip.top .tooltip-arrow,
#step8 .tooltip.top .tooltip-arrow,
#step9 .tooltip.top .tooltip-arrow {
    border-top-color: #b8b8b5
}
.refill-bar #step5 .tooltip-inner {
    min-width: 375px
}
.progress-bar-steps #step9 .tooltip-inner {
    min-width: 375px
}
.blue-check-mark {
    cursor: pointer
}
@media (max-width: 768px) {
    .progress-status .blue-check-mark,
    .red-check-mark {
        top: -40px !important
    }
}
.members-portal-progress-bar-indicator {
    height: 9px;
    position: absolute
}
.members-portal-progress-bar {
    display: flex;
    justify-content: center
}
@media (max-width: 768px) {
    .members-portal-progress-bar {
        align-items: baseline;
        padding-top: 32px;
        margin-top: 40px
    }
}
.progress-status {
    width: 100%;
    position: absolute
}
@media (max-width: 768px) {
    .pb {
        padding: 0
    }
}
.profile-tab__user-id {
    display: none
}
.profile-tab__updateID {
    margin-top: 15px
}
@media (max-width: 768px) {
    .profile-tab__updateID {
        margin-left: 40px
    }
}
#showId.btn {
    background-color: #0971D3;
    border-color: transparent;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.05em
}
@media (max-width: 768px) {
    #showId.btn {
        margin-left: 40px
    }
}
#confirmationDialog img {
    margin-bottom: 12px
}
#confirmationDialog .title-1 {
    text-align: left;
    margin-bottom: 30px
}
#confirmationDialog .modal-container {
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222
}
#confirmationDialog .close.x {
    position: absolute;
    top: 10 px;
    right: 0;
    border: none;
    background: transparent;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    color: #222222;
    text-shadow: none;
    font-family: inherit;
    width: 742px;
    text-align: right;
    margin-top: -16px
}
#confirmationDialog .modal-footer {
    display: flex;
    justify-content: flex-end
}
#confirmationDialog .confirm {
    background-color: #0971D3
}
#confirmationDialog .undefined {
    padding: 15px 20px;
    border: 1px solid #444444;
    color: #444444
}
#confirmationDialog .btn {
    margin-left: 5px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em
}
#confirmationDialog p {
    margin-bottom: 30px
}
@media (max-width: 768px) {
    #confirmationDialog .modal-container {
        width: 300px;
        max-width: 100%;
        border-top: none;
        border-bottom: none
    }
    #confirmationDialog .confirm {
        padding: 15px 20px
    }
    #confirmationDialog .close.x {
        top: -20px
    }
}
.confirmation-header {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    font-size: 30px
}
.full_name {
    font-size: 28px;
    text-align: center;
    line-height: 146%;
    color: #222222;
    font-weight: 500
}
.adr,
.tel {
    font-size: 22px;
    text-transform: capitalize
}
.tel,
.local {
    display: flex;
    justify-content: center
}
.street-address {
    margin-right: 3px;
    display: flex;
    justify-content: center
}
.locality,
.region,
.postal-code {
    margin-right: 4px
}
.street-address-line-2 {
    margin-left: 4px
}
.payment_information {
    display: flex;
    justify-content: center;
    margin: 24px 0 32px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 132%;
    letter-spacing: 0.02em
}
.payment_information h5 {
    font-weight: 600
}
.cc-type {
    text-transform: lowercase
}
.cc-type img {
    padding: 0px 7px 0 12px
}
.btn.disabled {
    opacity: none
}
th.taxon_name {
    text-align: center !important;
    background-color: #222222 !important;
    font-size: 22px
}
.taxon_name {
    padding: 15px 0 15px !important
}
.confirmation_order_total,
#order_total {
    font-weight: 700;
    color: #222222
}
#confirmation_order_details .table-responsive {
    border: 2px solid #222222
}
#confirmation_order_details .table {
    margin-bottom: 0
}
#confirmation_order_details .table > tfoot > tr.warning > td,
#confirmation_order_details .table > tfoot > tr.warning > th {
    background-color: transparent
}
#confirmation_order_details .table > tfoot > tr > td {
    border-top: 1px solid #222222;
    padding: 8px 8px 8px 38px
}
.confirmation_logout {
    width: 100%;
    margin-bottom: 40px
}
.next_step h2 {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 146%
}
.next_step p {
    text-align: center;
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 132%;
    letter-spacing: 0.02em
}
.next_step ol {
    text-align: center;
    list-style-position: inside;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 146%
}
.orders.show.spree_orders .products-info {
    padding: 0
}
.orders.show.spree_orders .order_number {
    margin: 10px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 150%
}
.orders.show.spree_orders h4 {
    margin: 0
}
.orders.show.spree_orders .address.vcard {
    margin-bottom: 32px
}
.confirmation-dialog-header-img {
    width: 100%;
    height: auto;
    margin-bottom: 32px
}
@media (max-width: 768px) {
    #confirmation_order_details .row {
        padding: 0
    }
    #confirmation_order_details .adr,
    #confirmation_order_details .tel {
        font-size: 18px;
        font-weight: 500;
        line-height: 150%
    }
    #confirmation_order_details .confirmation-header {
        font-size: 24px
    }
    #confirmation_order_details .confirmation_logout {
        width: 92%
    }
    #confirmation_order_details .table > tfoot > tr > td {
        padding: 8px
    }
    #confirmation_order_details th.taxon_name {
        font-size: 18px;
        font-weight: 500;
        line-height: 150%;
        color: #ffffff
    }
}
.overview-section {
    display: flex;
    flex-direction: column;
    align-items: center
}
.overview-section-header {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}
.overview-section-header h2 {
    font-family: Saol Text;
    font-weight: bold;
    font-size: 34px;
    line-height: 122%;
    text-align: center;
    color: #222222;
    margin-bottom: 0
}
.overview-section-img {
    margin: 35px 0
}
.overview-section-banner-desktop {
    display: block;
    background: #222222;
    padding: 10px 100px;
    clip-path: polygon(0% 0%, 100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%);
    margin-bottom: 35px;
    width: 100%
}
.overview-section-banner-desktop p {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    line-height: 146%;
    text-align: center;
    letter-spacing: 0.04em;
    margin: 0
}
.overview-section-banner-mobile {
    display: none
}
.overview-section-description {
    font-weight: 500;
    font-size: 16px;
    line-height: 238%;
    text-align: center;
    color: #222222;
    max-width: 400px;
    width: 100%
}
@media (max-width: 768px) {
    .overview-section-banner-desktop {
        display: none
    }
    .overview-section-banner-mobile {
        display: block;
        background: #222222;
        padding: 10px 90px;
        clip-path: polygon(0% 0%, 100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%);
        margin: 32px 0
    }
    .overview-section-banner-mobile p {
        color: #ffffff;
        font-weight: 600;
        font-size: 14px;
        line-height: 146%;
        text-align: center;
        letter-spacing: 0.04em;
        margin: 0
    }
}
.signup_subtitle {
    width: 487px;
    max-width: 100%;
    margin: 0 auto
}
.signup_subtitle p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    margin: 24px 0
}
@media (max-width: 768px) {
    .signup_subtitle p {
        margin: 4px 0 28px
    }
}
.signup_notice {
    display: flex;
    align-items: center;
    width: 385px;
    max-width: 100%;
    margin: 22px auto 0
}
@media (max-width: 768px) {
    .signup_notice {
        width: 350px
    }
}
.signup_notice__img {
    margin-right: 10px
}
.signup_notice__text {
    font-family: Montserrat, serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05em;
    margin: 0
}
@media (max-width: 768px) {
    .signup_notice__text {
        font-size: 12px;
        line-height: 18px
    }
}
@media (max-width: 768px) {
    .signup_notice {
        margin: 0 auto 32px
    }
}
#subscription-choice-view .title {
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin: 25px auto;
    text-align: center
}
@media (min-width: 1200px) {
    #subscription-choice-view .title {
        margin: 50px auto
    }
}
#subscription-choice-view .for-sticky-footer {
    background: #F9F7ED
}
#subscription-choice-view .row.arrows.col-sm-no-padding {
    display: none
}
#subscription-choice-view .subscribe__actions {
    margin: 40px 0;
    text-align: center
}
#subscription-choice-view .subscribe__btn {
    width: 320px;
    height: 48px;
    background: #007a37;
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 auto;
    transition: all 0.2s linear;
    margin-bottom: 18px
}
#subscription-choice-view .subscribe__btn .chevron-right {
    background: #ffffff;
    display: inline-block;
    width: 7px;
    height: 12px;
    vertical-align: middle;
    -webkit-mask: url(../images/chevron-right.svg) no-repeat center;
    mask: url(../images/chevron-right.svg) no-repeat center;
    margin-left: 10px
}
#subscription-choice-view .subscribe__btn:disabled {
    background: #eee;
    color: #989897;
    cursor: not-allowed
}
#subscription-choice-view .subscribe__btn:hover {
    opacity: 0.9
}
#subscription-choice-view .subscribe__btn--otp,
#subscription-choice-view .subscribe__btn--monthly {
    background: #0971D3
}
@media (min-width: 1200px) {
    #subscription-choice-view .subscribe__btn {
        width: 542px;
        height: 68px
    }
}
#subscription-choice-view .subscribe__information {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 10px
}
#subscription-choice-view .subscribe__link {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 600
}
#subscription-choice-view .hide {
    display: none
}
@media (min-width: 1200px) {
    #subscription-choice-view .title {
        font-weight: 500;
        font-size: 28px;
        line-height: 145.9%;
        text-decoration: none;
        text-transform: none
    }
    #subscription-choice-view .container {
        max-width: 1200px;
        width: 100%
    }
    #subscription-choice-view .flex-container {
        display: flex;
        gap: 45px
    }
    #subscription-choice-view .dialog-container.products {
        padding: 0;
        width: 100%
    }
    #subscription-choice-view .col-md-10.col-md-offset-1.col-xs-12 {
        margin-left: 0
    }
    #subscription-choice-view #inside-product-cart-form {
        width: 1200px
    }
    #subscription-choice-view #content > .row:last-of-type {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 768px){
    .footer-colunm-container>span:last-of-type a {
        padding-left: 0;
    }
    .global_footer .footer_logos>*:not(:last-of-type){
        margin-right: 0;
    }
    .footer-colunm-container>span:last-of-type a {
    margin: 0;
    }
}

span.desktop-text-right.text-muted a {
    width: 33%;
}
.footer-colunm-container{
  padding: 0;
}
.footer-colunm-container > span:first-of-type{
  align-items: center;
}