/* Updated styles from theme.css */
.container {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

body {
    color: #4e4e4e;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

body.no-scroll {
    overflow: hidden;
}

.cookie-consent-popup {
    display: none;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 1001;
}

.cookie-consent-popup .content {
    background: #F0F4F7;
    box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.15);
    bottom: 0;
    color: #1C1E1F;
    font-size: 12px;
    line-height: 18px;
    left: 0;
    padding: 25px 0;
    position: absolute;
    width: 100%;
}

.cookie-consent-popup .message {
    text-align: left;
}

.cookie-consent-popup .content a {
    color: #1C1E1F;
    text-decoration: underline;
}

.cookie-consent-popup .close-btn {
    color: #1C1E1F;
    cursor: pointer;
    font-size: 1.4rem;
    position: absolute;
    right: 30px;
    top: 32%;
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

.cookie-consent-popup .accept-btn {
    background: #425563;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 0.80rem;
    margin-left: 20px;
    padding: 3px 30px;
}

@media(max-width: 768px) {
    .cookie-consent-popup .close-btn {
        right: 25px;
        top: 20px;
    }

    .cookie-consent-popup .content {
        padding: 20px 20px;
    }
}

@media(max-width: 767px) {
    .cookie-consent-popup .message {
        padding: 0px 20px 0px 0;
    }
}

@media(min-width: 768px) {
    .cookie-consent-popup .message {
        padding: 0px 50px;
    }
}

@media(max-width: 900px) {
    .cookie-consent-popup .accept-btn {
        display: block;
        margin: 10px auto 0;
    }
}

.ui-autocomplete .ui-autocomplete-categories,
.ui-autocomplete .ui-autocomplete-suggestions,
.ui-autocomplete .ui-autocomplete-products {
    background-color: #425563;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    padding: 5px;
}

.ui-autocomplete.ui-menu>li div,
.ui-autocomplete.ui-menu>li .category-wrap {
    padding: 3px 5px;
}

.ui-autocomplete.ui-menu a {
    white-space: normal;
    color: #333;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item:hover {
    background: #f2f2f2;
    color: #333;
    font-weight: normal;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    font-size: 0.8rem;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus:hover a {
    color: #4e4e4e;
}

.ui-autocomplete.ui-menu .ui-state-focus,
.ui-autocomplete.ui-menu .ui-state-active {
    margin: 0px;
    border: 0px;
}

.ui-autocomplete.ui-menu .ui-autocomplete-item-container.ui-menu-item.ui-state-focus {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.ui-autocomplete.ui-menu a.category {
    margin-left: 0px;
}

.main-menu .ui-autocomplete.ui-menu li {
    display: inherit;
    padding: 4px 0 4px 0;
}

.main-menu .ui-autocomplete.ui-menu li:first-child {
    padding-top: 0;
}

.main-menu .ui-autocomplete.ui-menu li.ui-menu-item {
    padding: 3px 5px;
}

.main-menu .ui-autocomplete.ui-menu li.ui-menu-item a {
    padding: 0;
}

.main-menu .ui-autocomplete.ui-menu li.ui-menu-item a:hover {
    border: 0;
}

.main-menu .ui-autocomplete.ui-menu li a.ui-menu-item {
    text-align: left;
}

@media (min-width: 768px) {
    .main-menu .ui-autocomplete.ui-menu {
        left: auto !important;
        right: 0;
        width: 450px !important;
    }
}

ul {
    list-style-position: outside;
    margin: 0 0 0 20px;
}

li {
    padding: 4px 0 4px 0;
}

p {
    padding: 6px 0 6px 0;
}

.row:before,
.row:after {
    content: none;
}

.container {
    max-width: 1280px;
}

.row-padded>[class*="col-"] {
    padding: 5px;
}

h1,
h2,
h3,
h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#backTop {
    display: none;
    position: fixed;
    bottom: 180px;
    right: 5px;
    background: url(../images/homepage/back-to-top.png);
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 111;
}

a {
    color: #2C5E8B;
}

a:hover {
    color: #437d9b;
}

input:-webkit-autofill {
    background: transparent;
}

.product-warning {
    background: #fcf8df;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcf8df 0%, #f8efc0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcf8df 0%, #f8efc0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcf8df 0%, #f8efc0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 5px;
    border: 1px solid #F8EFC0;
    color: #b0824f;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8df', endColorstr='#f8efc0', GradientType=0);
    /* IE6-9 */
    padding: 15px;
    margin: 15px 0px;
}

.shopping-cart .item .info .product-warning {
    margin-top: 5px;
    margin-right: -100px;
    /*ticket ECOM-8079*/
    padding: 1px 5px;
    border-radius: 0px;
    margin-bottom: 0px;
    display: inline-block;
    font-size: 0.65rem;
}

.error-pass-requirements {
    border: 0;
    clear: both;
    font-size: .65rem;
    margin: 0;
    padding: 5px 10px;
}

.field #pass_str span,
.field #pass_match span {
    max-height: 40px;
}

.ecommerce .site-content {
    padding: 0;
}

.quality .display-1,
.quality .display-2,
.quality .display-3,
.quality .display-4 {
    color: inherit;
    margin-bottom: 1rem;
}

.ecommerce .title-decorative,
.quality .title-decorative {
    margin-bottom: 0.33333rem;
}

.ecommerce hr.short,
.quality hr.short {
    border-top: 1px solid #1B96C3;
    margin: 0px auto 1rem auto;
    width: 10rem;
}

.hipaa-compliance.marketing-section .btn-wrap .btn {
    font-size: 0.9rem;
    padding: 0.5rem 3rem;
}

.hipaa-compliance .btn-wrap {
    margin: 40px 0px;
}

.hipaa-compliance .btn,
.quality .btn {
    background: none;
    border: 1px solid #1B96C3;
    border-radius: 0.25rem;
    color: #1B96C3;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.quality .btn-lg,
.quality .btn-group-lg>.btn {
    border-radius: 0.3rem;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem 4rem;
}

.quality .btn:hover,
.quality .btn:focus {
    background-color: #1B96C3;
    color: #fff;
    text-decoration: none;
}

/* EPDS-600 */
.healthcare-landscape {
    height: max-content;
    top: 50%;
    transform: translateY(-50%);
}

/*** FULWIDTH SPLIT SECTIONS ***/
.ecommerce .fullwidth-split {
    padding: 0;
}

.ecommerce .fullwidth-split img {
    object-fit: cover;
}

.ecommerce .fullwidth-split-text {
    display: flex;
    justify-content: center;
    padding: 6rem 0;
}

.quality hr {
    border-color: #1B96C3;
}

.ecommerce hr.right-aligned,
.quality hr.right-aligned {
    margin: 0 0 1.5rem auto;
}

.ecommerce hr.left-aligned,
.quality hr.left-aligned {
    margin: 0px 0 1rem 0;
}

body.truquality {
    transition: none;
}

.truquality.sticky-header {
    padding-top: 142px;
}

/*** QUALITY PAGE ***/
.quality .overlay {
    background-color: rgba(35, 59, 68, 0.5);
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.quality section {
    padding: 2rem 0;
}

.quality .fullwidth-split {
    padding: 0;
}

.quality .hero-image .container {
    width: 100%;
    z-index: 1;
}

.quality .truquality {
    background-color: #1c97c4;
    padding: 0px;
    padding: 35px 0px;
    text-align: center;
}

.quality .truquality label {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin-right: 2em;
    margin-top: 8px;
    text-align: right;
}

.quality .truquality input {
    display: inline-block;
    float: right;
    min-height: 45px;
    padding-left: 0.75rem;
    width: 340px;
}

.quality h2.display-4 {
    font-size: 3rem;
    margin-bottom: 2rem;
}

.quality .fullwidth-split .lead,
.quality .text-section .lead {
    color: #212529;
    padding-bottom: 2em;
}

.quality .card-group-border .card {
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #EFF2F5;
    border-top: none;
}

.quality .card-body {
    padding: 1.25rem;
}

.quality .counters-section {
    color: #212529;
}

.quality .batch-match-container {
    background-image: url("../images/quality/rectangle2x.png");
}

.quality .batch-match-container .rslides {
    height: 100%;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.quality .rslides li {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.quality .quality-tests {
    background-position: top right;
    background-size: cover;
    height: 100%;
    min-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
}

.quality .rslides .test1 {
    background-image: url("../images/quality/testing-1.png");
}

.quality .rslides .test2 {
    background-image: url("../images/quality/testing-2.png");
}

.quality .rslides .test3 {
    background-image: url("../images/quality/testing-3.png");
}

.labeling-process .common-labeling-process {
    border: 1.5px solid #dd5252;
    border-radius: 10px;
}

.labeling-process .label-title.common {
    background-color: #dd5252;
}

.labeling-process .common-labeling-process.metagenics {
    border: 1.5px solid #1B96C3;
}

.labeling-process .label-title.metagenics {
    background-color: #1B96C3;
}

.labeling-process .label-title {
    border-radius: 25px;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    padding: 2px 12px;
    position: absolute;
    top: -15px;
    z-index: 9999;
}

.labeling-process img {
    width: 100px;
}

.labeling-process .common-labeling-process .col-1 {
    flex: 0 0 1.3333%;
    max-width: 1.33333%;
}

.labeling-process .pl-4,
.labeling-process .px-4 {
    padding: 1.5rem !important;
}

.labeling-process .pt-4,
.labeling-process .py-4 {
    padding-top: 1.5rem !important;
}

.labeling-process .pl-3,
.labeling-process .px-3 {
    padding: 1rem !important;
}

.labeling-process p.mb-2 {
    color: #212529;
    font-weight: 400;
    padding: 0px;
}

.labeling-process img.mb-3,
.labeling-process img.my-3 {
    margin-bottom: 1rem !important;
}

.labeling-process .pb-3,
.labeling-process .py-3 {
    padding-bottom: 1rem !important;
}

.safety-icons img {
    max-height: 120px;
}

.quality .tru-quality {
    background-color: #e9ecef;
}

.quality .tru-quality .banner-top.bold {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.quality .tru-quality .banner-top.mt-4 {
    margin-bottom: 2rem;
    margin-top: 1.5rem !important;
}

.quality .tru-quality .banner-top {
    padding: 0px;
}

.quality .tru-quality .banner-top,
.quality .tru-quality {
    color: #212529;
    font-weight: 400;
}

.quality .tru-quality .pb-5,
.quality .tru-quality .py-5 {
    padding-bottom: 3rem !important;
}

.quality .turquality-logo {
    width: 25rem;
    padding-bottom: 3em;
}

.quality .tru-quality .btn-outline-secondary {
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    color: #6c757d;
}

.quality .tru-quality input {
    padding-left: 0.75rem;
}

.quality .btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.quality .input-group.mt-5,
.quality .input-group.my-5 {
    margin-top: 3rem !important;
}

.quality .form-control::placeholder {
    color: #6c757d;
}

.quality .tru-quality .pb-5,
.quality .tru-quality .py-5 {
    padding-bottom: 3rem !important;
}

.quality .tru-quality .pt-5,
.quality .tru-quality .py-5 {
    padding-top: 3rem !important;
}

/*** ECOMMERCE PAGE ***/
.ecommerce .pb-4,
.ecommerce .py-4 {
    padding-bottom: 1.5rem !important;
}

.ecommerce .lead {
    color: #212529;
    font-weight: 400;
    margin-bottom: 1rem;
    padding-bottom: 2em;
}

.ecommerce h3,
.ecommerce h2 {
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.5rem;
}

.ecommerce .section-intro {
    margin-bottom: 1rem;
}

.ecommerce .xl-btn {
    background-color: #1B96C3;
    color: #fff;
    font-size: 1.5rem;
    padding: 1rem 6rem;
}

.ecommerce .xl-btn:hover,
.ecommerce .xl-btn:focus {
    background-color: #126280;
}

.ecommerce .ecom-card .card {
    border: none;
    margin: 0 auto;
}

.ecommerce .card .card-img-top {
    margin: 0px auto 3rem auto !important;
    max-height: 97px;
    width: 200px;
}

.ecommerce .card .card-body {
    padding: 0px 1.5rem 1.5rem 1.5rem;
}

.ecommerce .by-the-numbers .card .card-body .card-text {
    color: gray;
    font-weight: normal;
}

.ecommerce .signup-steps .card img.count-number {
    padding-bottom: 1em;
    position: relative;
    max-width: 170px;
    top: 0px;
}

.ecommerce .signup-steps .card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.ecommerce .signup-steps .card {
    border: none;
}

.ecommerce .signup-steps hr.short {
    left: 30%;
    position: absolute;
    top: 140px;
    width: 10rem;
}

/** MGED-368 **/
@media(min-width: 768px) {
    .quality .site-content {
        padding: 0.3rem 0 0 0;
    }
}

@media(max-width: 600px) {
    .autobill-page .discover-more {
        font-size: 0.9rem !important;
        position: relative;
        z-index: 1;
    }

    .ecommerce .fullwidth-split .text-right,
    .quality .fullwidth-split .text-right {
        text-align: left !important;
    }

    .ecommerce .btn-lg,
    .ecommerce .btn-group-lg>.btn,
    .quality .btn-lg,
    .quality .btn-group-lg>.btn,
    .common-labeling-process .col-lg-2 {
        width: 100%;
    }

    .ecommerce hr.right-aligned,
    .quality hr.right-aligned {
        margin: 0;
    }

    .ecommerce .fullwidth-split-text,
    .quality .fullwidth-split-text {
        padding: 2rem 0;
    }

    .common-labeling-process .justify-content-center {
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal;
    }

    .quality .safety-icons .d-flex,
    .quality .labeling-process .d-flex {
        display: block !important;
    }

    .quality .labeling-process .fa-arrow-right::before {
        content: "\f063";
    }

    .labeling-process .common-labeling-process .col-1 .pt-5 {
        padding: 0px !important;
    }

    .common-labeling-process .col-lg-2 {
        padding-top: 10px !important;
    }

    .quality .labeling-process .common-labeling-process .col-1 {
        max-width: none;
    }

    .ecommerce .by-the-numbers .card .card-body .card-text {
        color: gray;
        font-weight: bold;
        padding-bottom: 4rem;
    }

    .checkout-page.express-checkout-page {
        padding-bottom: 20px !important;
    }
}

@media(min-width: 576px) {

    .ecommerce section,
    .quality section {
        padding: 3rem 0;
    }

    .ecommerce .section-intro {
        margin-bottom: 2rem;
    }
}

/*** HP SECTIONS ***/
.dots-container {
    margin-top: -80px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
}

.dots-container .dot {
    background-color: rgba(66, 85, 99, 0.7);
    ;
    border-radius: 100%;
    height: 20px;
    margin: 10px;
    width: 20px;
}

.dots-container .dot.active {
    background-color: rgba(255, 255, 255, 0.7);
    border: 4px solid rgba(66, 85, 99, 0.7);
}

.section {
    background: no-repeat left center;
    background-size: cover;
    height: 100vh;
}

.section .block-wrap {
    height: 100%;
    /* allowing overflow elements to be visible. The helix and the text boxes */
    overflow: visible;
    position: relative;
}

.section .title,
.section .text {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.section.js-active .title,
.section.js-active .text {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.section .helix-overlay {
    background: no-repeat left center;
    background-size: cover;
    display: block;
    height: 100vh;
    /* Adjusting spacing between helix and content */
    left: -8%;
    position: absolute;
    top: 0;
    width: 45%;
}

.section .text-container {
    width: 65%;
}

/**
 * PANEL 1
 */
.section-1:before {
    background: url(../images/index_block_images/meta-dots-color.jpg),
        url(../images/index_block_images/meta-dots-grey.jpg);
    content: '';
    display: none;
}

.section-1 {
    background-position: center center;
    background-image: url(../images/index_block_images/meta-dots-color.jpg);
    position: relative;
    transform: translateY(0px);
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
}

.section-1.grey {
    background-image: url(../images/index_block_images/meta-dots-grey.jpg);
}

html.gecko .section-1:before {
    background-image: url(../images/index_block_images/meta-dots-grey.jpg);
    background-position: center center;
    background-size: cover;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(0px);
    -webkit-transition: opacity 2s linear;
    -moz-transition: opacity 2s linear;
    -o-transition: opacity 2s linear;
    transition: opacity 2s linear;
}

html.gecko .section-1.grey {
    background-image: url(../images/index_block_images/meta-dots-color.jpg);
}

html.gecko .section-1.grey:before {
    opacity: 1;
}

.section-1 .text-wrap {
    left: 0;
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}

.section-1 .text-wrap p {
    color: #333333;
    font-size: 4rem;
    font-weight: 100;
    margin: 0.2em 0;
    opacity: 0;
}

.section-1.active .text-wrap p:first-child {
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
}

.section-1.active .text-wrap p:nth-child(2) {
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
}

/**
 * PANEL 2
 */
.section-2 {
    background-position: center center;
    position: relative;
}

.section-2 .slider:before {
    background: url(../images/index_block_images/expressions_exercise.jpg),
        url(../images/index_block_images/expressions_stress.jpg),
        url(../images/index_block_images/expressions_food.jpg),
        url(../images/index_block_images/expressions_environment.jpg),
        url(../images/index_block_images/expressions_sleep.jpg),
        url(../images/index_block_images/expressions_supplements.jpg),
        url(../images/index_block_images/Helix-breakout/Helix-break-Expressions.svg);
    content: '';
    display: none;
}

.section-2 .slider {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    content: '';
    display: block;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.section-2 .slider.slide-1 {
    background-image: url(../images/index_block_images/expressions_supplements.jpg);
}

.section-2 .slider.slide-2 {
    background-image: url(../images/index_block_images/expressions_exercise.jpg);
}

.section-2 .slider.slide-3 {
    background-image: url(../images/index_block_images/expressions_stress.jpg);
}

.section-2 .slider.slide-4 {
    background-image: url(../images/index_block_images/expressions_food.jpg);
}

.section-2 .slider.slide-5 {
    background-image: url(../images/index_block_images/expressions_environment.jpg);
}

.section-2 .slider.slide-6 {
    background-image: url(../images/index_block_images/expressions_sleep.jpg);
}

.section-2 .title {
    color: #fff;
    font-size: 3rem;
    font-weight: 200;
    margin-bottom: 100px;
    text-align: center;
}

.section-2 .text {
    color: #fff;
    font-size: 1.2rem;
    margin-top: 50px;
    text-align: center;
}

.section-2 .helix-overlay {
    background-image: url(../images/index_block_images/Helix-breakout/Helix-break-Genetic-Potential.svg);
    background-position: 0 0;
    z-index: 1;
}

.section-2 .buttons-wrap {
    display: inline-block;
    position: relative;
    width: 500px;
}

.section-2 .slide-btn {
    border-radius: 100%;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    position: absolute;
    text-transform: uppercase;
    width: 70px;
}

.section-2 .slide-btn.active {
    color: #435664;
    z-index: 1;
}

/**
 * PANEL 3
 */
.section-3 {
    background: #ecf0f5;
}

.section-3:before {
    background: url(../images/index_block_images/Helix-breakout/Helix-break-Patient.png);
    content: '';
    display: none;
}

.section-3 .block-wrap {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.section-3 .helix-overlay {
    background-image: url(/mas_assets/theme/metagenics/images/Helix-break-Patient-v-2.png);
    background-position: 0 -7vh;
}

.section-3 .line {
    border-top: 1px dashed #cdcdcf;
    display: block;
    left: 20px;
    position: absolute;
    padding-right: 50px;
    top: 40%;
    width: 90%;
}

.section-3 .text-wrap {
    text-align: center;
    width: 50%;
}

.section-3 .title {
    font-size: 2.3rem;
    font-weight: 300;
    margin-bottom: 60px;
    text-align: center;
}

.section-3 .buttons-wrap {
    display: inline-block;
    max-width: 700px;
    position: relative;
    text-align: justify;
    width: 100%;
}

.section-3 .buttons-wrap:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.section-3 .buttons-wrap .popup-btn {
    text-align: center;
}

.section-3 .buttons-wrap .popup-btn img {
    height: 100px;
    width: 100px;
}

.section-3 .buttons-wrap .popup-btn-text {
    color: #aaa;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.section-3 .buttons-wrap .popup-btn-text.active {
    color: #435664;
}

.section-3 .buttons-wrap .popup-wrap {
    /*fixing cursor on patient panel */
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.section-3 .buttons-wrap .popup-text-wrap {
    left: -45px;
    opacity: 0;
    position: absolute;
    top: 130px;
    transform: rotateY(-90deg);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 11;
}

.section-3 .buttons-wrap .popup-text-wrap.open {
    opacity: 1;
    transform: rotateY(0deg);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.section-3 .buttons-wrap .popup-text {
    background-color: #fff;
    border-radius: 2px;
    border: 1px dashed #afb9c1;
    color: #000;
    font-size: 90%;
    font-weight: 100;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 200px;
}

.section-3 .buttons-wrap .popup-text:after,
.section-3 .buttons-wrap .popup-text:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    position: absolute;
    pointer-events: none;
    width: 0;
}

.section-3 .buttons-wrap .popup-text:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -8px;
}

.section-3 .buttons-wrap .popup-text:before {
    border-color: rgba(175, 185, 193, 0);
    border-bottom-color: rgba(205, 205, 207, 0.93);
    border-width: 7px;
    border-style: double;
    margin-left: -10px;
}

/**
 * PANEL 4, Dots animation
 */
.section-4 {
    background: #fff;
}

.section-4:before {
    background: url(../images/index_block_images/Helix-breakout/Helix-break-Practitioner.svg),
        url(../images/index_block_images/Practitioner-panel-Immune-Health-and-Function.svg),
        url(../images/index_block_images/Practitioner-panel-Gastrointestinal-Health.svg),
        url(../images/index_block_images/Practitioner-panel-Cardiometabolic-Health.svg),
        url(../images/index_block_images/Practitioner-panel-Blood-Glucose-Support.svg),
        url(../images/index_block_images/Practitioner-panel-Muscle-Bone-and-Joint-Health.svg),
        url(../images/index_block_images/Practitioner-panel-Neurological-Health.svg),
        url(../images/index_block_images/Practitioner-panel-General-Wellness.svg);
    content: '';
    display: none;
}

.section-4:after {
    content: url(../images/index_block_images/Helix-breakout/helix-practitioner-1.svg) url(../images/index_block_images/Helix-breakout/helix-practitioner-2.svg) url(../images/index_block_images/Helix-breakout/helix-practitioner-mobile-1.svg) url(../images/index_block_images/Helix-breakout/helix-practitioner-mobile-2.svg);
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    z-index: -1;
}

.section-4 {
    position: relative;
}

.section-4 .block-wrap {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;

}

.section-4 .helix-overlay {
    background-image: url(../images/index_block_images/Helix-breakout/Helix-break-Practitioner.svg);
    background-position: 0 -14vh;
}

.section-4 .helix-overlay.active {
    background-image: url(../images/index_block_images/Helix-breakout/helix-practitioner-1.svg);
}

.section-4 .helix-overlay.active-2 {
    background-image: url(../images/index_block_images/Helix-breakout/helix-practitioner-2.svg);
}

.section-4 .text-wrap {
    padding-top: 65px;
    text-align: center;
    width: 70%;
}

.section-4 .text-wrap .title {
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
}

.section-4 .health-slider-wrap {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    /*new helix for prac panel */
    height: 65vh;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}

.section-4 .text-wrap .health-slider {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 270px;
    width: 100%;
}

.section-4 .health-slider.slide-0 {
    background-image: url(../images/index_block_images/Practitioner-panel-General-Wellness.svg);
}

.section-4 .health-slider.slide-1 {
    background-image: url(../images/index_block_images/Practitioner-panel-Immune-Health-and-Function.svg);
}

.section-4 .health-slider.slide-2 {
    background-image: url(../images/index_block_images/Practitioner-panel-Gastrointestinal-Health.svg);
}

.section-4 .health-slider.slide-3 {
    background-image: url(../images/index_block_images/Practitioner-panel-Cardiometabolic-Health.svg);
}

.section-4 .health-slider.slide-4 {
    background-image: url(../images/index_block_images/Practitioner-panel-Blood-Glucose-Support.svg);
}

.section-4 .health-slider.slide-5 {
    background-image: url(../images/index_block_images/Practitioner-panel-Muscle-Bone-and-Joint-Health.svg);
}

.section-4 .health-slider.slide-6 {
    background-image: url(../images/index_block_images/Practitioner-panel-Neurological-Health.svg);
}

.section-4 .text-wrap .health-button {
    cursor: pointer;
    color: #aaa;
    display: block;
    float: left;
    font-weight: bold;
    margin: 10px 0;
    padding-right: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}

.section-4 .text-wrap .health-button.active {
    color: #435664;
}

/**
 * PANEL 5
 */
.section-5 {
    background: #587a96;
    position: relative;
}

.section-5:before {
    background: url(../images/index_block_images/Helix-breakout/Helix-break-Genetic-Potential.svg),
        url(../images/index_block_images/Genetic-potential-woman3.png);
    content: '';
    display: none;
}

.section-5 .block-wrap {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    overflow: initial;
}

.section-5 .helix-overlay {
    background-image: url(../images/index_block_images/Helix-breakout/Helix-break-Genetic-Potential.svg);
    /* fixing the helix on the last panel */
    background-position: 0 0;
}

.section-5 .woman-overlay {
    background: no-repeat left center;
    background-size: contain;
    background-image: url(../images/index_block_images/Genetic-potential-woman3.png);
    bottom: 0;
    display: block;
    height: 100%;
    left: -10%;
    max-height: 520px;
    position: absolute;
    width: 60%;
    z-index: 2;
}

.section-5 .text-wrap {
    padding: 0 20px;
    text-align: center;
    width: 50%;
}

.section-5 .text-wrap .title {
    color: #fff;
    font-size: 3rem;
    font-weight: 300;
    margin-bottom: 50px;
}

.section-5 .img-wrap {
    display: inline-block;
    max-width: 500px;
    width: 100%;
}

/*** /HP SECTIONS ***/

/**
 * MG tabs
 */
.mg-tabs .mg-tabs-nav {
    margin-bottom: 50px;
    text-align: center;
}

.mg-tabs .mg-tabs-selector-dropwdown {
    list-style: none;
}

.mg-tabs .mg-tabs-selector-dropwdown a {
    color: #464e5e;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.mg-tabs .mg-tab {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.mg-tabs .mg-tab.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.partner-line {
    background: #425563;
    padding: 14px 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    position: relative;
}

.partner-line a.see-why {
    display: inline;
    border: 2px solid #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 3px 25px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 0 30px;
    color: #fff;
    white-space: nowrap;
}

.why-content {
    display: none;
    background: #fff url(../images/see-why.jpg) center center no-repeat;
    height: 398px;
    position: relative;
}

.why-content .arrow {
    position: absolute;
    bottom: 7px;
    height: 8px;
    text-align: center;
    width: 100%;
}

.why-content .exit {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.why-content .why-content-in {
    vertical-align: middle;
    width: 60%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #435562;
    font-size: .9rem;
    padding-top: 10px;
}

.why-content-in div.see-why-title {
    color: #435562;
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    margin: 20px 0;
}

.partner-line a.practitioner {
    background: #e3e6e8;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px 25px;
    margin-left: 10px;
    text-decoration: none;
    color: #425563;
    white-space: nowrap;
}

.partner-line a.close {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 12px;
}

.top-line {
    background: #2C5E8B;
    font-size: 0.9rem;
    position: relative;
    padding: 5px 0px;
    text-align: right;

}

.top-line ul.horizontal-links {
    margin: 0;
}

.top-line ul.horizontal-links .cart-toggle {
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
}

.top-line ul.horizontal-links .cart-toggle:hover {
    color: #fff;
}

.top-line ul.horizontal-links .cart-toggle .fa-shopping-cart {
    font-size: 1.4rem;
    position: relative;
    top: 4px;
    margin-right: 5px;
    margin-left: 10px;
}

.top-line ul.login-menu li {
    position: relative;
    bottom: 3px;
}

.top-line .horizontal-links a.lang,
.top-line .horizontal-links a.account-link,
.top-line .horizontal-links a.login {
    color: #fff;
    text-decoration: none;
}

.top-line .horizontal-links a.login::before {
    background: url("../images/pract_connect/my_account.png");
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -30px;
}

.top-line .lang .flag {
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}

.login-dropdown .bubble-divider {
    margin: 0px;
}

.login-dropdown .bmargin {
    margin-bottom: 5px;
}

.top-line .horizontal-links a.login {
    position: relative;
}

.top-line .horizontal-links a.lang:hover,
.top-line .horizontal-links a.account-link:hover,
.top-line .horizontal-links a.login:hover {
    color: #fff;
}

.top-line .lang-dropdown a {
    color: inherit;
    text-decoration: none;
}

.top-line .lang-dropdown a span.flag {
    margin-right: 5px;
}

.create-account-btn:hover,
.create-account-btn:focus,
.top-line .login-dropdown a.create-account-btn:focus,
.top-line .login-dropdown a.create-account-btn:hover {
    color: white;
    background: #3E85AE;
}

.top-line .login-dropdown a:hover {
    color: #104968;
}

.site-header-inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .text-united-languages {
        bottom: unset !important;
    }

    .site-header .fa-shopping-cart::before,
    .site-header .fa-search::before,
    .site-header .fa-navicon::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
    }

    .site-header .fa-shopping-cart::before {
        height: 18px;
    }

    .site-header .fa-shopping-cart::before {
        background: url(../images/homepage/cart_icon.png);
    }

    .site-header .fa-search::before {
        background: url(../images/homepage/search_icon.png);
    }

    .site-header .fa-navicon::before {
        background: url(../images/homepage/menu_icon.png);
    }
}

.site-header {
    background: transparent;
    position: relative;
    z-index: 100;
}
.header-line-1 {
    padding: 17px 0 16px 0px;
    text-align: right;
    position: relative;
    z-index: 2;
}

.header-line-1 a {
    margin-right: 5px;
    margin-left: 15px;
    font-size: .8rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #4e4e4e;
    font-weight: bold;
    white-space: nowrap;
}

.header-line-1 a.cart-toggle {
    margin-right: 0px;
    position: relative;
    font-size: 1rem;
}

.header-line-1 a.account-link {
    margin: 0;
}

.cart-toggle .incart-items-count {
    background: #D06864;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: .6rem;
    line-height: 15px;
    position: absolute;
    right: -10px;
    top: 5px;
    width: 16px;
    height: 16px;
    text-align: center;
}

.header-line-1 a.my-account {
    margin-right: 0px;
}

.header-line-1 .welcome-msg {
    font-style: italic;
    text-transform: uppercase;
}

.login-dropdown,
.practitioner-dropdown {
    border: 1px solid #C5CDCF;
    display: none;
    position: absolute;
    width: 559px;
    background: #fff;
    padding: 10px 20px;
    text-align: left;
    z-index: 10;
    border-top: 0px;
}

.practitioner-dropdown {
    width: 456px;
    padding: 10px 20px 10px 10px;
}

.practitioner-dropdown .practitioner-img {
    width: 67px;
    height: 67px;
    float: left;
    margin-right: 15px;
}

.practitioner-dropdown .contact-info {
    float: none;
    width: 100%;
    margin-right: 15px;
}

.practitioner-dropdown .quick-links {
    float: none;
    width: 100%;
}

.practitioner-dropdown .quick-links a {
    text-transform: none;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.practitioner-dropdown.no-image {
    width: 380px;
}

.lang-dropdown {
    border: 1px solid #eee;
    display: none;
    position: absolute;
    top: 52px;
    right: 260px;
    width: 200px;
    background: #fff;
    padding: 10px;
    text-align: left;
    z-index: 10;
}

.lang-dropdown.logged {
    right: 240px;
}

.lang-dropdown a {
    border-bottom: 1px solid #eee;
    display: block;
    margin-left: 0;
    padding: 10px;
    width: 100%;
}

.lang-dropdown a:hover {
    background: #f3f3f3;
}

.login-dropdown {
    right: 35px;
}

.fieldset-v2 .login-dropdown .fieldset .field {
    margin: unset;
}

.login-dropdown .fieldset,
.roundedform .fieldset {
    margin: 5px 0;
    height: 85px;
    border: none;
}

.login-dropdown .fieldset,
.login-dropdown .fieldset .field,
.login-dropdown .fieldset:focus,
.login-dropdown .fieldset .field.field-focused,
.roundedromf .fieldset,
.roundedform .fieldset .field,
.roundedform .fieldset:focus,
.roundedform .fieldset .field.field-focused {
    border: none;
    box-shadow: 0 0 0 0;
}

.fieldset-v2 .login-dropdown .fieldset,
.fieldset-v2 .login-dropdown .fieldset .field,
.fieldset-v2 .login-dropdown .fieldset:focus,
.fieldset-v2 .login-dropdown .fieldset .field.field-focused,
.fieldset-v2 .roundedromf .fieldset,
.fieldset-v2 .roundedform .fieldset .field,
.fieldset-v2 .roundedform .fieldset:focus,
.fieldset-v2 .roundedform .fieldset .field.field-focused {
    background-color: inherit;
}

.login-dropdown .fieldset .field label,
.roundedform .fieldset .field label {
    display: none;
    float: none;
}

.login-dropdown .fieldset .field input,
.roundedform .fieldset .field input {
    float: none;
    width: 100%;
    margin: 5px 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background: #fff;
}

.mobile-menu-container .login-dropdown .fieldset .field input {
    padding: 10px 15px;
    border-radius: 4px;
}

.mobile-menu-container .login-dropdown .fieldset {
    height: auto;
}

.mobile-menu-container .login-dropdown .signin-btn {
    font-size: 0.9rem;
    padding: 10px 10px;
    border-radius: 4px;
}

.create-account-btn,
.login-dropdown .signin-btn,
.signin-btn {
    background: #506A88;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 10px;
}

.mobile-menu-container .top-header .actions .create-account-btn,
.mobile-menu-container .top-header .actions .signin-btn {
    font-size: 0.9rem;
    font-weight: 600;
}

.signin-btn {
    margin-top: 7px;
}

.mobile-menu-container .top-header .actions .signin-btn {
    text-decoration: none;
    display: block;
}

.create-account-btn {
    background: #45A0CC;
    text-decoration: none;
    display: block;
}

.actions .forgot-pass,
.actions .create-practitioner-account {
    color: #317495;
    font-size: 0.9rem;
    margin: 15px 0px;
    display: inline-block;
}

.create-account {
    margin-top: 25px;
}

.login-dropdown .reg .message {
    font-size: 12px;
    line-height: 15px;
    padding-top: 5px;
}

.create-account .h6 {
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.top-line .login-dropdown .loginform .actions,
.loginform .error {
    background: none;
    border: none;
    font-size: 0.85rem;
    color: #C6211B;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px 10px;
}

.create-account .actions {
    text-align: center;
}

.has-error.fieldset .field input {
    border-color: #C6211B;
}

.login-dropdown .signin-btn:hover,
.signin-btn:hover {
    background: #455970;
    color: #fff;
}

.login-dropdown .or-line {
    width: 10px;
    float: left;
    height: 220px;
    border-right: 1px solid #ccc;
    position: relative;
    margin-left: -15px;
    top: 10px;
}

.login-dropdown .loginform {
    padding: 10px 30px 10px 10px;
}

.login-dropdown .or-line span {
    display: block;
    font-size: .8rem;
    position: absolute;
    top: 45%;
    right: -10px;
    background: #fff;
}

.auth-page .signin-btn {
    width: auto;
}

.login-dropdown .fb-login-dropdown {
    display: inline;
}

.auth-page .fb-login-dropdown {
    display: none;
}

.fieldset-v2 .login-dropdown .loginform .js-skip-label {
    padding: 0;
}

/* TONY : ECOM-8302 */
.bmargin {
    margin-bottom: 25px;
}


ul.horizontal-links {
    display: inline-block;
    height: 40px;
    list-style-type: none;
}

ul.horizontal-links li {
    display: inline-block;
    position: relative;
    padding: 8px 0;
}

ul.horizontal-links li .divider,
ul.horizontal-links li .welcome-msg {
    color: #ffffff;
}

ul.horizontal-links li .practitioner-dropdown {
    right: -14px;
    top: -20px;
}

ul.horizontal-links li .login-dropdown {
    right: -35px;
    top: 100%;
    box-shadow: 1px 2px 3px 0px #cfcfcf;
}

ul.horizontal-links li .lang-dropdown {
    left: 0px;
    top: 40px;
    box-shadow: 1px 1px 3px 0px #bfbfbf;
}

.login-in-dropdown,
.pract-in-flyout {
    margin-right: 0px !important;
}


.login-dropdown .reg {
    padding: 10px 10px 10px 30px;
    font-size: .8rem;
}

.login-in-dropdown,
.pract-in-flyout {
    cursor: pointer;
    text-align: right;
    margin: 14px -3px 22px 0;
    text-transform: uppercase;
    color: #888;
    font-weight: bold;
    font-size: .8rem;
}

.pract-in-flyout {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px !important;
}

.practitioner-dropdown .contact-info {
    font-size: 12px;
}

.practitioner-dropdown .contact-info .practitioner-address {
    color: #8b8b8b !important;
}

.site-header-inner .practitioner-dropdown a {
    padding: 0px;
    color: #506A88;
}

.site-header-inner .practitioner-dropdown .practitioner-contact a {
    color: #323232;
    margin-top: 7px;
    display: inline-block;
    line-height: 22px;
}

#shopping-cart-container {
    top: 0px;
    border: 0px solid #eee;
    padding: 20px;
    z-index: 1000;
}

.ajax-cart form {
    height: calc(100% - 125px);
    height: -moz-calc(100% - 125px);
    height: -webkit-calc(100% - 125px);
    height: -ms-calc(100% - 125px);
}

/*the subtracted value has to contain the shopping cart title + shipping message in any*/

.index .ajax-cart {
    font-size: 14px !important;
    line-height: 19px !important;
}

.index .ajax-empty-content h5 {
    font-size: 1.1rem;
    margin-top: 10px;
    line-height: 25px;
}

.ajax-empty-content .thumb-grid .price {
    bottom: 50px;
    display: block;
    height: 30px;
    left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    background: #fff;
}


.ajax-empty-content .thumb-grid {
    height: auto;
    width: 50%;
}

.ajax-empty-content .thumb-grid .thumb-grid-inner {
    height: 360px;
}

.ajax-cart .shopping-cart-title {
    font-size: 18px;
    font-weight: 600;
    color: #1C1E1F;
    padding: 10px;
}

.ajax-cart .shopping-cart-title a.continue-shopping {
    float: right;
    margin-right: 38px;
    font-size: .8rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #4e4e4e;
    font-weight: bold;
    white-space: nowrap;
}

.ajax-cart .close {
    float: none;
    position: absolute;
    right: 15px;
    color: #444;
    font-size: 1.2rem;
}

.ajax-cart .cart-btn {
    font-style: normal;
    width: 49%;
    background: #425563;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    font-size: .8rem;
    text-align: center;
    padding: 10px;
}

.ajax-cart .checkout-btn {
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #2D8010;
    font-weight: 600;
}

.ajax-cart .checkout-btn:hover {
    background: #1F590B;
}

.ajax-cart .checkout-btn:active {
    background: #164008;
}

.ajax-cart .cart-items .item-info .item-link {
    font-size: 14px;
    line-height: 20px;
    color: #1C1E1F;
    font-weight: 600;
    text-transform: none;
}

.ajax-cart .cart-items .item-info .item-name {
    float: left;
    width: 60%;
}

.ajax-cart .cart-items .item-info .item-qty {
    float: left;
    max-width: 72px;
    width: 20%;
}

.ajax-cart .cart-items .item-info .item-price {
    float: right;
    max-width: 70px;
    padding-top: 3px;
    text-align: right;
    width: 20%;
}

.cart-items .autobill-period .checkmark,
.shopping-cart .autobill-period .checkmark {
    z-index: 0;
}

.ajax-cart .autobill-radio,
.shopping-cart .autobill-radio {
    font-size: 0.8rem;
}

.ajax-cart .autobill-radio .checkmark,
.shopping-cart .autobill-radio .checkmark {
    height: 16px;
    width: 16px;
}

.ajax-cart .autobill-radio .checkmark:after,
.shopping-cart .autobill-radio .checkmark:after {
    left: 3px;
    top: 3px;
}

.ajax-cart .autobill-period,
.ajax-cart .autobill-period .checkmark,
.shopping-cart .autobill-period,
.shopping-cart .autobill-period .checkmark {
    font-size: 0.8rem;
    height: 35px;
    margin: 3px 3px 3px 0;
    padding: 7px 2px;
    width: 110px;
}

.cart-items .purchase-option li {
    padding: 0px;
}

@media(max-width: 480px) {
    .ajax-cart .cart-items .item-info .item-name {
        width: 100%;
    }

    .ajax-cart .cart-items .item-info .item-qty {
        margin-right: 15px;
        width: 80px;
    }

    .ajax-cart .cart-items .item-info .item-price {
        float: left;
        text-align: left;
    }
}

/*item qty +/-*/
.ajax-cart .cart-items .item-info .item-qty .qty-select-wrap {
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 27px;
    width: 72px;
}

.ajax-cart .cart-items .item-info .item-qty .qty-select-wrap .qty-action {
    border: none;
    height: 25px;
    width: 19px;
}

.ajax-cart .cart-items .item-info .item-qty .qty-select-wrap input.qty-input {
    border-top: 0px;
    border-bottom: 0px;
    height: 25px;
    margin: 0px;
    width: 30px;
}

.ajax-cart .cart-items .item-info .item-qty .qty-select-wrap .qty-action span {
    border: none;
    font-size: 12px;
    padding-top: 7px;
}

.ajax-cart .cart-items .item-info .item-qty .qty-select-wrap .qty-action.disabled {
    background: #fff;
    color: #ccc;
}

/*end item qty*/

.qty-wrap label {
    font-size: .8rem;
}

.ajax-cart .cart-items .qty-wrap {
    margin-top: 5px;
}

.ajax-cart .subtotal {
    float: right;
}

.ajax-cart .subtotal-line {
    text-align: left;
    margin: 10px 0;
    border: none;
}

.subtotal-line button {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: .8rem;
    text-decoration: none;
}

.subtotal-line button:hover {
    background: transparent;
}

.ajax-cart .cart-items .image a {
    margin: 0px;
}

.site-header .sticky-show .header-line-2 {
    padding: 20px 0 15px 0;
}

.site-header .header-line-2 {
    position: relative;
    padding: 40px 0 15px 0;
    z-index: 1;
    transition: 0.2s padding-top;
    -moz-transition: 0.2s padding-top;
    -ms-transition: 0.2s padding-top;
    -webkit-transition: 0.2s padding-top;
}

.site-header .sticky-header-wrap-homepage.sticky-hp .header-line-2 {
    padding-top: 15px;
}

.header-line-2 .logo {
    max-width: 187px;
    margin: 10px 0;
    width: 100%;
    float: left;
}

.header-line-2.mobile-search .menu-line {
    margin: 0;
}

.header-line-2.mobile-search .menu-line .main-menu {
    float: none;
    margin-top: 20px;
}

.header-line-2.mobile-search .menu-line .main-menu .nav-search {
    padding: 0;
}

.header-line-2 .menu-line {
    margin-left: 211px;
}

.header-line-2 .menu-line .main-menu {
    float: right;
}

.main-menu ul {
    list-style-type: none;
    margin: 10px 0 0 0;
}

.main-menu ul li {
    display: inline;
    padding: 0 10px;
    position: relative;
}

.main-menu ul li a {
    font-size: 1rem;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #185576;
}

.main-menu ul li>a:hover {
    border-bottom: 3px solid #185576;
    color: #185576;
}

.main-menu ul li .cart-toggle,
#shopping-cart-container .close,
#shopping-cart-container .continue-shopping {
    padding: 0;
}

.main-menu ul li .cart-toggle:hover,
#shopping-cart-container .close:hover,
#shopping-cart-container .continue-shopping:hover {
    border: 0;
}

.main-menu ul li .cart-toggle {
    font-size: 0.95rem;
    position: relative;
}

.main-menu ul li.nav-search {
    padding: 0 0 0 20px;
}

a.products.active,
a.our_difference.active,
a.contact.active,
a.find_practitioner.active,
a.education.active {
    border-bottom: 3px solid #185576;
    color: #185576;
}

.close-flyouts {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
}

.general-search {
    display: inline-block;
    margin: -13px 0
}

.general-search .header-search-what select {
    background: #435464 url(../images/srchselect.png) center right no-repeat;
    color: #fff;
    font-size: .8rem;
    text-transform: uppercase;
    padding: 7px 35px 8px 10px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    width: 100%;
    border: none;
}

.general-search .header-search-what .fa {
    float: right;
    margin-top: 5px;
}

.general-search .header-search {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 2px;
    display: block;
    max-width: 100%;
    margin: 0px;
    padding: 3px 5px 2px 5px;
    width: 225px;
    border-color: #c5cdcf;
}

.top-line .horizontal-links .login .separator {
    padding: 0px 5px;
}

.header-search input {
    background: transparent;
    font-size: .8rem;
}

.header-search button {
    font-size: .8rem;
}

.header-search button,
.header-search .input-group .input-group-button button {
    background: transparent !important;
    color: #888 !important;
}

.header-search button:hover,
.header-search .input-group .input-group-button button:hover {
    background: transparent !important;
    color: #888 !important;
}

.header-search .glyphicon-search::before {
    content: "";
    background: url(../images/homepage/search_mini_icon.png);
    width: 18px;
    height: 18px;
    display: block;
}

.products-dropdown,
.our-difference-dropdown,
.contact-dropdown,
.find-practitioner-dropdown,
.search-container,
.education-dropdown {
    padding: 15px 35px;
    background: #fff;
    border: 0px solid #eee;
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: left;
    z-index: 5;
    box-shadow: 0px 0px 10px #dddddd;
}

.dropdown-close-btn {
    float: right;
    margin-right: -25px;
    margin-top: -10px;
    margin-bottom: 10px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.search-container {
    padding: 0px;
    background: transparent;
    border: none;
    box-shadow: none;
}

.search-container .general-search {
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #eee;
}

.products-dropdown .row-padded,
.our-difference-dropdown .row-padded {
    margin-right: 0px;
}

.products-dropdown .linklist a {
    font-size: .8rem;
    text-decoration: none;
    color: #585858;
}

.products-dropdown h5,
.our-difference-dropdown h5 {
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    color: #425563;
    font-size: .9rem;
}

.products-dropdown .button {
    background: #eee;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px 0;
    font-weight: bold;
    font-size: .9rem;
    color: #fff;
    text-align: center;
    width: 80%;
    display: block;
    text-transform: uppercase;
    margin: 10px 0;
}

.products-dropdown .button.view-catalog {
    background: #425563;
}

.products-dropdown .button.view-catalog:hover {
    background: #687682;
}

.products-dropdown .button.supplement-finder {
    background: #0175a9;
}

.products-dropdown .button.supplement-finder:hover {
    background: #437d9b;
}

.products-dropdown .promobox a,
.our-difference-dropdown .promobox a,
.education-dropdown .promobox a {
    font-size: .8rem;
    line-height: 1rem;
    text-decoration: none;
    color: #585858;
    margin-bottom: 10px;
    display: block;
}

.products-dropdown .promobox img {
    max-height: 149px;
}

.products-dropdown .right-corner-ad {
    padding: 40px 0;
}

.products-dropdown .right-corner-ad a.learn-more {
    text-transform: uppercase;
    font-size: .7rem;
    text-decoration: none;
    color: #676464;
}

.contact-dropdown,
.find-practitioner-dropdown {
    padding-bottom: 0px;
}

.contact-dropdown .text-content,
.find-practitioner-dropdown .text-content {
    margin-right: 250px;
    padding-bottom: 20px;
}

.find-practitioner-dropdown .text-content {
    padding-bottom: 80px;
}

.contact-dropdown h3,
.find-practitioner-dropdown h3 {
    color: #1a5982;
    margin-bottom: 20px;
    line-height: 2rem;
}

.contact-dropdown a.tel,
.contact-dropdown a.live-chat {
    text-decoration: none;
    color: #4d6f8a;
    display: block;
    float: left;
    margin: 30px 20px 30px 0;
}

.contact-block {
    margin-left: 30px;
    font-size: .8rem;
    padding-bottom: 20px;
}

.contact-block .padding-right {
    padding-right: 10px;
}

.our-difference-dropdown,
.edu-content {
    font-size: .8rem;
}

.edu-content {
    padding-right: 40px;
    padding-top: 20px;
}

.edu-content h5 {
    color: #1b5a7d;
}


.rounded-form select,
.rounded-form input,
.rounded-form button,
.rounded-form textarea,
.store-locator-page select {
    font-size: .8rem;
    width: 100%;
    margin: 5px 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background: #fff;
}

.rounded-form button {
    background: #155a81;
    color: #fff;
    font-size: .8rem;
    text-transform: uppercase;
    border: none;
    padding: 8px 10px;
}

.rounded-form select {
    background: #fff url(../images/select_arrows.png) right center no-repeat;
}

.store-locator-page select {
    background: #fff url(../images/select_arrows.png) right center no-repeat;
}

.locations-grid {
    padding-bottom: 15px;
}

.site-header-inner p {
    margin: 0px;
}

.text-line {
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 20px 0;
}

.text-line span {
    position: absolute;
    left: 47%;
    background: #fff;
    padding: 0 10px;
    top: -10px;
    font-size: .8rem;
    float: none;
}

.connect-to-practitioner .contact-block {
    margin: 0px;
    padding-bottom: 0px;
}

/* Sticky header */

.header-search .input-group {
    display: flex;
    flex-wrap: nowrap;
}

.sticky-header-wrap.sticky {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 2px solid rgba(238, 238, 238, 0.9);
    left: 0;
    position: fixed;
    top: -80px;
    width: 100%;
}

.sticky-header-wrap.sticky.sticky-show {
    top: 0;
    transition: top 0.6s ease;
    -webkit-transition: top 0.6s ease;
    -moz-transition: top 0.6s ease;
    -o-transition: top 0.6s ease;
}

.sticky-header-wrap.sticky .site-header-inner {
    height: 80px;
    padding: 0px 12px;
}

.site-header-inner .practitioner-dropdown {
    padding: 10px 30px 30px;
    background: #fff;
    border: 0px solid #eee;
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    text-align: left;
    box-shadow: 0px 0px 10px #dddddd;
}

.sticky-header-wrap-homepage.sticky-hp {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(238, 238, 238, 0.9);
    left: 0;
    position: fixed;
    top: 0 !important;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
}

.sticky-header-wrap-homepage.sticky-hp .site-header-inner {
    height: 80px;
    padding: 0px 10px;
}


/** footer ****/
.site-footer {
    background: #2C5E8B;
    color: #fff;
    padding-bottom: 20px;
}

.site-footer h6 {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.site-footer h6.community {
    font-weight: normal !important;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
    font-size: .9rem;
    line-height: 22px;
}

.site-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.site-footer .copy {
    font-size: .75rem;
    text-align: center;
    margin: 20px 0 0;
}

.site-footer .copy.left {
    text-align: left;
}

.site-footer .fda {
    padding: 15px;
    font-size: .7rem;
    font-weight: 700;
    margin-top: 40px;
    text-align: center;
    color: #444;
    background: #fff;
}

.site-footer .socials {
    color: #fff;
}

.site-footer .socials a {
    float: left;
    margin-right: 30px;
    font-size: 2rem;
}

.site-footer .socials a:last-of-type {
    margin-right: 0px;
}

.site-footer hr {
    border: none;
    border-bottom: 1px solid #50616d;
    margin: 10px 0;
    width: 90%;
}

.site-footer .footer-top {
    border-bottom: 1px solid #fff;
    padding: 5px 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.site-footer .footer-top .button.outlined {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    padding: 14px 60px;
}

.site-footer .footer-top .join-mailing-list {
    text-align: right;
}

.footer-subscribe select {
    color: #444;
    border-radius: 4px;
    margin-bottom: 2px;
}

.footer-subscribe input[type=email] {
    border-radius: 4px 0 0 4px;
    color: #444;
}

.footer-subscribe button {
    border-radius: 0 4px 4px 0;
    background: #85919c !important;
}

.footer-subscribe button:hover {
    background: #85919c;
}

.site-footer .footer-subscribe {
    margin: 0px;
}

.site-footer .footer-subscribe select {
    width: 100% !important;
    margin-right: 0px;
}

.footer-links-block,
.footer-links-block .footer-links-flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 5px 0;
}

.footer-links-block .footer-links-flexbox div {
    width: 25%;
}

.footer-links-block .bcorp-note {
    width: 42%;
    padding-left: 60px;
}

@media(max-width:768px) {

    .site-footer .footer-top,
    .footer-links-block .footer-links-flexbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer .footer-top .join-mailing-list {
        margin-top: 30px;
        padding-bottom: 10px;
        width: 100%;
    }

    .site-footer .footer-top .button.outlined {
        padding: 14px 20px;
        text-align: center;
        width: 100%;
    }

    .footer-links-block .footer-links-flexbox div {
        width: 100%;
    }

    .site-footer .footer-top {
        margin-bottom: 20px;
    }

    .footer-links-block .footer-links-flexbox div {
        margin-bottom: 30px;
    }

    .footer-links-block .footer-links-flexbox div h6 {
        font-size: 16px;
    }

    .footer-links-block .footer-links-flexbox div a {
        font-size: 14px;
        line-height: 28px;
    }

    .footer-links-block .bcorp-note {
        width: 100%;
        padding: 0px;
    }

    .site-footer .fda {
        font-size: 11px;
        line-height: 15px;
        margin-top: 20px;
    }

}

@media(min-width:769px) and (max-width:990px) {
    .footer-links-block .bcorp-note {
        width: 100%;
        margin-top: 30px;
        padding: 0px;
    }
}

@media(min-width:991px) and (max-width:1170px) {
    .site-footer .socials a {
        margin-right: 15px;
    }
}


.ie-div-position-customer-chat iframe {
    bottom: 110px;
    right: 5px;
}

@media(max-width: 1024px) {
    .ie-div-position-customer-chat iframe {
        bottom: 125px;
    }

    #backTop {
        bottom: 195px;
    }
}

@media(max-width: 767px) {
    .ie-div-position-customer-chat iframe {
        bottom: 115px;
    }

    #backTop {
        bottom: 185px;
    }
}

@media(max-width: 600px) {
    .ie-div-position-customer-chat iframe {
        bottom: 135px;
    }

    #backTop {
        bottom: 205px;
    }

    .review-order-box {}

    .checkout-page .shipto-address .address-box>div {
        width: 100% !important;
        padding: 5px 5px 5px 0 !important;
    }

    .payment-summary .review-billing-payment .page-title,
    .shipping-package-summary .page-title {
        margin-bottom: 17px !important;
    }

    .checkout-review-page .shipping-package-summary .shipto-address {
        margin-top: -15px;
    }

    .payment-summary .review-billing-payment {
        padding-top: 20px !important;
    }

    .checkout-review-page .checkout-box,
    .express-checkout-page .checkout-box {
        padding-bottom: 0px;
    }

}

@media(max-width: 480px) {
    .ie-div-position-customer-chat iframe {
        bottom: 175px;
        right: 15px;
    }

    #backTop {
        bottom: 245px;
        right: 15px;
    }
}

@media(max-width: 380px) {
    .ie-div-position-customer-chat iframe {
        bottom: 195px;
        right: 15px;
    }

    #backTop {
        bottom: 265px;
        right: 15px;
    }
}

.cookie-consent-closed .ie-div-position-customer-chat iframe {
    bottom: 20px;
}

.cookie-consent-closed #backTop {
    bottom: 90px;
}

.footer-links-block.checkout-ftr-menu {
    justify-content: center;
}

.checkout-ftr {
    border: none;
    border: 1px dotted #8ca4c0 !important;
    width: 100% !important;
    margin: 100px 0 0px !important;
}

.checkout-ftr-menu {
    margin: 50px 0;
    text-align: center;
}

.checkout-ftr-menu a {
    display: inline-block;
    margin: 0 10px;
    color: #fff !important;
}

@media (max-width: 767px) {
    hr.checkout-ftr {
        display: none;
    }

    .footer-links-block {
        flex-direction: column;
    }

    .footer-links-block>div {
        margin-bottom: 15px;
    }

    .checkout-ftr-menu {
        margin: 20px 0 30px;
        width: 100%;
    }

    .checkout-ftr-menu a {
        text-align: center;
        margin: 7px 0;
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width:990px) {
    .footer-links-block {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .footer-links-block>div {
        width: 30%;
    }
}

.site-footer .fda.mobile-only {
    margin-left: 10px;
    margin-right: 10px;
}

/** index **/
.site-content-inner {
    float: none;
}

.site-content-inner.sticky {
    padding-top: 100px;
}

.practitioner-index {
    padding-top: 10px;
}

.home-main-image {
    position: relative;
}

@media(min-width: 768px) {
    .mg-tabs {
        margin-top: 150px;
    }
}

.home-main-image.practitioner {
    background: #EFF0F4;
    text-align: right !important;
}

.slider-data,
.home-main-data {
    position: absolute;
    top: 0;
    width: 100%;
}

.home-main-data .slider-text {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    text-align: center;
    margin-top: 250px;
}

.slider-data a,
.home-main-data a {
    background: #3e5463;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .8rem;
    padding: 10px 30px;
    margin-bottom: 10px;
    text-decoration: none;
}

.slider-data a .fa,
.home-main-data .fa {
    margin-left: 10px;
}

.bx-wrapper {
    margin-bottom: 0px;
    max-width: 100% !important;
}

.bx-wrapper .bx-controls-direction a {
    width: 23px;
    height: 23px;
}

/*ECOM-38807*/
.bx-wrapper .bx-controls-direction a.disabled {
    display: inline;
}

.bx-wrapper .bx-prev {
    background: url(../images/carousel-arrows.png) 0 0 no-repeat !important;
}

.bx-wrapper .bx-prev:hover {
    background: url(../images/carousel-arrows.png) -23px 0 no-repeat !important;
}

.bx-wrapper .bx-next {
    background: url(../images/carousel-arrows.png) -46px 0 no-repeat !important;
}

.bx-wrapper .bx-next:hover {
    background: url(../images/carousel-arrows.png) -69px 0 no-repeat !important;
}


.pract-logo {
    float: right;
    width: 40%;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align: right;
    padding-top: 20px;
}

.pract-logo a {
    display: block;
    background: transparent;
}

.pract-logo a img {
    max-width: 100%;
}

.pract-welcome-msg {
    margin-top: 250px;
    text-align: left;
    width: 45%;
}

.pract-welcome-msg h1 {
    color: #425563;
    font-weight: normal;
    font-size: 2.4rem;
    margin-bottom: 30px;
}

.pract-welcome-msg .subtitle {
    color: #92999f;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}

.circle-arrow {
    background: #fff;
    position: absolute;
    bottom: -30px;
    left: 47%;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin: auto;
    z-index: 4;
    width: 57px;
    height: 57px;
    text-align: center;
    font-size: 2rem;
    padding-top: 3px;
}

.index-copy {
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    font-size: 1.2rem;
    text-align: center;
    margin: 0px 0 10px;
    color: #7e8890;
    position: relative;
}

.lightsteel {
    background: #425563;
    color: #fff;
    text-align: center;
}

.darksteel {
    background: #343c4e;
    color: #fff;
    text-align: center;
}


.meta-grid .col1,
.meta-grid .col2,
.meta-grid .col3,
.meta-grid .col4,
.meta-grid .col5,
.meta-grid .col6 {
    float: left;
    padding: 1px;
}

.meta-grid img {
    width: 100%;
}

.meta-grid .col1 {
    width: 42.11%;
}

.meta-grid .col2 {
    width: 57.88%;
    padding: 0px;
}

.meta-grid .col3 {
    width: 42.88%;
    padding-bottom: 0px;
}

.meta-grid .col4 {
    width: 57.11%;
}

.meta-grid .col4 .col4img1,
.meta-grid .col4 .col4img4 {
    width: 100%;
    padding: 1px 0;
}

.meta-grid .col4 .col4img1 {
    padding-top: 0px;
}

.meta-grid .col4 .col4img4 {
    padding-bottom: 0px;
}

.meta-grid .col5 {
    padding-left: 0px;
}

.meta-grid .col5,
.meta-grid .col6 {
    width: 50%;
}

.meta-grid .col6 {
    padding: 0px;
    padding: 1px 0 0 1px;
}


.lightgrayzone,
.testimonialszone {
    background: #f2f2f2;
    padding: 40px 0;
    text-align: center;
    margin: 50px 0;
    font-size: 1rem;
    color: #888;
}

.testimonialszone {
    margin: 0px;
    display: none;
}

.lightgrayzone .title {
    color: #464f60;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.signupindex {
    padding: 40px 0;
    margin-bottom: 0px;
}

.signupindex .footer-subscribe {
    width: 300px;
    margin: auto;
}

.signupindex .footer-subscribe select {
    width: 300px !important;
}

a.btnws,
button.btnws {
    background: #004D99;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .8rem;
    line-height: 1rem;
    padding: 10px 30px;
    margin-bottom: 10px;
    text-decoration: none;
    white-space: nowrap;
}

a.btnws .fa {
    margin-left: 10px;
}

a.btnws:hover,
button.btnws:hover {
    background: #002A54;
}

button.btnws {
    line-height: 1rem;
}

.spot1,
.spot2 {
    height: 325px;
    padding: 50px;
    font-size: 1rem;
}

.spot1 .title,
.spot2 .title {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 20px;
}

.spot1 .btn,
.spot2 .btn {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 7px 20px;
    font-size: .8rem;
    background: transparent;
    text-decoration: none;
    color: #fff;
}

.spot1 .btn:hover,
.spot2 .btn:hover {
    background: transparent;
}

.index-image-ads {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.index-image-ads img {
    margin: auto;
}

.over-image {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.index-image-ads .dataright {
    margin-left: 50%;
    margin-top: 10%;
    text-align: left;
}

.index-image-ads .dataleft {
    text-align: left;
    margin-top: 10%;
    margin-right: 50%;
}

.index-image-ads .product-name {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    color: #c6c2bd;
}

.index-image-ads .data-title,
.index-title {
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.2rem;
}

.index-image-ads .description {
    font-size: .8rem;
    margin: 20px 0;
    color: #7e8890;
}

.index-image-ads .btn {}

.index-image-ads .icons-block {
    margin-top: 30px;
}

.index-title,
.testimonialszone .title {
    margin-bottom: 20px;
    font-size: 2rem;
    color: #464f60;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}


.testimonial-box {
    padding: 15px !important;
}

.testimonial-box img {
    margin-bottom: 15px;
}

.testimonial-box .quote {
    text-align: left;
    font-style: italic;
    font-size: .8rem;
}

.breadcrumb-wrap .breadcrumbs {
    font-size: .8rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.breadcrumb-wrap .breadcrumbs .breadcrumb-item a {
    text-decoration: none;
    color: #393D40;
}

.breadcrumb-wrap .breadcrumbs .breadcrumb-item:last-child a {
    color: #6D7073;
}

.block-padding {
    padding: 80px 0;
}

.padding-right {
    padding-right: 100px;
}

.nomarginbottom {
    margin-bottom: 0px;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.floatnone {
    float: none;
}

.margin-left {
    margin-left: 10px;
}

.margin-right {
    margin-right: 10px;
}

#simplemodal-container .modalCloseImg:before {
    content: "";
}

#simplemodal-container .modalCloseImg {
    background: url(../images/exit.png)center center no-repeat;
    width: 17px;
    height: 17px;
    display: block;
}

#simplemodal-data .store-box {
    border-radius: 6px;
}

#simplemodal-container .store-box .store-box-title {
    border: 0px;
}

.store-box-content button {
    float: right;
}

/* EPDS-13 :: 07/11/2019 :: FHDZ */
#simplemodal-container .modalCloseImg {
    right: 22px;
}

table.reorder-item-table-popup {
    width: 100%;
}

table.reorder-item-table-popup .updating-qty {
    display: none;
    vertical-align: middle;
}

table.reorder-item-table-popup .qty-label {
    display: inline-block;
}

table.reorder-item-table-popup .updating-qty input.qty_input.aros-popup {
    margin: 0;
    max-width: 90% !important;
    display: inline-block;
    padding: 2px 10px;
    float: none;
    margin-left: 10px;
}

table.reorder-item-table-popup .change-qty {
    text-decoration: underline;
    color: #435664;
}

/*** button colors **/

button,
a.button,
.btnws,
.btn {
    background-color: #435664;
    background: #435664;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    white-space: nowrap;
}

button:hover,
a.button:hover,
.btnws:hover,
.btn:hover {
    background: #687682;
    color: #fff;
}

.sbtn {
    background: #323c52;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sbtn:hover {
    background: #435664;
    color: #fff;
}

.tbtn {
    background: #195c7e;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.tbtn:hover {
    background: #437d9b;
    color: #fff;
}

button.terms-agree.disabled {
    background-color: #687682 !important;
}

/* blue icons */

.blue-icons {
    background-image: url(../images/blue-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
}

.blue-icons.no-fish {
    background-position: 0 0;
}

.blue-icons.microscope {
    background-position: -34px 0
}

.blue-icons.search-data {
    background-position: -68px 0;
}

/* category page */
.browse-page:after {
    content: '';
    clear: both;
    display: table;
}

.category-main {
    margin-bottom: 20px;
}

.category-main h1 {
    color: #343b4b;
    font-size: 2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-right: 50%;
}

.category-main .cat-description {
    font-size: 1rem;
    margin-right: 50%;
    display: block;
    color: #777;
    font-size: .9rem;
}

.category-main .header-search {
    float: left;
    margin-right: 3%;
    width: 23%;
    max-width: none;
}

.filters-selected {
    margin: 20px 0;
    font-size: .8rem;
    line-height: 1.8rem;
}

.filters-selected .selected-option {
    margin: 3px 5px 3px 0;
    white-space: nowrap;
    background: #eee;
    padding: 2px 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.fa.blackbg {
    background: #000;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 5px;
    font-size: .8rem;
}

.thumbs-wrap {
    margin: 0 -5px;
}

.featured-wrap {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 20px;
    display: none;
}

.featured-wrap h3 {
    font-size: .8rem;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #000;
}

.thumb-grid {
    padding: 5px;
    text-align: center;
    width: 33.33%;
}

.thumb-grid.slot-row {
    padding: 5px;
}

.special-deals-list .thumb-grid {
    background: #fff;
}

.thumb-grid .thumb-grid-inner {
    background: #fff;
    border: 1px solid #f2f2f2;
    position: relative;
    padding: 10px;
    height: 440px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.thumb-grid .thumb-grid-inner:hover {
    -webkit-box-shadow: 0px 0px 10px #ddd;
    -moz-box-shadow: 0px 0px 10px #ddd;
    box-shadow: 0px 0px 10px #ddd;
}

.thumb-grid .name {
    color: #425462;
    text-decoration: none;
    margin-bottom: 5px;
}

.thumb-grid .description {
    color: #a2a2a2;
    font-size: .8rem;
    margin-bottom: 10px;
}

.thumb-grid .prices-wrap {
    bottom: 0px;
    display: block;
    height: 60px;
    left: 0px;
    padding-bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.thumb-grid .price {
    color: #435563;
    font-family: "Open Sans", sans-serif;
    font-size: 1.1rem;
    margin: 10px 0;
}

.thumb-grid .retail-price,
.thumb-grid .old-price {
    color: #c8c8c8;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 10px 0;
    text-decoration: line-through;
}

.thumb-grid .you-save {
    color: #2d2d2d;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.thumb-grid .btnws {
    font-size: .7rem;
    padding: 8px 15px;
    display: block;
    width: 120px;
    margin: 0px auto;
    font-weight: 600;
}

.thumb_actions {
    margin-top: 10px;
}

.thumb_actions .action-icons {
    margin: 10px auto 0;
    width: 70px;
    display: none;
}

.action-icons .thumb-icons {
    width: 25px;
    height: 26px;
    float: left;
    margin: 0 4px;
    background-image: url(../images/thumb-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.thumb-icons.info {
    background-position: 0 0;
}

.thumb-icons.add-to-wishlist {
    background-position: -25px 0;
}

.thumb-grid .img img {
    border: 1px solid #ddd;
}

.thumb-grid .preferred-category,
.product-images .preferred-category {
    z-index: 4;
    background: #425563;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px 0px 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    padding: 3px 10px;
    font-size: .6rem;
    top: 10px;
    right: 10px;
    position: absolute;
}

.thumb-grid .free-shipping-badge,
.product-images .free-shipping-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: gold;
    text-transform: uppercase;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    padding: 3px 10px;
    font-size: .7rem;
}

.thumb-grid .new-item-badge {
    background: lime;
    position: absolute;
    top: 30px;
    right: 10px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    padding: 3px 10px;
    font-size: .6rem;
    text-transform: uppercase;
}

.thumb-grid .onsale-item-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: gold;
    font-size: .8rem;
    padding: 3px;
}

.thumb-grid .rebate,
.reward-point-earn {
    display: none;
}

.subcats-page .thumbs-wrap {
    padding: 0px;
    margin: 0 -15px;
}

.subcats-page .thumb-grid {
    width: 25%;
}


.thumb-grid:nth-of-type(5n+1),
.thumb-grid:nth-of-type(3n+1) {
    clear: none;
}

.category-actions {
    margin: 0 0 20px 0;
}

.category-actions:after {
    content: '';
    clear: both;
    display: table;
}

.thumb-navigation-links a {
    border: 1px solid #ddd;
    display: block;
    float: left;
    margin: 0 0 0 -1px;
    padding: 3px;
    width: 30px;
    text-align: center;
    font-size: .8rem;
}

.thumb-navigation-links a.active {
    background: #3b3b3b;
    color: #fff;
    border-color: #3b3b3b;
    text-decoration: none;
}

.category-sort-order {
    margin-right: 0px;
    float: right;
}

.category-sort-order select,
.category-actions select {
    font-size: 0.8rem;
}

.category-sort-order select {
    border: none;
    text-transform: uppercase;
}

.side-column-content {
    margin: 0 20px 30px 0;
}

.product-search,
.ingredient-search {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}

.product-search input,
.ingredient-search input {
    border: none;
    background: transparent;
    width: 90%;
    padding: 10px;
}

.product-search .psrch,
.ingredient-search .srch {
    background: transparent !important;
    border: none;
    position: absolute;
    right: 0px;
    font-size: 1rem;
    color: #a3a3a3 !important;
    top: 0px;
    padding: 6px 10px;
}

.side-column-content h5 {
    border-bottom: solid 2px #1b5a7d;
    background: #F4F4F4;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 10px 10px 8px 10px;
    text-transform: uppercase;
}

.side-column-content h5 .fa {
    float: right;
    font-size: 1rem;
    color: #a3a3a3;
}

.side-column-content .btnws {
    margin: 0px;
}

.filter-content {
    display: block;
}

.facet-options {
    margin: 0 0 20px;
}

.facet-options .facet-option {
    border-bottom: 1px solid #e8e8e8;
    color: #888;
    display: block;
    font-size: .8rem;
    padding: 7px 5px 7px 10px;
    text-decoration: none;
}

.facet-options .facet-option:hover {
    background: #f5f5f5;
    color: #145579;
}

.facet-options .facet-option label {
    margin-left: 5px;
}

.facet-options.health-categories {
    display: block;
}

.health-categories a {
    border-bottom: 1px solid #e8e8e8;
    color: #888888;
    display: block;
    font-size: .8rem;
    padding: 7px 5px 7px 10px;
    text-decoration: none;
}

.health-categories a:hover {
    background: #f5f5f5;
    color: #145579;
}

.health-categories a.active {
    background: #f5f5f5;
    color: #145579;
}

a.clear-all {
    text-decoration: none;
    margin-left: 10px;
}

.srch-by-ingredient {
    background: #F2F2F2;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 12px 15px 12px;
}

.srch-by-ingredient h5 {
    border: 0;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    text-transform: uppercase;
}

.ingredient-search {
    background-color: #fff;
    margin: 10px 0 0 0;
}

.ingredient-search input {
    padding: 6px 10px;
}

.ingredient-search .srch {
    top: -2px;
}

.merchant-acct .practitioner-docs {
    margin-top: 4px;
}

.merchant-acct .upload-file {
    margin-bottom: 5px;
    margin-left: 36%;
}

.merchant-acct .tax-exempt-certificate {
    display: flex;
    margin-left: 36%;
    align-items: center;
}

.merchant-acct .tax-exempt-certificate .upload-license {
    flex-grow: 4;
}

.merchant-acct .tax-exempt-certificate select {
    border-left: 1px solid #cecece !important;
    border-right: 1px solid #cecece !important;
    min-width: 275px;
    max-width: 275px;
}

.merchant-acct .tax-exempt-certificate button {
    margin: 0px 5px;
}

@media(max-width: 1024px) {
    .merchant-acct .tax-exempt-certificate {
        margin-left: 0px;
        clear: both;
    }

    .merchant-acct .tax-exempt-certificate .upload-license {
        padding: 10px;
    }

    .merchant-acct .tax-exempt-certificate select {}
}

@media(max-width: 500px) {
    .merchant-acct .tax-exempt-certificate {
        flex-wrap: wrap;
    }

    .merchant-acct .tax-exempt-certificate .upload-license {
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .merchant-acct .tax-exempt-certificate select {
        flex-grow: 4;
        border: none !important;
        min-width: auto;
        max-width: none;
    }
}

.load-more-wrap {
    margin-top: 15px;
    text-align: center;
    padding: 10px 0;
}

.load-more-wrap .load-more.loading {
    background: url(../../../store/responsive/images/ajax-loader.gif) center no-repeat;
    height: 30px;
}

/**
 * Supplement finder
 */
/*.supplement-finder-page */
.category-actions {
    background: #F6F6F6;
    border: solid 1px #F0F0F0;
    margin: 0 0 20px 0;
    padding: 20px;
}

/*.supplement-finder-page*/
.category-actions {
    display: table;
    width: 100%;
}

/*.supplement-finder-page*/
.search {
    display: table-cell;
    vertical-align: middle;
}

/*.supplement-finder-page*/
.category-search-box {
    background: #fff;
    border: solid 1px #D2D2D2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

/*.supplement-finder-page*/
.category-search-box input {
    background-color: transparent;
    border: 0;
    padding: 9px 0 9px 9px;
}

/*.supplement-finder-page*/
.category-search-box button,
/*.supplement-finder-page*/
.category-search-box button:hover {
    background-color: transparent;
    color: #999;
}

/*.supplement-finder-page*/
.sorting {
    display: table-cell;
    padding-left: 40px;
    vertical-align: middle;
    width: 140px;
}

/*.supplement-finder-page*/
.sorting select {
    border: solid 1px #D2D2D2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #999;
    text-transform: capitalize;
    padding: 10px;
}

/* MGED-302 Metagenics Message */
.metagenics-message {
    margin: 10px 0;
}

.metagenics-message ul {
    list-style: none;
    margin: 0;
}

.metagenics-message ul li {
    padding: 0;
    font-size: 85%;
    color: #655;
}

/* MGED-307 */
.rma-table tr.details-info {
    display: none;
}

.rma-table thead th {
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
}

.graphics-rma {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
}

.graphics-rma .graphic-item {
    font-size: 0.7rem;
    width: 20%;
    box-sizing: border-box;
    padding: 5px;
    color: #005C94;
}

.graphics-rma .graphic-item .rma-description,
.graphics-rma .graphic-item .rma-illustration {
    clear: both;
}

.graphics-rma .graphic-item .rma-illustration img {
    position: relative;
    display: block;
    width: 100%;
}

.graphics-rma .graphic-item .rma-description .item-number,
.graphics-rma .graphic-item .rma-description .item-description {
    display: inline-block;
}

.graphics-rma .graphic-item .rma-description .item-number {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #005C94;
    color: white;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
}

.graphics-rma .graphic-item .rma-description .item-description {
    width: auto;
}

.graphics-rma .graphic-item .rma-description table tr td {
    vertical-align: top;
    padding: 2px 3px;
}

table.return-product-actions tr td {
    font-size: 0.8rem;
    border: none;
    vertical-align: top;
}

table.return-product-actions tr td select,
table.return-product-actions tr td textarea {
    font-size: 0.8rem;
    padding: 3px 20px 3px 6px;
}

table.return-product-actions tr td input {
    font-size: 0.8rem;
    padding: 3px 6px;
}

.second-part {
    display: none;
}

.center-form {
    margin: 40px auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: max-content;
}

.center-form .email-form {
    display: inline-block;
    background-color: #f1f1f1;
    box-sizing: border-box;
    padding: 20px;
    font-size: 0.85rem;
    text-align: center;
    width: 320px;
}

.view-pdf-section {
    display: inline-block;
    width: 320px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 0.85rem;
}

input.input-miniform {
    display: block;
    margin: 0 auto;
}

.or-separation {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 110px;
}

.return-items-button {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

/* MGED-307 MEDIA QUERIES */
@media screen and (max-width:600px) {
    .graphics-rma {
        flex-direction: column;
    }

    .graphics-rma .graphic-item {
        width: 100%;
    }

    .center-form {
        margin: 40px auto;
        display: flex;
        flex-direction: column;
    }

    .email-form {
        display: block;
        width: 100%;
    }

    .view-pdf-section {
        display: block;
        width: 100%;
    }

    .or-separation {
        display: block;
        width: 100%;
        padding-top: 10px;
    }
}

.reviews-stars,
.reviews-stars- {
    height: 19px;
    float: left;
}

.reaction {
    background: #eff2f5;
    border: none;
    margin: 20px 0;
    padding: 1em;
    position: relative;
}

.reaction .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eff2f5;
    position: absolute;
    top: -10px;
    left: 15px;
}

/* Item Reviews Stars */
.reviews-stars,
.reviews-stars-,
.reviews-stars-0 {
    padding-left: 95px;
    background: url(../images/reviews/stars_0.png) no-repeat left center;
}

.reviews-stars-1,
.reviews-stars-10 {
    background-image: url(../images/reviews/stars_1.0.png);
}

.reviews-stars-15 {
    background-image: url(../images/reviews/stars_1.5.png);
}

.reviews-stars-2,
.reviews-stars-20 {
    background-image: url(../images/reviews/stars_2.0.png);
}

.reviews-stars-25 {
    background-image: url(../images/reviews/stars_2.5.png);
}

.reviews-stars-3,
.reviews-stars-30 {
    background-image: url(../images/reviews/stars_3.0.png);
}

.reviews-stars-35 {
    background-image: url(../images/reviews/stars_3.5.png);
}

.reviews-stars-4,
.reviews-stars-40 {
    background-image: url(../images/reviews/stars_4.0.png);
}

.reviews-stars-45 {
    background-image: url(../images/reviews/stars_4.5.png);
}

.reviews-stars-5,
.reviews-stars-50 {
    background-image: url(../images/reviews/stars_5.0.png);
}
.frequently-bought-together {
    clear: both;
    margin-top: 30px;
} 
.frequently-bought-together .fbt-thumb {
    display: flex;
    padding: 10px 20px 10px 5px;
    border: 1px solid #D0D3D6;
    border-radius: 5px;
    margin-bottom: 15px;
    align-items: center;
}
.frequently-bought-together .fbt-thumb .img {
    width: 95px;
    display: inline-block;
}
.frequently-bought-together .fbt-product-info{
    flex-grow: 1;
    padding: 0px 20px 0px 10px;
    line-height: 30px;
    width: calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: -ms-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
}
.frequently-bought-together .fbt-thumb .model {
    font-size: 0.9rem;
    font-weight: bold;
    color: #1C1E1F;
    line-height: 22px;
}
.frequently-bought-together .fbt-thumb .short-description {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #393D40;
} 
.frequently-bought-together .fbt-thumb .price {
    color: #393D40;
    font-size: 0.9rem;
    font-weight: bold;
}
.frequently-bought-together .fbt-added-to-cart {
    color: #002A54;
    background: url(../images/pdp/fbt_check.png);
    font-weight: 500;
    width: 150px;
    text-align: center;
    text-align: center;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 20px);
    padding-right: 25px;
}
.frequently-bought-together .prices .old-price {
    text-decoration: line-through;
    color: #6D7073;
    font-weight: normal;
    font-size: 0.75rem;
    margin-left: 5px;
}
.frequently-bought-together .button.outlined {
    font-weight: 500;
    text-transform: capitalize;
    width: 150px;
    text-align: center;
}
@media(max-width: 600px) {
    .frequently-bought-together .fbt-thumb {
        flex-wrap: wrap;
    }
    .frequently-bought-together .fbt-product-info {
        width: calc(100% - 95px);
        width: -moz-calc(100% - 95px);
        width: -ms-calc(100% - 95px);
        width: -webkit-calc(100% - 95px);
        line-height: 23px;
    }
    .frequently-bought-together  .actions {
        margin-left: 105px;
        margin-top: 5px;
    }
    .frequently-bought-together  .actions .button.outlined {
        text-transform: capitalize;
        padding: 10px 21px;
        font-weight: 500;
    }
    .frequently-bought-together .fbt-thumb .model {
        font-size: 0.85rem;
    }
    .frequently-bought-together .fbt-thumb .short-description{
        margin-bottom: 6px;
        margin-top: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.product-page .product-type select {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 7px 25px 7px 15px;
}

.product-page .qty-select-wrap {
    display: block;
    margin-top: 20px;
    width: 100px;
    float: left;
}

.product-page .qty-select-wrap .qty-action.disabled {
    background: transparent;
}

.product-page .qty-select-wrap .qty-action,
.qty-select-wrap .qty-action span {
    border: none;
    padding-top: 5px;
}

.shopping-cart .ajax-edit-cart {
    background-color: #435664;
    color: #fff;
    float: right;
    font-size: 0.75rem;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 45px;
}

.product-page .qty-select-wrap .qty-action {
    width: auto;
}

.qty-select-wrap input.qty-input {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 46px;
}

.add-to-cart-box .add-to-cart {
    background: #425563;
    padding: 12px 90px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: .9rem;
    text-transform: uppercase;
}

.add-to-cart-box .add-to-cart:hover {
    background: #687682;
}

.product-page .product-actions {
    margin: 0px
}

.product-page .product-directions {
    border: 1px solid #e2e2e2;
    color: #195c7e;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 12px 30px;
    margin-bottom: 30px;
}

.information-line .directions {
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #555555;
    font-weight: bold;
    padding: 13px;
    font-size: .8rem;
}

.product-tabs {
    background: transparent;
    padding: 0px;
    margin-top: 30px;
}

.product-page hr,
hr {
    border-top: 1px solid #e3e3e3
}

.product-tabs .tabs {
    margin-bottom: 50px;
    width: 100%;
}

.product-tabs .tabs td {
    text-align: center;
}

.product-tabs .tabs a {
    height: 57px;
    width: 20%;
    border-right: 5px solid #fff;
    float: left;
    background: #ececec;
    text-align: center;
    font-size: .7rem;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    padding: 20px 5px;
    text-decoration: none;
}

.product-tabs.powerbrand .tabs a {
    width: 33%;
}

.product-tabs .tabs a:hover {
    background: #425563 url(../images/midtab.png) bottom center no-repeat;
    color: #fff;
}

.product-tabs .tabs a.last {
    border: none;
}

.parent-review {
    background-color: #F1F3F3;
    font-style: italic;
    padding: 10px;
}

.tab-content {
    border-bottom: 0px solid #e4e4e4;
    padding-bottom: 40px;
}

.tab-content .the-content {
    display: block;
}

.tab-content .the-content .label-left {
    padding-right: 30px;
}

.tab-content h3,
.recommended h3 {
    font-size: 1.4rem;
    margin: 40px 0;
}

.tab-content .benefit,
.tab-content .block {
    border: 1px solid #eeeeee;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #fafafa;
    margin: 40px 0;
    padding: 40px 50px;
}

.tab-content .block hr {
    border-color: #ccc;
}

.benefit .icon-space {
    float: left;
}

.benefit .text-content {
    margin-left: 80px;
}

.tab-q {}

.tab-a {
    margin: 20px 0 20px 30px;
}

.tab.science .block {
    background: #fafafa;
    border: 1px solid #eaeaea;
    margin: 15px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 40px;
}

.product-page .add-to-cart-box {
    margin-bottom: 0px;
}

.product-page .add-to-cart {
    background-color: #1b96c3;
    background: #1b96c3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    white-space: nowrap;
}

.product-page .add-to-cart:hover {
    background: #1387b2;
}

.product-page .notice-3pp {
    border: 1px solid #aaa;
    padding: 10px 15px;
    font-size: 12px;
    margin: 15px 0;
}

/* EPDS-675 */
.overlay-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.overlay-screen .modal-backorder {
    background-color: white;
    width: 500px;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    border-radius: 6px;
    max-width: 100%;
}

.overlay-screen .modal-backorder .title-modal {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.overlay-screen .modal-backorder .content-modal {
    line-height: 2;
}

.overlay-screen .modal-backorder .buttons-modal {
    text-align: right;
    margin-top: 20px;
}

.overlay-screen .modal-backorder .buttons-modal .btn-agree {
    background-color:
        #BEE9FF;
    margin-left: 10px;
}

/* PDP - bundles */
.bundle-product-page .product-title,
.bundle-product-page .product-information,
{
float: none;
padding-left: 0;
width: 100%;
}

.bundle-product-page .product-actions {
    text-align: right;
}

.bundle-product-page .cnf-bundle-wrapper .green-color {
    color: #63737E;
    padding-bottom: 5px;
}

.bundle-product-page .cnf-bundle-wrapper {
    width: 100%;
}

.bundle-product-page .cnf-bundle-wrapper td {
    padding: 30px 0;
    vertical-align: top;
}

.bundle-product-page .cnf-bundle-wrapper td:nth-child(2),
.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child-attributes,
.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child-qty,
.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child-stotal {
    padding-left: 20px;
}

.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child {
    border-bottom: 1px solid #ddd;
}

.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child-qty {
    min-width: 110px;
}

.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child-stotal,
.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-gtotal-label,
.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-gtotal {
    padding-bottom: 20px;
    text-align: right;
}

.bundle-product-page .cnf-bundle-wrapper .cnf-bundle-child .img {
    max-width: 150px;
}

.bundle-product-page .cnf-bundle-wrapper .pc-attribute-wrapper {
    padding-bottom: 10px;
}

.scrollable-box {
    overflow: auto;
}

/* their code for other ingredients */
.other-ingredients table {
    color: #58656E;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    width: 100%;
}

.other-ingredients table tr {
    margin: 0;
    padding: 0;
}

.other-ingredients table td {
    margin: 0;
}

.ingredient_table {
    margin: 0 0 20px 0;
}

.ingredient_indent {
    text-indent: 0;
    padding-left: 10px;
    padding-right: 5px;
}

.ingredient_table_body_row {
    border-bottom: 1px dotted #58656e;
    margin: 0;
    padding: 4px 0 4px 0;
}

.ingredient_table_header_row {
    border-bottom: 2px solid #2C5E8B;
    border-top: 2px solid #2C5E8B;
    margin: 0;
    padding: 4px 0 4px 0;
}

.ingredient_table_header_row_cell {
    margin: 0;
    padding: 4px 10px 4px 0;
    border-bottom: dotted 1px #58656E;
}

.ingredient_table_body_row_cell {
    color: #4e4e4e;
    margin: 0;
    padding: 5px 10px 5px 0;
    border-bottom: solid 1px #2C5E8B;
    text-align: right;
}

.ingredient_table_body_row_cell:first-of-type {
    width: 50%;
    text-align: left;
}

.other-ingredients p {
    margin: 2px 0 2px 0;
}

.other-ingredients strong {
    font-weight: 600;
}

.other-ingredients sup {
    margin: -6px 0 0 0;
    padding: 0;
}

/* end of their code */


.product-page .product h3 {
    margin: 40px 0;
}

.product .bx-wrapper {
    max-width: 100% !important;
}

.product-list {
    list-style-type: none;
    margin: 0;
}

.product-list .thumb-grid {
    width: 100%;
}

.product .bx-wrapper .bx-prev,
.resources .bx-wrapper .bx-prev {
    left: -25px;
}

.product .bx-wrapper .bx-next,
.resources .bx-wrapper .bx-next {
    right: -25px;
}

.resource-list .resource-block {
    border: 1px solid #f2f2f2;
    float: left;
    height: 200px;
    background: #fff;
    text-align: center;
    position: relative;
    padding: 10px;
}

.resources .bx-wrapper .bx-viewport {
    height: 205px !important;
}

.resource-block a.img {
    height: 268px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.resource-block a {
    color: #425563;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}

.resource-block a.download {
    position: absolute;
    bottom: 0px;
    width: 90%;
    height: 40px;
    font-size: 2rem;
    text-align: center;
}

.resource-block .fa-file-o {
    font-size: 3.5rem;
}

.pdp-icons {
    background-image: url(../images/pdp-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 52px;
    width: 53px;
}

.pdp-icons.one {
    background-position: 0 0;
}

.pdp-icons.two {
    background-position: -54px 0;
}

.pdp-icons.two {
    background-position: -54px 0;
}

.share-box {
    float: right;
}


.pdp-small-icons {
    background-image: url(../images/pdp-small-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    float: right;
    margin-left: 5px;
}

.pdp-small-icons.wishlist,
.pdp-small-icons.heart {
    background-position: -32px 0;
}

.pdp-small-icons.giftreg,
.pdp-small-icons.gift {
    background-position: 0 0;
}

.pdp-small-icons.cog {
    background-position: -64px 0;
}

.pdp-small-icons.lens {
    background-position: -96px 0;
}

.product-page .auto-bill,
.display-info {
    background: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    font-size: .8rem;
}

.product-page .auto-bill h4 {
    font-size: .9rem;
    font-weight: bold;
    color: #425563;
    margin-bottom: 15px;
}

.product-page .auto-bill select,
.product-page .auto-bill input,
.display-info select {
    margin: 0 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px 15px;
}

.product-page .auto-bill select {
    padding-right: 40px;
    text-transform: uppercase;
}

.product-page .auto-bill input.calendar {
    width: 120px;
    background: #fff url(../images/calendar.png) center right no-repeat;
}

#display-variants {
    margin-bottom: 20px;
}

#display-variants .select-msg {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#display-variants dl {
    border: 1px dotted #ddd;
    padding: 5px 10px 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#display-variants dl dt {
    text-transform: uppercase;
    font-size: .8rem;
    padding-bottom: 10px;
}

#display-variants dl dl {
    border: none;
    float: left;
    margin-right: 2%;
    padding: 0px;
}

#display-variants dl dl span {
    display: block;
    font-size: .8rem;
}

#display-variants dl dl select {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.product-resources {
    clear: left;
    margin: 20px 0;
}

.product-resources a {
    text-decoration: none;
    width: 31%;
    float: left;
    border: 1px dotted #ddd;
    margin: 5px;
    padding: 5px;
}

.marketing-section .slider {
    padding: 40px 0px 80px 0px;
}

.marketing-section .slider ul {
    padding-top: 20px;
}

.marketing-section .slider li {
    display: flex;
    min-height: 300px;
    align-items: center;
}

.marketing-section .slider li .text {
    text-align: right;
    width: 50%;
}

.marketing-section .slider .img img {
    max-width: 220px;
}

.marketing-section .slider .bx-pager {
    display: block;
    bottom: -50px;
    padding: 0px;
}

.marketing-section .slider .title {
    text-align: center;
    font-size: 1.6rem;
}

.marketing-section .slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #c0c0c0;
    width: 4px;
    height: 4px;
    margin: 0px 10px;
}

.marketing-section .slider .bx-wrapper img {
    margin: 0 auto;
}

.marketing-section .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #2f2f2f;
}

.marketing-section .pros {
    background: #f8f9fa;
    padding: 30px 0px 190px 0px;
    text-align: center;
}

.marketing-section .pros .title {
    font-size: 1.5rem;
}

.marketing-section .pros p {
    color: #7f868b;
    padding: 10px 40px;
    max-width: 90%;
    margin: 1rem auto;
    font-weight: 300;
    font-size: 0.85rem;
}

.marketing-section .story {
    background: #c295c4;
    text-align: center;
    color: white;
    padding-bottom: 40px;
}

.marketing-section .story .portrait .img {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-top: -120px;
    border: 5px solid #c295c4;
    max-width: 240px;

}

.marketing-section .story .title {
    font-size: 1.6rem;
    margin-bottom: 30px;
    font-weight: 300;
}

.marketing-section .story .summary,
.marketing-section .story small {
    font-weight: 300;
    opacity: 0.8;
}

.marketing-section .text-image {
    display: flex;
    flex-wrap: wrap;
}

.marketing-section .text-image img {
    object-fit: cover;
}

.marketing-section .text-image .img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.marketing-section .title-decorative-m {
    font-weight: bold;
}

.marketing-section .title-decorative-m,
.marketing-section .title-decorative {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #adb5bd;
    margin-bottom: 0.75rem;
    display: block;
    font-weight: 500;
}

.marketing-section .short {
    border-top: 1px solid #1B96C3;
    margin: 0 0 1.5rem auto;
    width: 10rem;
}

.marketing-section .title-decorative-m:after {
    content: '';
    width: 150px;
    height: 1px;
    display: block;
    margin: 25px auto 45px auto;
    background: #1B96C3;
}

.marketing-section .text-image .text-left .short {
    margin: 0 auto 1.5rem 0;
}

.marketing-section .h1 {
    line-height: 3rem;
}

.marketing-section .new-design .lead {
    line-height: 35px;
    font-size: 1.3rem;
    margin-top: 30px;
    margin-bottom: 20px;
}

.marketing-section .new-design .lead,
.marketing-section .lead {
    display: block;
    font-weight: 400;
    padding-bottom: 2em;
}

.marketing-section .lead {
    line-height: 1.875rem;
    margin-bottom: 1rem;
}

.marketing-section .text-image .text {
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

.marketing-section .product {
    background: #eff2f5;
    padding: 40px 0px;
    text-align: center;
}

.marketing-section .product .model {
    font-size: 1.5rem;
}

.marketing-section .product .brand {
    font-size: 1.2rem;
}

.marketing-section .product .short-description {
    color: #7f868b;
    font-weight: 300;
    margin: 15px 0px;
    font-size: 0.85rem;
}

.marketing-section .product .img {
    margin: 20px 0px 40px 0px;
}

.marketing-section .btn {
    background: none;
    border: 1px solid #1B96C3;
    color: #1B96C3;
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    padding: 0.5rem 4rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.marketing-section .btn:hover,
.marketing-section .btn:focus {
    background-color: #1B96C3;
    color: #fff;
}

.marketing-section .btn.inverted {
    background: #1B96C3;
    border: 1px solid #1B96C3;
    color: #fff;
}

.marketing-section .btn-wrap .btn:nth-of-type(2n) {
    margin-left: 10px;
}

.marketing-section .btn.inverted:hover,
.marketing-section .btn.inverted:focus {
    background: none;
    border: 1px solid #1B96C3;
    color: #1B96C3;
}

.marketing-section .role,
.marketing-section .benefits {
    text-align: center;
}

.marketing-section .title-decorative-l {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 3rem;
    color: #303133;
    text-align: center;
}

.marketing-section .title-decorative-l::after {
    content: '';
    text-align: center;
    height: 3px;
    width: 240px;
    background: #0f8abb;
    display: block;
    margin: 20px auto 0px auto;
}

.marketing-section .benefits .text {
    font-size: 1.2rem;
    line-height: 35px;
    margin-bottom: 30px;
}

.marketing-section .role .title,
.marketing-section .benefits .title {
    font-size: 1.1rem;
    font-weight: bold;
    max-width: 270px;
    margin: 0px auto;
}

.marketing-section .role .img,
.marketing-section .benefits .img {
    margin: 40px 0px;
}

.marketing-section .story-with-background {
    text-align: center;
    background: url(../../../media/pdp_marketing_section/spm-banner.png);
    background-size: cover;
}

.marketing-section .story-with-background .h2 {
    font-size: 2.1rem;
    width: 60%;
    margin: 0 auto;
    font-weight: bold;
    color: #303133;
}

.marketing-section .story-with-background p {
    font-size: 1.3rem;
    line-height: 35px;
}

.marketing-section .section-s {
    padding: 5rem 0px;
}

.marketing-section .section-m {
    padding: 7rem 0px;
}

.marketing-section .section-l {
    padding: 15rem 0px;
}

.marketing-section .why-choose-ours {
    background: #f3f4f6;
}

.marketing-section .why-choose-ours .h3 {
    color: #303133;
}

.marketing-section .why-choose-ours p {
    font-size: 1.1rem;
    margin: 0px 0px 40px 0px;
    line-height: 30px;
}

.marketing-section .why-choose-ours .row {
    display: inline-flex;
    align-items: center;
}

.marketing-section .role p {
    padding: 0px 20px;
    font-size: 1.1rem;
    line-height: 30px;
    font-weight: 300;
}

@media (min-width: 1200px) {

    .marketing-section .benefits .container,
    .marketing-section .role .container,
    .marketing-section .why-choose-ours .container {
        max-width: 1200px;
    }
}

@media (max-width: 1200px) {
    .marketing-section .pros p {
        padding: 10px 0px;
    }

    .marketing-section .h1 {
        font-size: 2rem;
    }
}

@media (max-width: 981px) {
    .marketing-section .h1 {
        font-size: 1.4rem;
        margin: 0px;
    }

    .marketing-section .text-image .text .short {
        margin-bottom: 0px;
    }

    .marketing-section .lead {
        padding-bottom: 0px;
        line-height: 1.475rem;
    }

    .marketing-section .new-design .lead {
        padding-bottom: 0px;
        line-height: 1.675rem;
        font-size: 1.1rem;
    }

    .marketing-section .pros .img img {
        width: 100px;
    }

    .marketing-section .pros .title {
        font-size: 1.2rem;
        min-height: 55px;
    }

    .marketing-section .pros p {
        padding: 0px 0px;
    }
}

@media (max-width: 767px) {
    .marketing-section .slider li {
        display: block;
    }

    .marketing-section .slider li .text {
        text-align: center;
        width: calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
    }

    .marketing-section .slider .img img {
        position: static;
        transform: none;
    }

    .marketing-section .slider .short {
        margin: 0 auto 1.5rem auto;
    }

    .marketing-section .text-image .text .col-s-8 {
        transform: none;
        text-align: center;
        padding: 0px 20px;
    }

    .marketing-section .text-image .text .short {
        margin: 0 auto 0px auto;
    }

    .marketing-section .text {
        padding-top: 30px;
    }

    .marketing-section .left-image>div:not(.text) {
        order: 2;
    }

    .marketing-section .left-image .text {
        order: 1;
    }

    .marketing-section .new-design.right-image>div:not(.text) {
        order: 1;
    }

    .marketing-section .new-design.right-image .text {
        order: 2;
    }

    .marketing-section .new-design.left-image>div:not(.text) {
        order: 1;
    }

    .marketing-section .new-design.left-image .text {
        order: 2;
    }

    .marketing-section .role .title-decorative-l,
    .marketing-section .why-choose-ours .col-m-7 {
        padding: 0px 10px;
        text-align: left;
    }

    .marketing-section .role p {
        padding: 0px 7rem;
    }

    .marketing-section .title-decorative-l::after {
        display: none;
    }

    .marketing-section .new-design .h1,
    .marketing-section .new-design.text-image .lead,
    .marketing-section .story-with-background p,
    .marketing-section .benefits .text,
    .marketing-section .story-with-background .h2,
    .marketing-section .new-design .title-decorative-m,
    .marketing-section .new-design .title-decorative,
    .marketing-section .new-design .title-decorative-l {
        margin-bottom: 0rem;
        text-align: left;
    }

    .marketing-section .why-choose-ours.new-design .title-decorative-l {
        padding: 0px 10px;
        margin-bottom: 40px;
    }

    .marketing-section .new-design .title-decorative-m,
    .marketing-section .new-design .title-decorative {
        font-size: 2.2rem;
        color: #303133;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 30px;
        display: block;
        font-weight: bold;
    }

    .marketing-section .new-design.text-image .lead {
        line-height: 35px;
        font-size: 1.3rem;
        margin-bottom: 20px;
    }

    .marketing-section .new-design.text-image .text .short {
        display: none;
    }

    .marketing-section .story-with-background {
        background: none;
        padding: 0px;
    }

    .marketing-section .story-with-background .h2 {
        width: 100%;
    }

    .marketing-section .section-l,
    .marketing-section .section-m {
        padding: 1rem 0px;
    }

    .marketing-section .chart .title-decorative-l {
        padding: 0px 20px;
        color: #a6bcc4;
        font-size: 1.5rem;
        text-align: center;
        text-transform: uppercase;
    }

    .marketing-section .chart .title-decorative-l:after {
        content: '';
        text-align: center;
        height: 2px;
        width: 240px;
        background: #0f8abb;
        display: block;
        margin: 20px auto 0px auto;
    }

    .add-to-cart-box .add-to-cart {
        padding: 12px;
    }
}

@media(max-width: 480px) {
    .marketing-section .role p {
        padding: 0px 1rem;
    }
}

/********** overriding socials look ************/

.product-page .share-box {
    margin-bottom: 25px;
}

.share-box a {
    background: transparent !important;
    border: 0px solid red;
    width: 16px !important;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    display: inline-block;
    text-decoration: none;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.share-box a:before {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #555;
}

.share-box a span {
    display: none;
}

.share-box a span svg,
.product-page .share-box a.addthis_button_pinterest div span {
    display: none;
}


.share-box a.addthis_button_facebook:before {
    content: "\f09a";
}

.share-box .addthis_button_twitter:before {
    content: "\f099";
}

.share-box .addthis_button_google:before {
    content: "\f0d5";
}

.share-box .addthis_button_pinterest:before {
    content: "\f231";
}


/************************** Checkout *******************************/
.cart-page h1,
.empty-cart-page h1 {
    color: #1C1E1F;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -2%;
    margin-bottom: 25px;
}

.empty-cart-block {
    text-align: center;
    border-top: 1px dotted #cecece;
    padding: 3% 0;
    color: #404040;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2%;
}

.empty-cart-block .button {
    font-size: 14px;
    font-weight: normal !important;
}
.cart-page .cart-items {
    background: transparent;
}

.cart-page .cart-items .item {
    border-bottom: 1px solid #ddd;
    justify-content: flex-start;
}

.cart-page .cart-items .item img {
    flex-basis: 15%;
    max-height: inherit;
    align-self: start;
}

.cart-page .cart-items .item .info {}

.cart-page .cart-items .item .qty-price .total {
    display: none;
}

.cart-page .cart-items .item:last-of-type {
    border: 0px;
}

.cart-page .cart-items .qty-select-wrap {
    margin-top: 20px;
    display: inline-block;
    width: 110px;
}

.qty-select-wrap .qty-select {
    border: 1px solid #ababab;
    display: inline-block;
}

.cart-page .cart-items .qty-select-wrap .qty-select {
    border-radius: 3px;
}

.cart-page .cart-items .qty-select-wrap .qty-action {
    font-size: 0.9rem;
    width: 30px;
    display: inline-block;
    font-weight: 300;
    cursor: pointer;
}

.qty-select-wrap .qty-action span {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.cart-page .cart-items .qty-select-wrap .qty-input {
    height: 40px;
    width: 38px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border: none;
    text-align: center;
}

.cart-page .cart-items .qty-select-wrap .qty-text-wrap {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    display: none;
}

.ajax-cart-content .qty-select-wrap {
    display: none;
}

.cart-page .cart-totals {
    border: none;
    border-top: 0px solid #ddd;
    background: transparent;
}

.cart-page .checkout-btn,
.checkout-page .checkout-btn {
    background: #2C5E8B;
    text-transform: uppercase;
    color: #fff;
}

.cart-page .checkout-btn:hover,
.checkout-page .checkout-btn:hover {
    background: #004481;
}

.cart-page .checkout-btn:active,
.checkout-page .checkout-btn:active {
    background: #19344D;
}

.checkout-steps .checkout-step.passed .icon-link,
.checkout-steps .checkout-step.passed:before,
.checkout-steps .checkout-step.passed:after,
.checkout-steps .checkout-step.current:before,
.checkout-steps .checkout-step.current .icon-link {
    background-color: #437d9b;
}

.checkout-steps .checkout-step.current .title-link {
    color: #195c7e;
}

.review-order-box .special-comments {
    margin-top: 20px;
}
.shipping-page .checkout-btn {
    position: relative;
}
.shipping-page .checkout-btn.loading::after {
    content: '';
    background: url('../images/loading.svg');
    width: 58px;
    height: 58px;
    position: absolute;
    right: 30px;
    top: -7px;
    transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    opacity: 0.7;
}
.package-gift-box,
.single-shipping-page .ship-to-multiple-link,
.review-order-box .special-comments {
    display: none;
}

.donations-wrap {
    margin-top: 15px;
}

.donations-wrap table {
    width: 100%;
}

.donations-wrap.edit {
    padding: 15px;
    float: right;
    width: 50%;
}

.donations-wrap.edit table {
    width: 100%;
}

.donations-wrap td {
    padding: 2px 0;
}

.donations-title,
.donations-amount {
    font-size: 1rem;
}

.donations-amount {
    text-align: right;
}

.donations-amount .remove-donations {
    font-size: 1.2rem;
    color: #000;
}

.donations-amount .remove-donations:hover {
    color: #B40000;
}

.shipping-summary-box .donations-title,
.shipping-summary-box .donations-amount {
    font-size: .9rem;
}

.terms-block {
    margin: 30px 0 20px;
}

.terms-block .gray-outline {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 10px;
}

.terms-block .gray-outline .button {
    margin-top: 10px;
}

button.checkout-btn:disabled,
button.register-btn:disabled,
button.merchant-account-btn:disabled {
    background: #b7b7b7 !important;
}

.cart-aro-info-box {
    background-color: transparent;
    margin-top: 0px;
    padding: 0px;
}

.sidebar_summary .cart-aro-info-box {
    margin-right: -100px;
}

.cart-aro-info-box .title {
    font-size: 0.8rem;
    font-weight: bold;
    margin-top: 0;
}

.aro-info-box .price-info {
    display: block;
    margin-top: 5px;
}

.aro-info-box .aro-info .old-price {
    color: #B40000;
    text-decoration: line-through;
}

.aro-info-box .aro-info .price {
    font-size: 0.9rem;
}

.field.field-checkbox.apply_store label {
    background: #c8d19e;
    font-weight: bold;
}

.cart-page .cart-items .item .item-name {
    float: left;
}

.cart-page .cart-items .item {
    padding-right: 0px;
}

.cart-page .cart-items .item .qty-price {
    margin-right: 0px;
    width: 200px;
    float: right;
    display: block;
    text-align: right;
}

@media(max-width: 768px) {
    .cart-page .cart-items .item .qty-price {
        float: none;
        text-align: left;
        display: block;
    }

    .cart-page .cart-items .item .item-name {
        float: none;
    }

    .cart-page .cart-items .item .info .remove {
        margin: 5px 0 15px;
        float: left;
    }
}

.cart-page .cart-items .item .remove {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #cc0000;
    position: static;
    text-transform: capitalize;
}

.cart-page .cart-items .item .remove:before {
    display: none;
}

.cart-page .cart-items .item .info {
    width: 100%;
}

/*item qty +/-*/
.cart-page .cart-items .item .info .qty-price .unit-price {
    float: right;
    padding-top: 10px;
    width: 100px;
    text-align: right;
}

.cart-page .cart-items .item .info .qty-price .qty-select-wrap {
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    height: 40px;
    width: 90px;
}

.cart-page .cart-items .item .info .qty-price .qty-select-wrap .qty-action {
    border: none;
    height: 38px;
    width: 24px;
}

.cart-page .cart-items .item .info .qty-price .qty-select-wrap input.qty-input {
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    height: 38px;
    margin: 0px;
    width: 38px;
}

.cart-page .cart-items .item .info .qty-price .qty-select-wrap .qty-action span {
    border: none;
    font-size: 12px;
    padding-top: 14px;
}

.cart-page .cart-items .item .info .qty-price .qty-select-wrap .qty-action.disabled {
    background: transparent;
    color: #ccc;
}

/*end item qty*/


/*********** override pages ************/

.lightgrayzone.practitioner-items {
    margin-top: 0px;
    padding: 60px 0 100px;
}

/*ECOM-2296*/
.practitioner-items .container {
    padding: 0 36px;
}

.bx-wrapper .bx-prev {
    left: -30px;
}

.bx-wrapper .bx-next {
    right: -30px;
}

/* /ECOM-2296*/
.lightgrayzone.practitioner-items .bx-viewport {
    height: initial;
}

.nav-links {
    margin-bottom: 40px;
    color: #585858;
}

.nav-links .tab {
    color: #585858;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin: 0 20px;
    display: inline;
    cursor: pointer;
}

.nav-links .tab.active {
    font-weight: bold;
}

.new-products-content,
.special-deals-content {
    display: none;
}

.promo-text {
    text-align: center;
    margin: 30px 0 60px;
}

.promo-text h3 {
    color: #333b4e;
}

.promo-text h6 {
    color: #888888;
    margin: 10px 0 20px;
}

.lightgrayzone.promo-line {
    padding: 60px 15px;
}

.lightgrayzone.promo-line h3 {
    color: #425563;
    font-size: 1.8rem;
    line-height: 2rem;
}

.practitioner-find-supplement {
    padding: 30px 0 80px;
}

.practitioner-find-supplement .btnws {
    width: 240px;
    display: block;
    line-height: 1rem;
    padding: 10px;
}

.practitioner-find-supplement .btnws .fa {
    float: right;
    margin-top: 3px;
}


.powerbrand-page .category-main h1,
.powerbrand-page .category-main .cat-description,
.powerbrand-page .category-main .btnws {
    margin-left: 50%;
    margin-right: 0;
    display: none;
}

.category-main .cat-description {
    margin: 0px;
}

.powerbrand-page .category-main .btnws {
    line-height: 2.4rem;
}

.powerbrand-page .category-main h1 {
    margin-bottom: 5px;
}

.powerbrand-page .category-main h1 .product-type {
    text-transform: uppercase;
    font-size: .7rem;
    color: #777;
    letter-spacing: 1px;
    font-family: "Open Sans Bold", sans-serif;
    font-weight: bold;
}

.powerbrand-page .powerbrand-img {
    margin-bottom: 20px;
}

.powerbrand-page .quick-links {
    width: 40%;
    float: right;
    margin: 0 0 5% 5%;
}

.quick-links .link-block {
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 10px;
}

.quick-links .link-block.last {
    border: none;
}

.quick-links .link-block .icon {
    float: left;
}

.quick-links .link-block .link-description {
    margin-left: 45px;
    font-size: .8rem;
    color: #777;
}

.link-block .link-description a.bold {
    text-decoration: none;
    font-weight: bold;
    font-size: .9rem;
    color: #444444;
}

.powerbrand-page .thumbs-wrap {
    padding: 0px;
    margin: 0 -10px;
}

.powerbrand-page .thumb-grid {
    width: 25%;
}

.powerbrand-page .category-main {
    height: 376px;
}

.science-block {
    font-size: .8rem;
    padding: 20px 20px 20px 0;
}

.science-block .title {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 2px;
    line-height: 2rem;
}

.science-block .title .pdp-small-icons {
    float: left;
    margin-right: 10px;
}

.flagship-head {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.flagship-head .content-on-image {
    position: absolute;
    top: 0px;
    left: 50%;
}

.flagship-head .content-on-image.no-image {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 10px;
}

.content-on-image .product-type {
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: 1px;
}

.content-on-image h1 {
    line-height: 2.2rem;
}

.content-on-image .btnws {
    display: block;
    margin-top: 20px;
    width: 150px;
}

/**** my account **********/
.recent-items .thumb-grid {
    height: 310px;
}

.store-locator-page .line {
    margin-bottom: 10px;
}

.thumb-lists-wrap {
    margin-right: 5px;
    margin-bottom: 30px;
}

.thumb-lists-wrap .thumb-lists {
    width: 25%;
    height: 300px;
    position: relative;
}

.thumb-lists-wrap .thumb-lists a.button {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 90%;
}

.thumb-lists .item-name {
    text-decoration: none;
}

.account-menu {
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    background: transparent;
    padding: 20px 20px 20px 40px;
}

.account-menu h6 {
    font-size: 16px !important;
    line-height: 21px;
    border-bottom: none !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    color: #1C1E1F;
}

.account-menu h4 .account-menu-toggle {
    font-size: 1.4rem;
}

.account-menu h4 {
    font-size: 24px;
    font-weight: 600 !important;
    padding-left: 0px !important;
    line-height: 32px;
    color: #1C1E1F;
    margin-bottom: 23px;
}

.account-menu ul {
    margin: 0 0 30px;
}

.account-menu ul li {
    border: none !important;
    padding: 4px 0 4px 0;
}

.account-menu ul li a {
    text-decoration: underline;
    padding: 3px 0;
    color: #40413F;
    font-size: 1rem;
}

.account-menu ul li a:hover {
    text-decoration: none;
}

.account-page .fieldset,
.addressbook-edit-wrap .fieldset {
    margin: 20px 0 !important;
}

.account-content button,
.account-content a.button {
    padding: 6px 15px !important;
    text-transform: capitalize;
    background: #435664;
}

.account-content button:hover,
.account-content a.button:hover {
    background: #687682;
}

.account-content h1.new-account {
	margin-bottom: 0;
}
.account-content .account-type {
	margin: 15px 0 0;
}
.account-content .account-type h6 {
	font-weight: bold;
	margin: 0;
}
.account-content .account-type p {
	margin: 0;
	padding-bottom: 0;
}
.account-content .merchant-account-btn {
    background: #2C5E8B;
    border: 1px solid transparent;
    color: #fff;
	margin-top: 30px;
    text-transform: uppercase !important;
    padding: 10px 100px !important;
}
.account-content .merchant-account-btn:hover {
    background: #455970;
}

.addressbook-page .address-box {
    background-color: #fafafa !important;
    border: 1px solid #ddd !important;
}

span.only_active_country {
    line-height: 20px !important;
}

.account-content>h1 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 300 !important;
}

.account-content>h1:last-of-type {
    font-weight: 700 !important;
    margin-bottom: 40px;
}

.account-new-cc select[name*="cc_exp_"] {
    width: 32% !important;
}

.autobill-page .autobill-item-thumb .autobill-details .status {
    background: transparent;
    color: inherit;
    font-size: inherit;
}

.autobill-page .actions .discover-more {
    align-self: end;
    color: #2C5E8B;
    font-size: 1rem;
    float: right;
    margin-top: 55px;
    font-weight: 700;
}

.completed-order-summary .order-summary .order-summary-title,
.completed-order-summary .shipping-summary-box h5,
.completed-order-summary .payment-summary-box h5,
.completed-order-summary .order-summary h5 {
    font-weight: bold;
}

/*account - subscription page*/
.account-subcribe-page hr {
    border: none;
    border-top: 1px solid #C5CDCF;
    margin: 20px 0 20px;
}

.account-subcribe-page h4 {
    color: #506A88 !important;
    font-size: 22px;
    font-weight: 700 !important;
}

.account-subcribe-page .subscription-block {
    padding: 10px 20px;
}

.account-subcribe-page .subscription-block a {
    float: right;
}

.account-subcribe-page .subscription-block input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.account-subcribe-page button {
    background: #2C5E8B;
    padding: 15px 60px !important;
    margin-top: 10px;
}

@media (min-width:1400px) {
    .account-subsribe-page .account-content {
        width: 60% !important;
    }
}

/**
 * Careers page
 */
.careers-page .social-link {
    display: inline-block;
    font-weight: bold;
    margin-right: 20px;
    text-decoration: none;
}

.careers-page .social-link i {
    font-size: 1.1rem;
    margin-right: 10px;
}


.striped-table {}

.striped-table tr th {
    font-weight: normal !important;
    padding: 15px 10px;
    background: #fff;
    font-size: .9rem;
    text-transform: uppercase;
}

.striped-table tr td {
    padding: 15px 10px;
    font-size: .9rem;
}

.striped-table tr:nth-child(odd) {
    background: #f4f4f4;
}

.striped-table tr:nth-child(even) {}

.striped-table tr td.address {
    text-transform: capitalize !important;
}

/**
 *
 * TruQuality Section
 *
 */

.jumbotron {
    background-color: #eff2f5;
    padding: 5em 0px;
}

.input-group-append {
    float: right;
}

.quality {
    font-weight: 300;
}

.truqualityLogoContainer img {
    width: 25rem;
}

/**
 * Powerband pages
 */
.powerbrand-hero-image {
    background-image: url(../images/powerbrand/hero_probiotics.png);
    background-size: cover;
    background-position: center;
    height: 50%;
    position: relative;
    overflow: hidden;
}

.powerbrand-page {
    color: #7F8289;
}

.powerbrand-page h2 {
    color: #3f5364;
    font-size: 36px;
    margin: 0 0 20px 0;
}

.powerbrand-page .section-body {
    font-size: 18px;
    line-height: 30px;
}

.powerbrand-page .pb-info {
    background-color: #fff;
    padding: 60px 0;
    position: relative;
}

.powerbrand-page .pb-info-alt {
    background: #F0F0F0;
    padding: 60px 0;
    position: relative;
}

.powerbrand-page ul.benefits {
    float: left;
    text-align: left;
    margin: 20px 0 0 0;
    clear: both;
    width: 100%;
}

.powerbrand-page li.benefits {
    margin: 15px 0 15px 0;
    list-style-type: none;
    line-height: 24px;
}

.powerbrand-page .number-green {
    border: solid 2px #719E42;
    border-radius: 50px;
    color: #719E42;
    padding: 6px 17px;
    font-weight: 600;
    font-size: 26px;
    float: left;
}

.powerbrand-page a.icon {
    text-decoration: none;
    cursor: pointer;
    color: #888;
    -webkit-transition: color 0.3s linear 0s;
    -moz-transition: color 0.3s linear 0s;
    -o-transition: color 0.3s linear 0s;
    transition: color 0.3s linear 0s;
}

.powerbrand-page .icon-green-wrap {
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.powerbrand-page .icon-green-wrap p {
    margin-top: 20px;
}

.powerbrand-page .icon-green {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: solid 4px #719E42;
    padding: 0;
    margin: 0 auto;
}

.help-block {
    border: 1px solid #425563;
    padding: 10px;
    text-align: center;
}

/* ECOM-3198 */
.page-not-found {
    margin: 80px auto 100px auto;
    text-align: center;
    width: 100%;
}

.page-not-found>p {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.page-not-found .btnws {
    margin: 0 10px;
}
/* ECOM-7099 */
.mi-popup,
.cold-ship-popup {
    padding: 20px;
    text-align: center;
}

.mi-popup .mi-popup-close,
.cold-ship-popup .remove-cold-ship-button {
    background-color: #ebebeb;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    font-size: 0.8rem;
    margin-left: 5px;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    vertical-align: top;
}

.mi-popup .mi-popup-close:hover,
.cold-ship-popup .remove-cold-ship-button:hover {
    background-color: #ccc;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
/* MGED-162 */
.shopping-cart .item .info .product-warning {
    background: transparent;
    border: none;
    color: #999;
    display: inline-block;
    position: relative;
    left: -80px;
    width: 220%;
    font-size: 0.8rem;
}

.checkout-page .sidebar-summary-inner .shopping-cart {
    overflow: hidden;
    overflow-y: auto;
}

.checkout-page .sidebar-summary-inner .shopping-cart .item {
    border: 1px solid #e1e1e1;
    padding: 10px;
    background-color: #f1f1f1;
}

/* EC-301 */
.field.no-hide {
    overflow: inherit;
}

/* MGED-217 */
span.only_active_country {
    line-height: 40px;
    margin-left: 10px;
}

#password-hint,
#password-match {
    position: absolute;
    right: -215px;
    top: 0;
    width: 200px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.50);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.50);
    display: none;
    z-index: 9;
    font-size: 0.65rem;
    border-radius: 5px;
}

#password-hint::after,
#password-match::after {
    content: '';
    display: block;
    background-color: transparent;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #efefef;
}

#password-hint .title,
#password-match .title {
    display: block;
    background-color: #efefef;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 0.7rem;
}

#password-hint .content,
#password-match .content {
    padding: 5px 10px;
}

#password-hint .content p,
#password-match .content p {
    padding: 0;
    margin: 0.5rem;
}

#password-hint .content ul,
#password-match .content ul {
    list-style: none;
    margin: 0;
}

#password-hint .content ul li,
#password-match .content ul li {
    font-weight: 700;
    color: #e00;
    padding: 0;
}

#password-hint .content ul li.item-ok,
#password-match .content ul li.item-ok {
    color: #0a0;
}

#password-hint .content ul li i,
#password-match .content ul li i {
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 700;
    margin-right: 2px;
}

#password-hint .content ul li.item-ok i,
#password-match .content ul li.item-ok i {
    font-size: 0.7rem;
}

#password-match .content ul li.yes-match {
    display: none;
}

@media (max-width:769px) {

    #password-hint,
    #password-match {
        top: 100%;
        left: 50%;
        width: 300px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #password-hint::after,
    #password-match::after {
        top: -20px;
        left: 50%;
        border-bottom: 10px solid #efefef;
    }
}

/******** SERVICE VIEW STYLES ********/
/* EPDS-269 :: FHDZ */
body.services section.site-content {
    padding-bottom: 0;
    padding-top: 0;
}

body.services .centered-image-container {
    position: relative;
    text-align: center;
}

body.services .centered-image-container .centered-image {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

body.services .bg-sky {
    background-color: #e8f2f4;
    overflow: hidden;
}

body.services hr {
    border-color: #1B96C3;
    margin-top: 0;
}

body.services hr.short {
    width: 10rem;
}

body.services hr.right-aligned {
    margin: 0 0 1.5rem auto;
}

body.services a.btn {
    background-color: transparent;
    border: 1px solid #1B96C3;
    color: #1B96C3;
    transition: all 0.15s easi-in-out;
    -webkit-transition: all 0.15s easi-in-out;
    -moz-transition: all 0.15s easi-in-out;
    -ms-transition: all 0.15s easi-in-out;
}

body.services a.btn:hover {
    background-color: #1B96C3;
    border: 1px solid #1B96C3;
    color: white;
}


/* /EC-301 */
/************ media queries *************/
@media (max-width: 479px) {

    .mobile-logo img {
        height: 20px;
    }

    .header-line-1 a,
    .header-line-1 a.cart-toggle {
        font-size: 1.6rem;
    }

    .homepage-mobile-header {
        padding: 30px 15px;
        text-align: center;
    }

    .slider-data {
        display: none;
    }

    .content .product-types a {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        background: #343c4e;
        text-align: center;
        height: 74px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        text-transform: uppercase;
        font-size: 0.75rem;
        padding: 20px;
        text-decoration: none;
        margin: 8px 3% 8px 0;
        width: 47%;
    }

    .content .product-types a:nth-of-type(even) {
        margin: 8px 0 8px 3%;
    }

    .thumb-grid .thumb-grid-inner {
        height: 260px;
    }

    .thumb-grid .prices-wrap {
        height: 35px;
    }

    .pract-welcome-msg .subtitle,
    .pract-welcome-msg .btnws {
        display: none;
    }

    .powerbrand-page .quick-links {
        width: 100%;
        float: none;
        margin: 0px;
    }

    .powerbrand-page .category-main h1,
    .powerbrand-page .category-main .cat-description,
    .powerbrand-page .category-main .btnws {
        margin: 0 0 20px;
    }

    .powerbrand-page .thumb-grid {
        width: 46%;
    }

    .pract-welcome-msg {
        width: 100%;
        margin-top: 115px;
    }

    .pract-welcome-msg h1 {
        font-size: 1.2rem;
        margin-bottom: 5px;
        text-align: center;
    }

    .pract-welcome-msg .subtitle,
    .pract-welcome-msg a.btnws {
        display: none;
    }

    .pract-logo {
        float: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .pract-logo a {
        min-height: auto;
        padding: 0px;
        border: none;
    }


    .thumb-lists-wrap .thumb-lists {
        width: 48%;
    }

    .subcats-page .thumb-grid {
        width: 50%;
    }

    .home-main-image.practitioner {
        min-height: 50px;
    }

    .supplement-finder-page .category-actions {
        padding: 10px;
    }

    .supplement-finder-page .sorting {
        padding-left: 20px;
        width: 120px;
    }

    /* HP SECTIONS */
    .section .helix-overlay {
        left: -20%;
        width: 65%;
    }

    .section .buttons-wrap .controls-wrap {
        left: 0;
        width: 150px;
    }

    .section .buttons-wrap .controls-wrap div {
        height: 65px;
        margin-top: 15px;
        width: 40px;
    }

    .section-1 .text-wrap {
        top: 20%;
    }

    .section-1 .text-wrap p {
        font-size: 1.9rem;
        margin: 0.7em 0;
        padding: 0 15px;
    }

    .section-2 .text-wrap {
        width: 210px;
    }

    .section-2 .title {
        font-size: 1.7rem;
    }

    .section-2 .buttons-wrap {
        margin-bottom: 30px;
        width: 170px;
    }

    .section-2 .slide-btn {
        height: 90px;
        left: 30px;
        line-height: 90px;
        width: 90px;
    }

    .section-3 .title {
        font-size: 0.9rem;
    }

    .section-3 .text-wrap {
        width: 180px;
    }

    .section-4 .text-wrap .health-slider-wrap {
        height: 70vh;
    }

    .section-4 .text-wrap .health-slider {
        /*height: 550px; */
        height: 100%;
    }

    .section-5 .text-wrap {
        padding: 0 10px 0 40px;
        width: 250px;
    }

    .section-5 .text-wrap .title {
        font-size: 1.5rem;
    }

    /* /HP SECTIONS */
}

@media (min-width: 480px) {
    .home-main-image {
        min-height: 200px;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    .mobile-logo img {
        width: 200px;
    }

    .header-line-1 a,
    .header-line-1 a.cart-toggle {
        font-size: 1.6rem;
    }

    .content .product-types a {
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        width: 31%;
        background: #343c4e;
        text-align: center;
        height: 74px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.9rem;
        padding: 20px;
        text-decoration: none;
        margin: 8px 1.5% 8px 0;
    }

    .content .product-types a:nth-of-type(3n+2) {
        margin: 8px 1.5%;
    }

    .content .product-types a:nth-of-type(3n) {
        margin: 8px 0 8px 1.5%;
    }

    .home-main-data .slider-text {
        margin-top: 60px;
        font-size: 1.4rem;
        overflow: hidden;
    }

    .home-main-data .slider-text .btnws {
        margin-top: 20px;
        display: inline-block;
    }

    .powerbrand-page .thumb-grid {
        width: 33.33%;
    }

    .pract-welcome-msg {
        width: 100%;
        margin-top: 115px;
    }

    .pract-welcome-msg h1 {
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

    .pract-welcome-msg .subtitle {
        font-size: .8rem;
        margin-bottom: 5px;
        color: #444;
    }

    .pract-welcome-msg a.btnws {
        width: 140px;
        display: block;
    }

    .subcats-page .thumb-grid {
        width: 33.33%;
    }

    .home-main-image.practitioner {
        min-height: 100px;
    }

    /* HP SECTIONS */
    .section .buttons-wrap .controls-wrap {
        left: 0;
        width: 180px;
    }

    .section .buttons-wrap .controls-wrap div {
        height: 100px;
        width: 40px;
    }

    .section-1 .text-wrap {
        top: 20%;
    }

    .section-1 .text-wrap p {
        font-size: 2.7rem;
        margin: 0.5em 0;
        padding: 0 30px;
    }

    .section-2 .text-wrap {
        width: 320px;
    }

    .section-3 .title {
        font-size: 1.2rem;
    }

    .section-3 .text-wrap {
        width: 400px;
    }

    .section-2 .slide-btn {
        height: 100px;
        left: 40px;
        line-height: 100px;
        width: 100px;
    }

    .section-2 .title {
        font-size: 2rem;
    }

    .section-5 .text-wrap {
        width: 320px;
    }

    .section-5 .text-wrap .title {
        font-size: 2rem;
    }

    /* /HP SECTIONS */
}

@media (max-width: 767px) {

    /* Sticky header */
    .sticky-header-wrap.sticky .site-header-inner,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner {
        height: 60px;
        padding: 15px 10px;
    }

    .sticky-header-wrap.sticky .header-line-2.mobile-search .menu-line .main-menu {
        margin-top: 0;
    }

    .sticky-header-wrap-homepage.sticky-hp .header-line-2.mobile-search .menu-line .main-menu {
        margin-top: 40px;
    }

    .site-content-inner.sticky-hp {
        padding-top: 96px;
    }

    .lightgrayzone-mobile {
        background-color: #f4f4f4;
    }

    /* HP SECTIONS */
    .dots-container .dot {
        height: 15px;
        margin: 5px;
        width: 15px;
    }

    .section-2 .text-container {
        height: 100%;
        position: absolute;
        padding: 0 20px 0 30px;
        right: 0;
        text-align: center;
        top: 0;
        width: 60%;
        z-index: 2;
    }

    .section-2 .text-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 1px;
        vertical-align: middle;
    }

    .section-2 .text-container .text-wrap {
        display: inline-block;
        width: 95%;
        vertical-align: middle;
    }

    .section-2 .title {
        margin-bottom: 100px;
    }

    .section-2 .buttons-wrap {
        margin-bottom: 20px;
        width: 150px;
    }

    .section-2 .buttons-wrap img {
        display: none;
    }

    .section-2 .text {
        font-size: 0.9rem;
        margin-top: 40px;
    }

    .section-2 .slide-btn {
        border-radius: 100%;
        background-color: #fff;
        cursor: pointer;
        color: #aaa;
        display: inline-block;
        font-size: 0.75rem;
        font-weight: bold;
        position: absolute;
        text-transform: uppercase;
        top: -60px;
    }

    .section-2 .buttons-wrap .controls-wrap {
        font-size: 3rem;
        position: absolute;
        top: -60px;
    }

    .section-2 .buttons-wrap .controls-wrap .prev {
        background: url(../images/index_block_images/panel2_arrow.png) no-repeat center center;
        float: left;
    }

    .section-2 .buttons-wrap .controls-wrap .next {
        background: url(../images/index_block_images/panel2_arrow.png) no-repeat center center;
        float: right;
        transform: rotate(180deg);
    }

    .section-3 .helix-overlay {
        background-position: -1vh -9vh;
        height: 117vh;
    }

    .section-3 .title {
        margin-bottom: 0;
    }

    .section-3 .line {
        display: none;
    }

    .section-3 .buttons-wrap .popup-btn {
        display: block;
        margin-top: 15px;
        width: 110px;
    }

    .section-3 .buttons-wrap .popup-btn img {
        height: 80px;
        width: 80px;
    }

    .section-3 .buttons-wrap .popup-btn-text {
        font-size: 0.75rem;
    }

    .section-3 .buttons-wrap .popup-wrap {
        display: block;
        height: 80px;
        margin: 0 auto;
        width: 110px;
    }

    .section-3 .buttons-wrap .popup-text-wrap {
        left: initial;
        opacity: 0;
        right: 100%;
        top: -20%;
        transform: rotateX(-90deg);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .section-3 .buttons-wrap .popup-text-wrap.open {
        opacity: 1;
        transform: rotateX(0deg);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .section-3 .buttons-wrap .popup-text {
        font-size: 0.65rem;
        position: relative;
        width: 150px;
    }

    .section-3 .buttons-wrap .popup-text:after,
    .section-3 .buttons-wrap .popup-text:before {
        left: 106%;
        top: 60px;
    }

    .section-3 .buttons-wrap .popup-text:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #fff;
        border-width: 6px;
        left: 105%;
        margin-top: -9px;
    }

    .section-3 .buttons-wrap .popup-text:before {
        border-color: rgba(175, 185, 193, 0);
        border-left-color: #d7dce0;
        border-width: 7px;
        margin-top: -10px;
    }

    .section-4 .helix-overlay {
        background-position: -2vh -15vh;
        height: 120vh;
    }

    .section-4 .helix-overlay.active {
        background-image: url(../images/index_block_images/Helix-breakout/helix-practitioner-mobile-1.svg);
    }

    .section-4 .helix-overlay.active-2 {
        background-image: url(../images/index_block_images/Helix-breakout/helix-practitioner-mobile-2.svg);
    }

    .section-4 .text-wrap .health-button {
        font-size: 0.65rem;
    }

    .section-5 .helix-overlay {
        background-position: -2vh -18vh;
        height: 120vh;
    }

    .section-5 .woman-overlay {
        bottom: 0;
        left: -20%;
        max-height: 290px;
        width: 340px;
    }

    .section-5 .text-wrap {
        top: 30%;
    }

    /* /HP SECTIONS */
    /**
     * Ba tabs
     */
    .mg-tabs .mg-tabs-selector {
        display: inline-block;
        position: relative;
    }

    .mg-tabs .mg-tabs-selector .mg-tabs-selected-value {
        color: #464e5e;
        cursor: pointer;
        display: inline-block;
        font-size: 1.1rem;
        padding: 5px 15px;
        text-transform: uppercase;
    }

    .mg-tabs .mg-tabs-selector .mg-tabs-selected-value .fa {
        color: #464e5e;
    }

    .mg-tabs .mg-tabs-selector-dropwdown {
        background-color: #fff;
        border-top: 1px solid #464e5e;
        display: none;
        left: 0;
        position: absolute;
        top: 100%;
        text-align: left;
        width: 200px;
        z-index: 1;
    }

    .mg-tabs .mg-tabs-selector-dropwdown.active {
        display: block;
    }

    .mg-tabs .mg-tabs-selector-dropwdown li a {
        border-bottom: 1px solid #464e5e;
        display: block;
        font-size: 1.1rem;
        font-weight: lighter;
        padding: 5px 15px;
    }

    .mg-tabs .mg-tabs-selector-dropwdown .selected {
        display: none;
    }


    .invisible-mobile,
    .login,
    .pract,
    .partner-line,
    .header-line-2,
    .circle-arrow,
    .my-account,
    .signout-link,
    .login-dropdown {
        display: none;
    }

    .header-line-1 {
        text-align: left;
    }

    .header-line-1 .mobile-logo {
        left: 50%;
        margin: 0 10px;
        position: absolute;
        top: 13px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    ul.horizontal-links {
        display: none;
    }

    /*Sticky header*/
    .site-content-inner.sticky {
        padding-top: 96px;
    }

    .sticky-header-wrap.sticky .site-header-inner .header-line-1,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .header-line-1 {
        padding: 0;
        position: relative;
        top: 3px;
    }

    .sticky-header-wrap.sticky .site-header-inner .header-line-1,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .header-line-1 .mobile-logo {
        padding: 12px 0;
        top: -15px;
    }

    .header-line-2 .logo {
        max-width: 200px;
    }

    .header-line-1 a,
    .header-line-1 a.cart-toggle {
        margin-right: 10px;
        color: #5d7c96;
    }

    .header-line-1 a.mobile-menu {
        float: left;
        margin-left: 10px;
    }

    .cart-toggle .incart-items-count {
        right: -5px;
        top: 3px;
    }

    .mobile-logo {
        float: left;
    }

    .mobile-links {
        width: 100%;
    }

    .mobile-links a {
        float: right;
    }

    .tablet-only {
        display: none;
    }

    .site-header-inner {
        height: 60px;
    }

    .search-container {
        top: 80px;
        position: absolute;
        width: 100%;
        z-index: 10000;
    }

    .sticky-header-wrap.sticky .site-header-inner .search-container,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .search-container {
        top: 76px;
    }

    .home-main-image {
        margin-top: 0px;
        top: 0px;
    }

    .index-copy {
        top: 0px;
    }

    .mobile-only {
        display: block;
    }

    .mobile-content-block {
        height: 100%;
        position: fixed;
        left: -100%;
        top: 0;
        width: calc(100vw - 20px);
        width: -moz-calc(100vw - 20px);
        width: -ms-calc(100vw - 20px);
        width: -webkit-calc(100vw - 20px);
        z-index: 100;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .mobile-content-block.active {
        left: 0;
        background: white;
    }

    .mobile-menu-overlay {
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        display: none;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vh;
        z-index: 99;
    }

    .mobile-menu-overlay.active {
        display: block;
    }

    .mobile-menu-container .top-header .top-header-blue {
        background: #506A88;
        padding: 15px;
    }

    .mobile-menu-container .top-header .top-header-gray {
        padding: 25px 15px;
        background: #F4F5F7;
    }

    .mobile-menu-container .top-header .top-header-gray.loggedin {
        padding: 15px;
    }

    .mobile-only .top-header .flag {
        margin-right: 5px;
        position: relative;
        bottom: 1px;
    }

    .mobile-only .top-header .lang {
        color: #C5CDCF;
        text-decoration: none;
        position: relative;
    }

    .mobile-only .top-header .lang:after {
        background: url(../images/pract_connect/chevron_down.png);
        content: '';
        display: inline-block;
        width: 13px;
        height: 7px;
        position: absolute;
        right: -20px;
        top: 7px;
    }

    .mobile-only .content.show-form .login-dropdown {
        display: block !important;
        position: static;
        width: 100%;
        border: none;
        text-align: center;
    }

    .mobile-menu-container .top-header .top-header-gray.show-form,
    .mobile-only .content.show-form .menu-items {
        display: none;
    }

    .mobile-menu-container .top-header>a {
        color: #C5CDCF;
        text-decoration: none;
    }

    .mobile-menu-container .top-header .lang-dropdown {
        box-shadow: 1px 1px 3px 0px #bfbfbf;
        left: 0px;
    }

    .mobile-menu-container .top-header .lang-dropdown a {
        text-decoration: none;
    }

    .mobile-menu-container .top-header .lang-dropdown a .flag img {
        margin-right: 5px;
    }

    .mobile-menu-container .top-header .welcome {
        color: #2D516D;
        text-align: center;
    }

    .mobile-menu-container .top-header .mobile-menu-close {
        background: url(../images/pract_connect/close_button.png) no-repeat center center;
        color: #fff;
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
        z-index: 121;
    }

    .mobile-menu-container .top-header .actions {
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-wrap: wrap;
    }

    .mobile-menu-container .top-header .actions>div {
        width: calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: -ms-calc(50% - 5px);
        width: -webkit-calc(50% - 5px);
        text-align: center;
    }

    .mobile-menu-container .top-header .actions div div {
        color: #433D3D;
        margin-bottom: 10px;
    }

    .mobile-menu-container .top-header .actions .create-practitioner-account {
        margin: 15px auto 5px auto;
        color: #2D516D;
    }

    .mobile-menu-container .top-header .actions .account-link {
        border: 1px solid #fff;
        border-radius: 5px;
        color: #fff;
        padding: 8px;
        text-decoration: none;
        width: 40%;
    }

    .mobile-menu-container .content h4 {
        border-top: 1px solid #ccc;
        display: block;
        font-size: 1rem;
        font-weight: bold;
        margin: 15px 15px 0;
        padding: 30px 0 5px;
    }

    .mobile-menu-container .content .buttonlink:first-child {
        padding-top: 0;
    }

    .mobile-menu-container .content .myaccount {
        color: #5d7d96;
    }

    .mobile-menu-container .content .myaccount span {
        display: inline-block;
        width: 35px;
    }

    .mobile-menu-container .content .signout {
        border: 1px solid #5d7d96;
        border-radius: 5px;
        color: #5d7d96;
        display: block;
        margin: 20px 15px;
        padding: 11px 0;
        text-align: center;
        text-decoration: none;
    }

    .mobile-menu-container .login-dropdown .or-line {
        width: 100%;
        float: none;
        height: 1px;
        border-top: 1px solid #ccc;
        position: relative;
        top: 10px;
        padding: 20px 0px;
        margin: 15px 0px 10px 0px;
        border-right: 0px;
    }

    .mobile-menu-container .login-dropdown .or-line span {
        display: block;
        font-size: .8rem;
        position: absolute;
        top: -10px;
        left: 50%;
        background: #fff;
        transform: translate(-50%, 0px);
        width: 50px;
    }

    .mobile-menu-container .login-dropdown .bmargin {
        margin-bottom: 30px;
    }

    .mobile-menu-container .actions .forgot-pass {
        color: #2D516D;
    }

    .mobile-content-block .content.show-form {
        padding-top: 10px;
    }

    .mobile-content-block .back-button {
        color: #506A88;
        text-align: left;
        cursor: pointer;
    }

    .mobile-content-block .back-button img {
        position: relative;
        bottom: 1px;
        margin-right: 8px;
    }

    .mobile-menu-container .login-dropdown .h3 {
        margin-bottom: 0px;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .mobile-menu-container .login-dropdown .h4 {
        font-size: 1.1rem;
        font-weight: 400;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .mobile-menu-container .login-dropdown .h3,
    .mobile-menu-container .login-dropdown .h4 {
        text-align: left;
        color: #433D3D;
    }

    #practitioner_connect_modal,
    #practitioner_connect_modal #simplemodal-data .store-box,
    #practitioner_connect_modal #simplemodal-data {
        width: 580px !important;
        max-width: 580px !important;
        min-width: 580px;
    }

    #practitioner_connect_modal .simplemodal-wrap {
        overflow: none;
    }

    @media (max-width: 600px) {

        #practitioner_connect_modal,
        #practitioner_connect_modal #simplemodal-data .store-box,
        #practitioner_connect_modal #simplemodal-data {
            width: 580px !important;
            max-width: 100% !important;
            min-width: 100%;
        }

        #practitioner_connect_modal .practitioner-connect-modal h4 {
            font-size: 1.2rem;
        }

        .practitioner-connect-modal.new-modal-container .message,
        .practitioner-connect-modal.new-modal-container .actions,
        .practitioner-connect-modal .practitioner-details {
            max-width: 100%;
        }
    }

    .filter-content {
        display: none;
        background: #353c4e;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
    }

    .filter-content .filter-title {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    .mobile-content-block .fa-navicon {
        color: transparent;
        margin: 30px 12px;
        float: right;
        font-size: 1.6rem;
    }

    .filter-content .fa-filter {
        color: #fff;
        margin: 30px 12px;
        float: left;
        font-size: 1.6rem;
    }

    .mobile-content-block .content,
    .filter-content .content {
        background: #fff;
        height: 100%;
        padding: 30px 10px;
        overflow: auto;
    }

    .mobile-content-block .content {
        max-height: calc(100vh - 90px);
        max-height: -moz-calc(100vh - 90px);
        max-height: -ms-calc(100vh - 90px);
        max-height: -webkit-calc(100vh - 90px);
    }

    .filter-content .content {
        margin-right: 50px;
    }

    .menu-items .content .buttonlink {
        padding: 15px 35px;
    }

    .content-padding {
        padding: 0 10px;
    }

    .content-padding .row-padded {
        margin: 0px;
    }

    .content .inline {
        font-size: .8rem;
        margin-left: 15px;
        ;
        margin-bottom: 30px;
        position: relative;
    }

    .inline .lang-dropdown {
        right: auto;
        left: -21px;
        top: 20px;
    }

    .content .inline a {
        font-size: .8rem;
        text-transform: uppercase;
        text-decoration: none;
        color: #646464;
        font-weight: bold;
    }

    .content .buttonlink,
    .content .sml-buttonlink,
    .content .site-navigation a {
        color: #506A88;
        display: block;
        font-size: 1rem;
        padding: 11px 15px;
        text-decoration: none;
    }

    .content .health-categories a {
        text-transform: none;
        text-align: left;
        background: #fff;
        display: block;
        border-bottom: 1px solid #e8e8e8;
        padding: 7px 5px 7px 15px;
        margin: 0px;
        border-radius: 0px;
        color: #888888;
        text-decoration: none;
        font-size: .8rem;
    }

    .content .health-categories a:hover {
        background: #f5f5f5;
        color: #145579;
    }

    .content .health-categories a.active {
        background: #f5f5f5 url(../images/blueline.png) top left repeat-y;
        color: #145579;
    }

    .buttonlink .fa,
    .sml-buttonlink .fa,
    .site-navigation a .fa {
        float: left;
        margin-top: 3px;
    }

    .buttonlink .fa-caret-right,
    .sml-buttonlink .fa-caret-right,
    .content .site-navigation a .fa-caret-right {
        float: right;
        margin-top: 3px;
    }

    .contact-block {
        margin: 0px;
        margin-top: 30px;
    }

    .site-navigation .site-nav-subcategory {
        display: none;
    }

    .mobile-products-container .content div.title,
    .mobile-categories-container .content div.title,
    .content div.title {
        font-weight: 300;
        font-size: 1.4rem;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: center;
    }

    .mobile-login-container h6 {
        margin-top: 0px;
        font-weight: bold;
    }

    .mobile-login-container .or-line {
        border-bottom: 1px solid #ccc;
        position: absolute;
        margin: 20px 0;
        width: 100%;
    }

    .mobile-login-container .or-line span {
        position: absolute;
        left: 47%;
        background: #fff;
        padding: 0 10px;
        top: -10px;
        font-size: .8rem;
        float: none;
    }

    .mobile-login-container .reg {
        margin-top: 40px;
        float: none;
    }


    .mobile-products-container .content div.title span,
    .mobile-categories-container .content div.title span,
    .content div.title span {
        display: inline-block;
        vertical-align: middle;
    }

    .mobile-products-container .content div.title .fa,
    .mobile-categories-container .content div.title .fa,
    .content div.title .fa {
        cursor: pointer;
        float: left;
        margin-top: 8px;
        width: 30px;
    }

    .mobile-difference-container .row-padded {
        margin: 0px;
    }

    .content .product-types {
        margin: 10px 8px;
    }

    .content .sml-buttonlink {
        padding: 15px 20px;
        font-size: .9rem;
    }

    .content .product-box {
        margin: 20px 10px;
    }

    #shopping-cart-container {
        top: 60px;
    }

    .sticky-header-wrap.sticky #shopping-cart-container {
        top: 60px;
    }

    .ajax-cart .close {
        right: 15px;
    }

    .index-image-ads {
        overflow: hidden;
    }

    .index-copy {
        font-size: 1rem;
        margin: 30px 0;
    }

    .lightgrayzone {
        background: #fff;
        margin: 0px;
        padding: 20px 10px;
    }

    .lightgrayzone.practitioner-items,
    .lightgrayzone.promo-line {
        background: #f2f2f2;
        padding: 30px 15px 50px;
    }

    .practitioner-find-supplement .padding-right {
        padding: 0px;
        text-align: center;
    }

    .practitioner-find-supplement .btnws {
        margin: 5px auto;
    }

    .lightgrayzone.promo-line {
        margin: 30px 0;
    }

    .lightgrayzone .title,
    .lightgrayzone.promo-line h3,
    .promo-text h3 {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .promo-text h6 {
        line-height: 1rem;
        font-weight: normal;
    }

    .spot1,
    .spot2 {
        height: auto;
        padding: 20px;
        font-size: .8rem;
    }

    .spot1 .title,
    .spot2 .title {
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin-bottom: 5px;
    }

    .spot1 .btn,
    .spot2 .btn {
        background: #fff !important;
        padding: 5px 30px;
        color: #425563 !important;
        border: none;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .spot1 .btn:hover,
    .spot2 .btn:hover {
        background: #eee;
    }

    .row-padded>[class*="col-"] {
        padding: 1px;
    }

    a.btnws {
        padding: 7px 20px;
    }

    .index-image-ads .over-image {
        position: relative;
    }

    .index-image-ads img {
        display: none;
    }

    .index-image-ads .dataright,
    .index-image-ads .dataleft {
        margin: 0;
        padding: 30px 15px;
        text-align: center;
    }

    .index-image-ads .product-name {
        font-size: .7rem;
        letter-spacing: 0;
        margin-bottom: 5px;
    }

    .index-image-ads .data-title,
    .index-title {
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin-bottom: 5px;
        font-family: "Open Sans Regular", sans-serif;
    }

    .index-image-ads .description {
        font-size: .9rem;
        margin: 10px 0;
    }

    .index-image-ads .btnws {
        display: inline-block;
    }

    .index-image-ads .blue-icons {
        display: inline-block;
        float: none;
    }

    .block-padding .padding-right {
        padding: 0px;
        text-align: center;
    }

    .block-padding {
        padding: 40px 0;
    }

    .supplementimage {
        display: none;
    }

    .testimonialszone {
        margin: 0px;
        padding: 20px 0;
    }

    .testimonialszone .title {
        font-weight: bold;
        font-size: .9rem;
    }

    .meta-grid .col1 {
        width: 100%;
    }

    .meta-grid .col2 {
        width: 100%;
        padding-top: 1px;
    }


    .thumb-grid:nth-of-type(2n+1),
    .thumb-lists:nth-of-type(2n+1) {
        clear: none;
    }

    .thumb-grid .thumb-grid-inner:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .featured-wrap,
    .category-page .category-main {
        display: none;
    }

    .thumbs-wrap {
        padding: 0px;
    }

    .thumb-grid {
        width: 50%;
    }

    .thumb-grid .thumb-grid-inner {
        border: 0;
        height: 320px;
    }

    .thumb-grid .prices-wrap {
        position: relative;
        margin-top: 10px;
    }

    .thumb-grid .description,
    .thumb_actions .action-icons {
        display: none;
    }

    .thumb-grid .img img {
        max-height: 150px;
    }

    .practitioner-items .thumb-grid-inner {
        height: 400px;
    }

    .practitioner-items .thumb-grid .prices-wrap {
        height: 140px;
    }

    .practitioner-items .thumb-grid .thumb_actions .action-icons,
    .practitioner-items .thumb-grid .description {
        display: block;
    }

    .category-actions {
        margin: 0px;
    }

    .filter-content {
        display: none;
    }

    .side-column-content {
        margin: 0px;
    }

    .category-sort-order select {
        width: 100%;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-color: #c8c8c8;
        font-weight: bold;
        padding: 7px 10px;
    }

    .supplement-finder-page .sorting select {
        font-weight: normal;
    }

    .category-sort-order {
        display: block;
        margin: 0px;
    }

    .facet-options {
        margin: 5px 0 20px;
    }

    .product-title h1 {
        font-size: 1.2rem;
    }

    .product-page .product-img-wrap {
        display: none
    }

    .product-page .product-img-wrap-mobile .product-main-image {
        max-height: 486px;
        text-align: center;
        border: none;
        width: auto !important;
    }

    .product-page .product-img-wrap-mobile .js-product-main-image {
        visibility: visible !important;
    }

    .product-page .icons-block {
        display: none;
    }

    .product-type,
    .product-page .qty-select-wrap {
        display: block;
        margin: 10px 0px;
    }

    .product-page .product-type,
    .product-page .qty-select-wrap {
        margin-bottom: 0px;
    }

    .information-line {
        margin: 10px 0;
    }

    .information-line .directions {
        border: none;
        font-weight: normal;
        font-size: .9rem;
    }

    .information-line .directions span {
        font-weight: bold;
    }

    .product-tabs .tabs {
        display: none;
    }

    #display-variants dl {
        margin-bottom: 5px;
    }

    .tab-content {
        border: none;
        padding: 0px;
    }

    .tab-content h3 {
        border: 1px solid #9d9d9d;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align: center;
        font-size: .9rem;
        text-decoration: none;
        padding: 12px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 7px 0;
    }

    .tab-content h3 .fa {
        float: right;
        margin-top: 3px;
    }

    .tab-content .the-content {
        height: 0;
        overflow: hidden;
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        margin-top: -12px;
    }

    .tab-content .the-content.active {
        border: 1px solid #9d9d9d;
        border-top: 0px;
        height: initial;
        padding: 20px;
        overflow: visible;
    }


    .site-footer {
        padding: 20px 0;
    }

    .site-footer .mobile-copy {
        font-size: .7rem;
        text-align: center;
    }

    .nav-links .tab {
        margin: 0 5px;
    }

    .home-main-image.practitioner {
        background: transparent;
    }

    .home-main-image.practitioner .back-img {
        display: none;
    }

    .slider-data,
    .home-main-data {
        position: relative;
    }

    .home-main-data .slider-text {
        position: absolute;
    }

    .pract-welcome-msg {
        margin-top: 0px;
    }

    .pract-logo {
        float: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

    .pract-welcome-msg a.btnws {
        float: left;
        margin-right: 10px;
    }

    .account-menu {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .account-menu h4 .account-menu-toggle {
        position: absolute;
        right: 0px;
        top: 2px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
    }

    .flagship-head .content-on-image {
        position: relative;
        top: auto;
        left: auto;
        padding-bottom: 10px;
    }

    .donations-wrap.edit {
        padding: 15px;
        width: 100%;
    }

    .general-search .header-search {
        width: 100%;
    }

    .top-line {
        height: 0px;
        padding: 0px 0px;
        background: #fff;
    }

    .site-header-inner .practitioner-dropdown {
        top: auto;
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    /* HP SECTIONS */
    .section-1 .text-wrap {
        top: 30%;
    }

    .section-1 .text-wrap p {
        font-size: 1.7rem;
    }

    .section-2 {
        background-position: 0 0;
        position: relative;
    }

    .section-2 .text-container {
        margin-top: 30px;
        width: 65%;
    }

    .section-2 .title {
        margin-bottom: 80px;
    }

    .section-2 .slider {
        background: no-repeat center center;
        background-size: cover;
        content: '';
        display: block;
        height: 100vh;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    .section-2 .slide-btn {
        height: 90px;
        left: 70px;
        line-height: 90px;
        width: 90px;
    }

    .section-2 .buttons-wrap {
        margin-bottom: 20px;
        width: 260px;
    }

    .section-2 .buttons-wrap .controls-wrap {
        left: 25px;
    }

    .section-2 .buttons-wrap .controls-wrap div {
        height: 70px;
        margin-top: 10px;
        width: 40px;
    }

    .section-2 .text {
        font-size: 0.9rem;
        margin-top: 20px;
    }

    .section-3 .helix-overlay {
        background-position: 0 -2vh;
    }

    .section-3 .title {
        font-size: 1rem;
    }

    .section-3 .buttons-wrap {
        max-width: 350px;
    }

    .section-3 .buttons-wrap .popup-wrap {
        display: inline-block;
        width: 70px;
    }

    .section-3 .buttons-wrap .popup-btn {
        width: 70px;
    }

    .section-3 .buttons-wrap .popup-text:after,
    .section-3 .buttons-wrap .popup-text:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        left: initial;
        position: absolute;
        pointer-events: none;
        right: 53px;
        top: initial;
        width: 0;
    }

    .section-3 .buttons-wrap .popup-text:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        margin-left: -8px;
    }

    .section-3 .buttons-wrap .popup-text:before {
        border-color: rgba(175, 185, 193, 0);
        border-bottom-color: #d7dce0;
        border-width: 7px;
        border-style: double;
        margin-left: -10px;
    }

    .section-3 .buttons-wrap .popup-text-wrap {
        left: initial;
        opacity: 0;
        right: -30px;
        top: 120px;
        transform: rotateY(-90deg);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .section-3 .text-wrap {
        left: initial;
        right: 0px;
        top: 75px;
        width: 65%;
    }

    .section-3 .line {
        display: block;
        left: 30px;
        max-width: 310px;
        top: 50%;
    }

    .section-4 .helix-overlay {
        background-position: 2vh -14vh;
    }

    .section-4 .text-wrap {
        flex-direction: row;
        padding-left: 30%;
        width: 100%;
    }

    .section-4 .text-wrap .buttons-wrap {
        margin-top: 10px;
        width: 150%;
    }

    .section-4 .text-wrap .health-button {
        margin-bottom: 25px;
    }

    .section-4 .text-wrap .health-slider-wrap {
        flex-direction: row;
        height: initial;
        margin-top: 15px;
    }

    .section-4 .text-wrap .health-slider {
        height: initial;
    }

    .section-5 {
        overflow: hidden;
    }

    .section-5 .helix-overlay {
        background-position: 2vh -18vh;
        overflow: hidden;
    }

    .section-5 .woman-overlay {
        left: -10%;
    }

    .section-5 .text-wrap {
        top: 20%;
        width: 70%;
    }

    .section-5 .img-wrap {
        max-width: 300px;
    }

    /* /HP SECTIONS */
}

@media (min-width: 768px) {
    .index .site-content {
        padding: 0px;
    }

    .header-search {
        clear: none;
        float: none;
    }

    #shopping-cart-container {
        top: 0;
    }

    /*Sticky header*/
    .sticky-header-wrap.sticky .site-header-inner .header-line-1,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .header-line-1 {
        padding: 0;
    }

    .sticky-header-wrap.sticky .site-header-inner .horizontal-links,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .horizontal-links {
        display: none;
    }

    .sticky-header-wrap.sticky .site-header-inner .search-container,
    .sticky-header-wrap-homepage.sticky-hp .site-header-inner .search-container {
        top: 60px;
    }

    .sticky-header-wrap.sticky #shopping-cart-container {
        top: 80px;
    }

    /* Meganav design changes ECOM-2949 */
    .site-navigation {
        column-count: 2;
    }

    .health-categories .site-navigation {
        column-count: 1;
    }

    .products-dropdown .linklist {
        padding-right: 15px;
    }

    .products-dropdown .buttons-wrap .row-padded {
        margin-left: 0;
    }

    .products-dropdown .buttons-wrap .blank-title {
        height: 46px;
        display: block;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }

    .products-dropdown .button {
        width: 100%;
    }

    .products-dropdown h5 {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .products-dropdown .linklist a {
        font-size: 0.75rem;
    }

    /* /Meganav design changes ECOM-2949 */

    .browse-page .right-column {
        padding-left: 15px;
    }

    .filter-content {
        display: block !important;
    }

    /* HP SECTIONS */
    .section-2 .text-container {
        height: 100%;
        padding: 80px 20px 0 20px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 70%;
        z-index: 2;
    }

    .section-2 .text-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 1%;
        vertical-align: middle;
    }

    .section-2 .text-container .text-wrap {
        display: inline-block;
        width: 97%;
        vertical-align: middle;
    }

    .section-2 .buttons-wrap div:nth-of-type(1) {
        left: 6px;
        top: 15px;
    }

    .section-2 .buttons-wrap div:nth-of-type(2) {
        left: 189px;
        top: 46px;
    }

    .section-2 .buttons-wrap div:nth-of-type(3) {
        right: 20px;
        top: 15px;
    }

    .section-2 .buttons-wrap div:nth-of-type(4) {
        bottom: 15px;
        left: 25px;
    }

    .section-2 .buttons-wrap div:nth-of-type(5) {
        bottom: 35px;
        left: 208px;
    }

    .section-2 .buttons-wrap div:nth-of-type(6) {
        bottom: 14px;
        right: 38px;
    }

    .section-2 .buttons-wrap .controls-wrap {
        display: none;
    }

    .section-3 .text-wrap {
        padding-bottom: 200px;
    }

    .section-3 .buttons-wrap .popup-text-wrap {
        opacity: 0;
        transform: rotateY(-90deg);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .section-3 .buttons-wrap .popup-text-wrap.open {
        opacity: 1;
        transform: rotateY(0deg);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    /*
     * PANEL 4
     */
    .section-4 .text-wrap {
        padding-top: 90px;
        width: 60%;
    }

    .section-4 .text-wrap .title {
        font-size: 2.3rem;
    }

    .section-4 .text-wrap .health-button {
        float: none;
        margin: 30px 0;
        padding: 0;
        width: 120px;
    }

    .section-4 .health-slider-wrap {
        flex-direction: row;
        margin-top: 30px;
    }

    .section-4 .health-slider-wrap .buttons-wrap {
        padding-bottom: 120px;
    }

    .section-4 .text-wrap .health-slider {
        height: initial;
    }


    /* /HP SECTIONS */

    /**
     * Ba tabs
     */
    .mg-tabs .mg-tabs-selector .mg-tabs-selected-value {
        display: none;
    }

    .mg-tabs .mg-tabs-selector-dropwdown li {
        border-right: 1px solid #464e5e;
        display: inline-block;
        padding: 0 10px;
    }

    .mg-tabs .mg-tabs-selector-dropwdown li:last-of-type {
        border: 0;
    }

    .mg-tabs .mg-tabs-selector-dropwdown li a {
        display: inline-block;
        font-weight: lighter;
    }

    .mg-tabs .mg-tabs-selector-dropwdown .selected a {
        font-weight: normal;
    }

    .mobile-only {
        display: none !important;
    }

    .mobile-links {
        display: inline;
    }

    .mobile-content-block {
        display: none !important;
    }

    .product-page .product-information,
    .information-line .product-information {
        padding-left: 30px;
    }

    .product-page .product-information,
    .information-line .product-information,
    .product-page .product-title {
        float: none;
        width: 55%;
    }

    .product-page .product-images,
    .information-line .product-images {
        float: left;
        width: 45%;
    }

    .product-page .product-img-wrap-mobile {
        display: none
    }

    .search-container {
        top: 122px;
    }

    /* PDP - bundles */
    .bundle-product-page .product-title,
    .bundle-product-page .product-information {
        float: none;
        padding-left: 0;
        width: 100%;
    }

    /**
     * Account
     */
    .account-menu {
        float: left;
        width: 22%;
    }

    .account-content {
        float: left;
        padding-left: 30px;
        width: 78%;
    }

    .account-content h3 {
        font-size: 32px;
        line-height: 43px;
        font-weight: 700;
        color: #000;
    }

    .account-content h5 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
        color: #323232;
        margin: 24px 0;
    }

    .account-menu .account-links-wrap {
        display: block !important;
    }

    .account-menu .account-links {
        display: block;
        float: none;
        width: 100%;
        margin: 15px 0 0;
    }

    .account-menu h4 .account-menu-toggle {
        display: none;
    }

}

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

    .header-line-2 .logo,
    .header-line-2 .logo img {
        width: 150px;
    }

    .header-line-2 .menu-line {
        margin-left: 150px;
    }

    .header-line-2 .menu-line .main-menu {
        float: right;
        padding-top: 10px;
    }

    .main-menu ul li {
        padding: 0 1px;
    }

    .main-menu ul {
        margin-top: 3px;
    }

    .partner-line a.see-why {
        margin: 0 5px 0 10px;
    }

    .general-search .header-search {
        width: 150px;
    }

    .contact-dropdown .text-content,
    .find-practitioner-dropdown .text-content {
        margin-right: 170px;
    }

    .contact-dropdown a.tel,
    .contact-dropdown a.live-chat {
        margin: 15px 10px 15px 0;
    }

    .circle-arrow {
        z-index: 4;
    }

    .home-main-data .slider-text {
        margin-top: 140px;
    }

    .pract-welcome-msg {
        margin-top: 200px;
    }

    .pract-welcome-msg h1 {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 10px;
    }

    .pract-welcome-msg .subtitle {
        font-size: 1rem;
    }

    .spot1,
    .spot2 {
        padding: 30px;
    }

    .index-image-ads .dataright,
    .index-image-ads .dataleft {
        margin-top: 5%;
    }

    .index-image-ads .product-name {
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: bold;
        color: #c6c2bd;
    }

    .index-image-ads .data-title,
    .index-title {
        color: #333;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .index-image-ads .description {
        margin: 10px 0;
    }

    .home-main-image.practitioner {
        min-height: 367px;
    }

    /* HP SECTIONS */
    .section-1 .text-wrap p {
        font-size: 2.5rem;
    }

    .section-2 .text-container {
        width: 60%;
    }

    .section-2 .title {
        margin-bottom: 70px;
    }

    .section-2 .buttons-wrap {
        width: 420px;
    }

    .section-2 .slide-btn {
        font-size: 0.65rem;
    }

    .section-2 .buttons-wrap div:nth-of-type(1) {
        left: 4px;
        top: 7px;
    }

    .section-2 .buttons-wrap div:nth-of-type(2) {
        left: 153px;
        top: 34px;
    }

    .section-2 .buttons-wrap div:nth-of-type(3) {
        top: 7px;
        right: 8px;
    }

    .section-2 .buttons-wrap div:nth-of-type(4) {
        bottom: 8px;
        left: 14px;
    }

    .section-2 .buttons-wrap div:nth-of-type(5) {
        bottom: 24px;
        left: 174px;
    }

    .section-2 .buttons-wrap div:nth-of-type(6) {
        bottom: 5px;
        right: 25px;
    }

    .section-2 .text-wrap .text {
        font-size: 1rem;
    }

    .section-3 .helix-overlay {
        background-position: 0 -18vh;
    }

    .section-3 .text-wrap {
        left: initial;
        padding: 0 30px 0 10px;
        right: 20px;
        top: 200px;
        width: 60%;
    }

    .section-3 .text-wrap .title {
        font-size: 2.2rem;
        margin-bottom: 90px;
    }

    .section-3 .text-wrap .buttons-wrap {
        max-width: 500px;
    }

    .section-3 .popup-wrap.first .popup-btn {
        position: relative;
    }

    .section-3 .popup-wrap.first .popup-btn-text {
        bottom: -20px;
        left: -15px;
        position: absolute;
        white-space: nowrap;

    }

    .section-3 .text-wrap .buttons-wrap .line {
        top: 50%;
    }

    .section-3 .buttons-wrap .popup-wrap {
        width: 95px;
        height: 80px;
    }

    .section-3 .buttons-wrap .popup-text {
        font-size: 90%;
        width: 170px;
    }

    .section-3 .buttons-wrap .popup-text-wrap {
        left: -35px;
    }

    .section-4 .helix-overlay {
        background-position: 0 -4vh;
    }

    .section-4 .text-wrap .title {
        font-size: 2.2rem;
    }

    .section-5 .helix-overlay {
        background-position: 0 -25vh;
    }

    .section-5 .woman-overlay {
        height: 38vh;
    }

    .section-5 .text-wrap {
        padding: 0 45px;
        top: 30%;
        width: 60%;
    }

    .section-5 .text-wrap .title {
        font-size: 2.5rem;
    }

    /* /HP SECTIONS */

}

@media (min-width: 992px) {

    /**
     * Ba tabs
     */
    .mg-tabs .mg-tabs-selector-dropwdown li {
        padding: 0 15px;
    }

    .tablet-only {
        display: none !important;
    }

    .mobile-only {
        display: none !important;
    }

    .main-menu ul {
        margin: 10px auto;
    }

    .search-container {
        top: 142px;
    }

    .search-container .general-search {
        float: right;
        width: 450px;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {

    .thumb-grid:nth-of-type(3n+1),
    .thumb-grid:nth-of-type(4n+1) {
        clear: none;
    }

    .home-main-data .slider-text {
        margin-top: 180px;
    }

    .pract-welcome-msg {
        margin-top: 180px;
    }


    .pract-welcome-msg {
        margin-top: 230px;
    }

    .pract-welcome-msg h1 {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 20px;
    }

    .home-main-image.practitioner {
        min-height: 400px;
    }

    .section-2 .text-wrap {
        padding: 0 50px 0 100px;
    }

    .section-2 .title {
        margin-bottom: 70px;
    }

    .section-2 .buttons-wrap {
        width: 420px;
    }

    .section-2 .slide-btn {
        font-size: 0.65rem;
    }

    .section-2 .buttons-wrap div:nth-of-type(1) {
        left: 4px;
        top: 7px;
    }

    .section-2 .buttons-wrap div:nth-of-type(2) {
        left: 153px;
        top: 34px;
    }

    .section-2 .buttons-wrap div:nth-of-type(3) {
        top: 7px;
        right: 8px;
    }

    .section-2 .buttons-wrap div:nth-of-type(4) {
        bottom: 8px;
        left: 14px;
    }

    .section-2 .buttons-wrap div:nth-of-type(5) {
        bottom: 24px;
        left: 174px;
    }

    .section-2 .buttons-wrap div:nth-of-type(6) {
        bottom: 5px;
        right: 25px;
    }

    .section-2 .text-wrap .text {
        font-size: 1rem;
    }

    .section-3 .text-wrap {
        padding: 0 15px 200px 15px;
    }

    .section-3 .text-wrap .title {
        font-size: 2.2rem;
    }

    .section-4 .text-wrap .title {
        font-size: 2.2rem;
    }

    .section-4 .text-wrap .buttons-wrap {
        padding-left: 30px;
    }

    /* /HP SECTIONS */

}

@media (max-width: 1199px) {

    .product .bx-wrapper .bx-prev,
    .resources .bx-wrapper .bx-prev {
        left: 0px;
    }

    .product .bx-wrapper .bx-next,
    .resources .bx-wrapper .bx-next {
        right: 0px;
    }

}

@media (min-width: 1200px) {
    .home-main-image.practitioner {
        min-height: 500px;
    }

    /* HP SECTIONS */
    .section-2 .text-container {
        width: 55%;
    }

    .section-2 .text-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 1%;
        vertical-align: middle;
    }

    .section-4 .health-slider-wrap .buttons-wrap {
        padding-bottom: 180px;
    }

    /* /HP SECTIONS */
    .thumb-grid .thumb-grid-inner {
        height: 485px;
    }
}

/*--------------------autobill on pdp new layout-----------------------*/
.purchase-option,
.purchase-option-period {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.purchase-option-period li {
    display: inline;
}

/*Sticky add to cart*/

    .sticky-footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        left: 0;
        background: #fff;
        border-top: 1px solid #000;
        padding: 10px;
    }
    .sticky-info-wrap{
        display: flex;
        justify-content: flex-end;
    }
    .sticky-footer .prices-wrap{
        display: flex;
    }
    .sticky-footer .unit-price-wrap{
        display: flex;
        flex-direction: row;
    }
    .sticky-footer .unit-price-wrap sup{
        text-decoration: underline;
        margin-left: 3px;
    }
    .sticky-add-to-cart-wrap .prices{
        align-self: center;
        margin: 0 5px;
    }
    .sticky-footer .prices .unit-price.moneta{
        font-size: 24px;
        line-height: 18px;
        font-weight: normal;
        margin: 0 5px;
        font-weight: 700;
    }
    .sticky-footer .unit-price-wrap .unit{
        font-size: 12px;
    }
    .sticky-footer .unit-price-wrap .size-per-time{
        margin: 0 10px;
    }
    .sticky-info-wrap .custom-check{
        padding: 5px 10px;
        align-self: center;
    }
    .sticky-footer .sticky-info{
        margin-right: 30px;
    }

    .sticky-footer .check .checkbox{
        width: 20px;
        height: 20px;
        border: 1px solid #2c5e8b;
        background: #2c5e8b;
        border-radius: 20px;
        position: relative;
        background: #2c5e8b url(../images/pdp-check.png) center center no-repeat;
    }
    .sticky-footer .sticky-title{
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        padding: 5px 10px;
    }
    .product-page .sticky-footer .add-to-cart{
        width: 160px;
        padding: 5px;
        margin: 10px 5px 0;
        height: 32px;
    }
    .sticky-footer .units{
        align-self: center;
    }

    @media (max-width: 991px){
        .sticky-footer .sticky-info-wrap{
            flex-direction: column;
        }
        .product-page .sticky-footer .add-to-cart{
            width: 100%;
            height: 46px;
        }
        .sticky-footer .prices-wrap{
            justify-content: center;
        }
    }

/*.purchase-option-period li.one-time-option{display:none;}*/

.new-autobill-layout {
    margin: 25px 0;
}

.autobill-radio {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.autobill-radio input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.autobill-radio .checkmark {
    background-color: #fff;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    left: 0;
    height: 18px;
    position: absolute;
    top: 0;
    width: 18px;
}

/* On mouse-over, add a grey background color */
.autobill-radio:hover input~.checkmark {
    background-color: #eee;
    border: 1px solid #9b9b9b;
}

/* When the radio button is checked, add a blue background */
.autobill-radio input:checked~.checkmark {
    background-color: #1b95c3;
    border: 1px solid #1b95c3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.autobill-radio .checkmark:after {
    content: "";
    display: none;
    position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.autobill-radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.autobill-radio .checkmark:after {
    height: 8px;
    left: 4px;
    background: white;
    border-radius: 50%;
    top: 4px;
    width: 8px;
}

.autobill-period {
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin: 10px 10px 5px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: center;
    user-select: none;
    width: 130px;
}

/* Hide the browser's default radio button */
.autobill-period input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.autobill-period .checkmark {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 0.8rem;
    height: 40px;
    left: 0;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 130px;
    z-index: -1;
}

/* On mouse-over, add a grey background color */
.autobill-period:hover input~.checkmark {
    border: 1px solid #1b95c3;
}

/* When the radio button is checked, add a blue background */
.autobill-period input:checked~.checkmark {
    background-color: #fff;
    border: 1px solid #1b95c3;
    color: #1b95c3;
}

/*https://mi9retail.atlassian.net/browse/ECOM-24800
The checkout button is disabled when a flavor for a bundle is not selected
We add this overlay so that if the user tries to hit the checkout button,
he hits the overlay and we can register the click, and display a error message*/
.bundle-checkout-btn-overlay {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

/* my account auto re-order update */
.autobill-page .actions {
    margin-bottom: 25px;
}

.autobill-page .actions form {
    display: inline-block;
}

.autobill-page .aro-add-recurrence-button {
    float: right;
}

@media (max-width:390px) {

    .autobill-page .aro-add-recurrence-button,
    .autobill-page .discover-more {
        float: none !important;
        margin: 5px 0 15px;
        white-space: nowrap;
    }
}


.autobill-page .aro-add-recurrence-button .mobile {
    font-size: 25px;
    line-height: 20px;
}

.autobill-page .filter-wrapper {
    display: inline-block;
}

.autobill-page .autobill-item-thumb {
    margin-top: 20px;
    padding: 0;
}

/* pause modal*/
.new-modal-container h3,
.pause-modal-container h3 {
    padding: 30px 0px 15px 0px;
    text-align: center;
    font-size: 28px;
    line-height: 43px;
    color: #393D40;
    margin: 0px auto 15px auto;
    border-bottom: 1px dotted #bfbfbf;
    width: 500px;
    max-width: 100%;
}

.new-modal-container p:first-of-type,
.pause-modal-container p:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.new-modal-container p.center,
.pause-modal-container p.center {
    text-align: center;
}

.new-modal-container .item,
.pause-modal-container .item {
    display: flex;
    justify-content: center;
    text-align: center;
}

.new-modal-container .actions button,
.pause-modal-container .actions button,
.cold-ship-popup .remove-cold-ship-button {
    border: 1px solid #007AB8;
    background: transparent;
    color: #007AB8;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 20px;
}

.practitioner-connect-modal.new-modal-container .actions button {
    border: 1px solid #506A88;
    color: white;
    font-weight: 500;
    background: #506A88;
    width: 100%;
    padding: 12px;
    font-size: 1rem;
}

.practitioner-connect-modal .practitioner-details-card {
    margin: 0px auto;
}

.practitioner-connect-modal h4 {
    width: 360px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: #404040;
}

.practitioner-connect-modal h4.blue {
    color: #1C408C;
    margin-top: 25px;
    margin-bottom: 10px;
}

.practitioner-connect-modal h4.last {
    margin-bottom: 25px;
}

.new-modal-container .actions button:hover,
.pause-modal-container .actions button:hover,
.cold-ship-popup .remove-cold-ship-button:hover {
    border: 1px solid transparent;
    background: #007AB8;
    color: #fff;
}

.practitioner-connect-modal.new-modal-container .actions button:hover {
    background: #004481;
}

.new-modal-container .item .model,
.pause-modal-container .item .model {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #1C1E1F;
    width: 240px;
    text-align: center;
    max-width: 100vw;
    line-height: 22px;
    margin-bottom: 15px;
}

.new-modal-container .size-description,
.pause-modal-container .size-description {
    margin: 20px 0px 15px 0px !important;
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    color: #393D40;
}

.new-modal-container .actions,
.pause-modal-container .actions {
    width: 380px;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: space-between;
}

.pause-modal-container.cancel-modal .actions {
    margin: 20px auto 0px auto;
}

.visibility-hidden {
    visibility: hidden;
}

.pause-modal-container.cancel-modal .actions>* {
    min-width: 130px;
}

.new-modal-container .actions>*,
.pause-modal-container .actions>* {
    min-width: 160px;
    text-transform: none;
    font-size: 0.9rem;
    font-weight: normal;
    background: none;
    color: #000;
    cursor: pointer;
    padding: 7px 0px;
    text-align: center;
}

.new-modal-container .message,
.pause-modal-container .message {
    max-width: 500px;
    max-width: 100vw;
    border-top: 1px dotted #bfbfbf;
    padding: 20px 0px;
    margin: 20px auto 0px auto;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    line-height: 25px;
}

.pause-modal-container {
    padding: 0px 40px;
}

.practitioner-connect-modal.new-modal-container .message {
    border-top: 0px;
    width: 470px;
    color: #404040;
}

.practitioner-connect-modal.new-modal-container .actions {
    width: 340px;
}

@media (max-width:480px) {

    .new-modal-container .actions,
    .pause-modal-container .actions {
        width: auto;
    }

    .new-modal-container .actions>*,
    .pause-modal-container .actions>* {
        margin-left: 10px;
        min-width: calc(50% - 10px);
        min-width: -moz-calc(50% - 10px);
        min-width: -ms-calc(50% - 10px);
        min-width: -webkit-calc(50% - 10px);
        font-size: 0.85rem !important;
        padding: 12px 10px !important;
    }

    .pause-modal-container {
        padding: 0px 10px;
    }

    .new-modal-container h3,
    .pause-modal-container h3 {
        font-size: 25px;
    }

    .new-modal-container .message,
    .pause-modal-container .message {
        width: 100% !important;
    }
}

.new-modal-container .actions .button.gray,
.pause-modal-container .actions .button.gray,
.cold-ship-popup .accept-cold-ship-button {
    background: #2C5E8B;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 20px;
    font-size: 14px;
}

.new-modal-container .actions .button.gray:hover,
.pause-modal-container .actions .button.gray:hover,
.cold-ship-popup .accept-cold-ship-button:hover {
    border-color: transparent;
    background: #004481;
    color: #fff;
}

.new-modal-container .period,
.pause-modal-container .period {
    font-size: 16px;
    line-height: 21px;
    color: #1C1E1F;
}

.new-modal-container .submit,
.pause-modal-container .submit {
    text-align: right;
}

.new-modal-container .actions .button.gray,
.pause-modal-container .actions .button.gray,
.new-modal-container .close a.button,
.pause-modal-container .close a.button {}

.new-modal-container .close a.button,
.pause-modal-container .close a.button {
    background-color: #fff;
    border: 1px solid #1b95c3;
    color: #1b95c3;
    cursor: pointer;
    margin: 0 10px;
}

.new-modal-container.ship-now .close a.button,
.pause-modal-container.ship-now .close a.button {
    border: 1px solid #B40000;
    color: #B40000;
}

.new-modal-container .submit button.button,
.pause-modal-container .submit button.button {
    background-color: #fff;
    border: 1px solid #B40000;
    color: #B40000;
    float: none;
    margin: 0 10px;
}

.new-modal-container.ship-now .submit button.button,
.pause-modal-container.ship-now .submit button.button {
    background-color: #489f4c;
    border: 1px solid #489f4c;
    color: #fff;
}

/* END pause modal*/
.practitioner-connect-modal .welcome-message,
.practitioner-connect-modal h5 {
    display: none;
}

.practitioner-connect-modal .practitioner-details {
    width: 100%;
    margin-left: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.autobill-page .actions select {
    border-color: #B3B3B3;
    border-radius: 5px;
    padding: 5px 30px 7px 15px;
    background: url(../images/select_arrow.png) no-repeat calc(100% - 5px) center;
    min-width: 130px;
    font-size: 0.9rem;
}

.fieldset .field select.opened,
select.opened {
    background: #fff url(../images/select_arrow_up.png) no-repeat calc(100% - 17px) center !important;
}

.select2-container--default .select2-selection--single {
    height: auto;
}

.filter-wrapper.sort span[title="Active"],
.filter-wrapper.sort span[title="Canceled"],
.filter-wrapper.sort span[title="On Pause"],
.sort .select2-results li[id$="-active"],
.sort .select2-results li[id$="-paused"],
.sort .select2-results li[id$="-canceled"] {
    position: relative;
    padding-left: 35px;
}

.filter-wrapper.sort span[title="Active"]:before,
.filter-wrapper.sort span[title="Canceled"]:before,
.filter-wrapper.sort span[title="On Pause"]:before,
.sort .select2-results li[id$="-canceled"]:before,
.sort .select2-results li[id$="-paused"]:before,
.sort .select2-results li[id$="-active"]:before {
    position: absolute;
    content: '';
    background: #333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    transform: -moz-translateY(-50%);
    transform: -ms-translateY(-50%);
    transform: -webkit-translateY(-50%);
}

.select2-results__option {
    font-size: 1rem;
    font-weight: 300;
    padding-left: 16px;
}

.select2-container {
    max-width: 100%;
}

.filter-wrapper .select2-container {
    width: 170px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1c408c;
}

.select2-selection__rendered {
    font-size: 1rem !important;
}

.autobill-page .autobill-item-thumb .red-circle.cancelled,
.filter-wrapper.sort span[title="Canceled"]:before,
.sort .select2-results li[id$="-canceled"]:before {
    background: #8c1c40;
}

.filter-wrapper.sort span[title="On Pause"]:before,
.sort .select2-results li[id$="-paused"]:before {
    background: #ebb94e;
}

.filter-wrapper.sort span[title="Active"]:before,
.sort .select2-results li[id$="-active"]:before {
    background: #489f4c;
}

/* SELECT 2 END */
.autobill-page .autobill-item-thumb .autobill-details div.tooltip-container .tooltip {
    margin-left: 3px;
}

.autobill-page .autobill-item-thumb .autobill-details div.tooltip-container .tooltiptext {
    font-size: 10px;
}

.autobill-page .autobill-item-thumb .item-buttons {
    padding: 35px 0 15px;
    display: flex;
    flex-direction: row;
}

.autobill-page .autobill-item-thumb {
    border: 1px solid #E4E8EB;
    border-radius: 3px;
    margin-top: 0px;
}

.autobill-page .autobill-item-thumb .item-buttons a.button.js-edit-legacy,
.autobill-page .autobill-item-thumb .item-buttons a.button.edit,
.autobill-page .autobill-item-thumb .item-buttons .aro-ship-now-button,
.autobill-page .autobill-item-thumb .item-buttons .js-ship-now-btn,
.autobill-page .autobill-item-thumb .item-buttons .js-pause-now-btn,
.autobill-page .autobill-item-thumb a.autobill-action-btn.autobill-cancel-btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 5px 10px 0 0;
    padding: 6px 15px;
    text-align: center;
    min-width: 130px;
    max-width: calc(50% - 10px);
    max-width: -webkit-calc(50% - 10px);
    max-width: -ms-calc(50% - 10px);
    max-width: -moz-calc(50% - 10px);
    white-space: nowrap;
    text-transform: uppercase;
}

@media (max-width: 600px) {

    .autobill-page .autobill-item-thumb .item-buttons a.button.js-edit-legacy,
    .autobill-page .autobill-item-thumb .item-buttons a.button.edit,
    .autobill-page .autobill-item-thumb .item-buttons .aro-ship-now-button,
    .autobill-page .autobill-item-thumb .item-buttons .js-ship-now-btn,
    .autobill-page .autobill-item-thumb .item-buttons .js-pause-now-btn,
    .autobill-page .autobill-item-thumb a.autobill-action-btn.autobill-cancel-btn {
        line-height: 20px;
        min-width: 100px;
        max-width: calc(50% - 10px);
        max-width: -webkit-calc(50% - 10px);
        max-width: -ms-calc(50% - 10px);
        max-width: -moz-calc(50% - 10px);
        font-size: 12px;
    }
}

.autobill-page .autobill-item-thumb a.autobill-action-btn.autobill-cancel-btn {
    margin-right: 0px;
    text-transform: none;
    width: 100%;
    max-width: 100%;
}

.autobill-page .autobill-item-thumb .item-buttons a.button.js-edit-legacy,
.autobill-page .autobill-item-thumb .item-buttons a.button.edit {
    background-color: #2C5E8B;
    border: 1px solid transparent;
    color: #fff;
    margin-right: 20px;
}

.autobill-page .autobill-item-thumb .item-buttons a.button.js-edit-legacy:hover,
.autobill-page .autobill-item-thumb .item-buttons a.button.edit:hover {
    background-color: #004481;
    border: 1px solid transparent;
    color: #fff;
}

.autobill-page .autobill-item-thumb .item-buttons .aro-ship-now-button,
.autobill-page .autobill-item-thumb .item-buttons .js-ship-now-btn {
    background-color: #fff;
    border: 1px solid #007AB8;
    color: #007AB8;
}

.autobill-page .autobill-item-thumb .item-buttons .aro-ship-now-button:hover,
.autobill-page .autobill-item-thumb .item-buttons .js-ship-now-btn:hover {
    background-color: #007AB8;
    border: 1px solid transparent;
    color: #fff;
}

.autobill-page .autobill-item-thumb .item-buttons .js-pause-now-btn {
    background-color: #fff;
    border: 1px solid #007AB8;
    color: #007AB8;
}

.autobill-page .autobill-item-thumb .item-buttons .js-pause-now-btn:hover {
    background-color: #007AB8;
    border: 1px solid transparent;
    color: #fff;
}

.autobill-page .autobill-item-thumb .autobill-action-btn.autobill-cancel-btn {
    font-size: 14px;
    font-weight: 600;
    color: #2C5E8B;
    text-transform: capitalize;
    background: transparent;
    text-decoration: underline;
}

.autobill-page .autobill-item-thumb .autobill-action-btn.autobill-cancel-btn:hover {
    background: transparent;
    text-decoration: none;
}

.pause-modal-container h3 {
    margin-top: 0;
    font-weight: 700;
}

.pause-modal-container p:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.pause-modal-container .item {
    display: flex;
    justify-content: center;
}

.pause-modal-container .item img {
    width: 120px;
}

.pause-modal-container .item div {
    margin: 0 10px;
}

.pause-modal-container .submit {
    text-align: right;
}

.pause-modal-container .close a.button {
    background-color: #fff;
    border: 1px solid #1b95c3;
    color: #1b95c3;
    cursor: pointer;
    margin: 0 10px;
}

.pause-modal-container.ship-now .close a.button {
    border: 1px solid #B40000;
    color: #B40000;
}

.pause-modal-container .submit button.button {
    background-color: #fff;
    border: 1px solid #B40000;
    color: #B40000;
    float: none;
    margin: 0 10px;
}

.pause-modal-container.ship-now .submit button.button {
    background-color: #489f4c;
    border: 1px solid #489f4c;
    color: #fff;
}

@media (max-width: 479px) {
    .autobill-page .filter-wrapper {
        margin-bottom: 20px;
    }

    .autobill-page .filter-wrapper:last-of-type {
        margin: 0;
    }

    .pause-modal-container .submit,
    .pause-modal-container .close {
        bottom: 25px;
        position: absolute;
        text-align: center;
    }

    .pause-modal-container .submit {
        right: 0;
    }

    .pause-modal-container.ship-now .submit {
        right: auto;
        left: 0;
    }

    .pause-modal-container .close {
        left: 0;
    }

    .pause-modal-container.ship-now .close {
        left: auto;
        right: 0;
    }

    .pause-modal-container .close a.button,
    .pause-modal-container .submit button.button {
        margin: 0;
        text-align: center;
        width: 90%;
    }

    #simplemodal-container {
        max-height: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .account-menu .account-links {
        float: left;
        width: 50%;
    }
}

@media (min-width:480px) and (max-width:990px) {
    .checkout-box button.checkout-btn {
        right: 0px !important;
        bottom: 15px !important;
    }

}

@media(max-width:990px) {

    .express-checkout-page .step-content button.checkout-btn.top-btn,
    .express_checkout_app .complete-order-btn.checkout-btn.bottom-btn {
        position: static;
        margin: 15px 0;
        display: block;
        width: 100% !important;
    }

    .express-checkout-page .checkout-box button.checkout-btn {
        display: none;
    }

    .express_checkout_app .complete-order-btn.checkout-btn.bottom-btn {
        margin: 5px 0 30px;
    }

    .checkout-review-page .checkout-box,
    .express-checkout-page .checkout-box {
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {

    .autobill-page .autobill-item-thumb .item-buttons a.button.autobill-edit,
    .autobill-page .autobill-item-thumb .item-buttons .aro-ship-now-button,
    .autobill-page .autobill-item-thumb .item-buttons .aro-pause-button,
    .autobill-page .autobill-item-thumb a.autobill-action-btn.autobill-cancel-btn {
        font-size: .8rem;
        display: block;
        float: none;
        width: 100%;
        min-width: auto;
    }

    .autobill-page .autobill-item-thumb .autobill-details {
        flex-wrap: wrap;
    }

    .autobill-page .autobill-item-thumb .autobill-details div {
        flex: 50%;
    }

    .autobill-page .autobill-item-thumb .autobill-details .frequency {
        order: 3;
    }

    .autobill-page .autobill-item-thumb .autobill-details .rate {
        order: 5;
        display: none;
    }

    .autobill-page .autobill-item-thumb .autobill-details .status {
        order: 2;
    }

    .autobill-page .autobill-item-thumb .autobill-details .next-refill {
        order: 4;
    }

    .autobill-page .autobill-item-thumb .autobill-details .next-billing {
        order: 1;
    }
}

/* Tooltip container */
.tooltip-container {
    display: inline-block;
    position: relative;
}

/* Tooltip text */
.tooltip-container .tooltip {
    background: #6d6d6d;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    width: 12px;
}

.tooltip-container .tooltiptext {
    background-color: #6d6d6d;
    border-radius: 3px;
    color: #fff;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    transition: opacity 1s;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}

.tooltip-container .tooltiptext.right {
    top: -6px;
    left: 150%;
}

.tooltip-container .tooltiptext.left {
    top: -6px;
    right: 150%;
}

.tooltip-container .tooltiptext.top {
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip-container .tooltiptext.bottom {
    top: 150%;
    left: 50%;
    margin-left: -60px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip-container .tooltiptext::after {
    content: " ";
    position: absolute;
}

.tooltip-container .tooltiptext.right::after {
    top: 50%;
    right: 100%;
    /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #6d6d6d transparent transparent;
}

.tooltip-container .tooltiptext.left::after {
    top: 50%;
    left: 100%;
    /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #6d6d6d;
}

.tooltip-container .tooltiptext.top::after {
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -3px;
    border-width: 5px;
    border-style: solid;
    border-color: #6d6d6d transparent transparent transparent;
}

.tooltip-container .tooltiptext.bottom::after {
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -3px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #6d6d6d transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-container:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}

/* aro decision popup */
.on-hold-modal-container h3 {
    margin-top: 0;
}
.on-hold-modal-container p {
    padding: 0;
}
.on-hold-modal-container p:first-of-type {
    margin-top: 0;
}
.on-hold-modal-container .on_hold_aro_table {
    margin: 25px 0;
    width: 100%;
}
.on-hold-modal-container .on_hold_aro_table td {
    vertical-align: top;
}
.on-hold-modal-container .on_hold_aro_table .image {
    width: 20%;
}
.on-hold-modal-container .on_hold_aro_table .info {
    padding-left: 15px;
    width: 50%;
}
.on-hold-modal-container .on_hold_aro_table .buttons {
    width: 30%
}
.on-hold-modal-container .on_hold_aro_table .buttons .on-hold-aro-decision-button {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    display: block;
    margin: 0 0 15px 0;
    padding: 6px 15px;
    text-align:center;
    width: 100%;
    white-space: nowrap;
}
.on-hold-modal-container .on_hold_aro_table .buttons .on-hold-aro-decision-button.month {
    background-color: #fff;
    border: 1px solid #1b95c3;
    color: #1b95c3;
}
.on-hold-modal-container .on_hold_aro_table .buttons .on-hold-aro-decision-button.today {
    background-color: #489f4c;
    border: 1px solid #489f4c;
    color: #fff;
}
.on-hold-modal-container .on_hold_aro_table .buttons .on-hold-aro-decision-button.cancel {
    background-color: #fff;
    border: 1px solid #B40000;
    color: #B40000;
}
/* prevent chat button on modals */
.button-iframe-wrap {
    z-index: 1000 !important;
}

/* ECOM-31805 */
@media(max-width: 767px) {
    .text-united-languages {
        transform: none !important;
    }
}

/* Practitioner Connect https://mi9retail.atlassian.net/browse/ECOM-31931 
*/
.authentication-page {
    display: flex;
    justify-content: space-between;
}

.authentication-page .error {
    background-color: #FFD7D799;
    border: none;
    color: #464F5E;
    display: block;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 5px;
    width: 100%;
}

.authentication-page h4 {
    font-weight: 700;
    font-size: 28px;
    color: #404040;
}

.authentication-page .register-form,
.authentication-page .login-form {
    margin-top: 30px;
}

.box-ajax.forgot-pass,
.js-terms-btn-noreg.button,
.js-guest-checkout-register {
    font-weight: 700;
}

.authentication-page .form .required-message {
    font-size: 12px;
    font-weight: 500;
    color: #98A1A5;
}

.authentication-page .practitioner-details {
    text-align: center;
    background: #fbfbfb url(../images/pract_connect/pract_card_bkg.png) center top no-repeat;
}

.practitioner-details-card {
    background: #ffffff url(../images/pract_connect/meta_icon.svg) 115% -100% no-repeat;
    box-shadow: 0px 3.1604px 12.6416px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-height: 180px;
    width: 360px;
    padding: 32px 30px;
    margin: 0 auto 40px;
}

.practitioner-details-card .data-frame {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.practitioner-details-card .data-frame .image {
    width: 47px;
    height: 47px;
}

.practitioner-details-card .data-frame .image img {
    max-width: unset !important;
}

.practitioner-details-card .details {
    text-align: left;
    margin-left: 15px;
    line-height: 24px;
}

.practitioner-details-card .details .name {
    color: #373A3C;
    font-size: 16px;
    font-weight: 600;
}

.practitioner-details-card .details .specialty {
    color: #404040;
    font-size: 14px;
    font-weight: 600;
}

.practitioner-details-card .details .code {
    color: #373A3C;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.practitioner-details-card .details .address {
    color: #8B8B8B;
    font-size: 12px;
    font-weight: 400;
    width: 180px;
    line-height: 20px;
    margin-top: 5px;
}

.practitioner-details-card button {
    width: 100%;
    background: #45A0CC;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
}

.practitioner-details-card button:hover {
    background: #3e85ae;
}


.practitioner-details h5 {
    color: #2C5E8B;
    font-size: 20px;
    font-weight: 700;
}

.practitioner-details .welcome-message {
    max-width: 400px;
    margin: auto;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    color: #404040;
}

.practitioner-details .welcome-message.subdomain {
    max-width: 380px;
}

.form-layout,
.authentication-page .actions {
    display: flex;
    flex-wrap: wrap;
}

.meta-us .authentication-page.register-form-page .graybox-section .actions,
.meta-us .authentication-page .register-section .actions{
    flex-direction: column-reverse;
    text-align: center;
}

.register-section .register-form .field-checkbox label {
    color: #8B8B8B;
}

.register-section .register-form.form-layout .field.field-checkbox {
    width: 100%;
    margin-left: 0px !important;
}

.checkout-box .step-content {
    color: #1C1E1F;
}

.checkout-box .email-message {
    margin-top: 10px;
}

.checkout-edit-cart-page .checkout-box button.checkout-btn {
    position: static !important;
}

.checkout-edit-cart-page.cart-page .cart-actions {
    margin-bottom: 0px !important;
}

.checkout-edit-cart-page .checkout-box .step-content {
    border: none !important;
    padding: 0px;
}

.checkout-edit-cart-page ._continue-shopping {
    display: none !important;
}

.checkout-page .step-title {
    background-color: transparent !important;
    padding: 0px !important;
    text-transform: capitalize !important;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #373A3C;
}

.checkout-page .step-title:before {
    display: none !important;
}

.receipt-register-box .field.masked>i {
    top: 42px;
}

/*.form-layout > div,*/
.authentication-page .actions>div {
    flex-grow: 1;
    margin-right: 0px !important;
}

.meta-us .register-form .field.full-width{
    width: 100%;
}

.form-layout.login-form .field {
    width: 100%;
}

.form-layout .field {
    margin-bottom: 20px;
    position: relative;
    width: calc(50% - 11px);
    width: -moz-calc(50% - 11px);
    width: -ms-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
}

.form-layout .field label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #373A3C;
}

.form-layout .field label.error {
    background: none;
    position: relative;
    font-size: 0.85rem;
    padding: 0px;
    height: auto;
    border: none;
    top: 5px;
    color: #c6211b;
}

.form-layout .field label.error>div {
    line-height: 22px;
}

.error i,
.form-layout .field label.error i {
    background: #d2706d;
    color: white;
    width: 13px;
    height: 13px;
    text-align: center;
    font-size: 0.6rem;
    border-radius: 2px;
    line-height: 13px;
    position: relative;
    bottom: 1px;
    margin-right: 2px;
}

.error i {
    margin-right: 6px;
    bottom: 2px;
}

.form-layout .field input {
    border: 1px solid #ccc;
    padding: 13px;
    width: 100%;
    border-radius: 2px;
}

.form-layout .field input.error {
    color: #000;
    background: white;
    border-color: #c6211b;
    margin-bottom: 0px;
}

/* not sure where this is used, but it overrides styles on /register page
.form-layout .field.field-checkbox{margin: 20px 10px 30px 0px!important;}*/
.form-layout .field.field-checkbox label {
    display: inline-block;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
}

.form-layout .field.field-checkbox input {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    filter: hue-rotate(210deg);
    filter: grayscale(1);
    float: left;
}

.js-marketing-modal {
    cursor: pointer;
    text-decoration: underline;
}

.js-marketing-modal:hover {
    text-decoration: none;
}

.form-layout .terms,
.form-layout .optin-hippa {
    width: 100%;
    margin-bottom: 15px;
}

.form-layout .optin-hippa label {
    color: #8B8B8B;
}

.actions.login-actions,
.login-section .register {
    text-align: center;
    margin-bottom: 20px;
}

.meta-us .form-layout .terms,
.meta-us .actions .register {
    color: #8b8b8b;
    text-align: center;
}

.form-layout .terms,
.actions .register {
    color: #8b8b8b;
}

.authentication-page .actions button {
    width: 100%;
    padding: 16px;
    font-size: 14px;
}

hr.dotted-line {
    border: none;
    border-top: 1px dotted #98A1A5;
    margin-top: 15px;
    padding-top: 15px;
}

.text-center.social-login {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.text-center.social-login a {
    -webkit-filter: opacity(0.7);
    filter: opacity(0.7);
}

.text-center.social-login a:hover {
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

.authentication-page .register-btn,
.authentication-page .signin-btn {
    background: #2C5E8B;
}

.authentication-page .register-btn:hover,
.authentication-page .signin-btn:hover {
    background: #004481;
}

.guest-checkout-section {
    text-align: center;
    color: #8B8B8B;
}

@media(min-width: 768px) {
    .guest-checkout-section {
        margin: 0 auto;
        padding: 0 70px;
    }

    .section-inner {
        padding: 0px 70px;
    }

    .guest-checkout-section.ca {
        max-width: 100%;
        width: 520px;
    }

    .guest-checkout-section>p {
        max-width: 440px;
        margin: 0 auto;
    }
}

.guest-checkout-section .checkbox input {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.guest-checkout-section .checkbox {
    color: #8B8B8B;
}

.guest-checkout-section.ca .checkbox {
    text-align: left;
    margin-bottom: 15px;
}

.guest-checkout-section.ca .checkbox input {
    float: left;
}

.guest-checkout-section.ca .checkbox label {
    display: inline-block;
    width: calc(100% - 30px);
    width: -mos-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
}

.guest-checkout-section.ca h3 {
    margin-bottom: 20px;
}

.guest-checkout-section h3 {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
}

.guest-checkout-btn .button {
    border: 1px solid #6186a8 !important;
    background: #fff;
    border-radius: 6px;
    color: #6186a8;
    text-transform: uppercase;
    padding: 16px;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 30px auto 0;
    width: 80%;
}

.guest-checkout-btn .button:hover {
    background: #007ab8;
    border: 1px solid transparent;
    color: #fff;
}

.info-tiptip {
    top: 3px;
    background: url(../images/pract_connect/info_icon_gray.png) no-repeat right center;
    display: inline-block;
    cursor: default;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 5px;

}

.legacy-subscription-placeholder {
    height: 25px;
}

.legacy-subscription-tooltip {
    color: #2C5E8B;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    position: relative;
    bottom: 3px;
    display: inline-block;
    cursor: default;
}

.legacy-subscription-tooltip .icon {
    margin-left: 5px;
}

#tiptip_holder {
    min-width: 300px;
}

#tiptip_content {
    padding: 13px 20px 15px 31px;
    font-size: 0.75rem;
    border: 1px solid #bdbdbd;
    box-shadow: 1px 1px 2px 0px #B9B9B9;
    -moz-box-shadow: 1px 1px 2px 0px #B9B9B9;
    -ms-box-shadow: 1px 1px 2px 0px #B9B9B9;
    -webkit-box-shadow: 1px 1px 2px 0px #B9B9B9;
    background: #fff url(../images/question.png) no-repeat 8px 15px;
}
/* **/
.shipping-label {
  color: #046;
  font-weight: bold;
}
/* TipTip tooltip is styled differently on the store front than the one in my account per MG's design 
*/
body:not(.list, .edit) #tiptip_content {
    padding: 13px 10px 8px 10px;
    font-size: 0.75rem;
    box-shadow: 1px 1px 2px 0px #B9B9B9;
    -moz-box-shadow: 1px 1px 2px 0px #B9B9B9;
    -ms-box-shadow: 1px 1px 2px 0px #B9B9B9;
    -webkit-box-shadow: 0px 5px 6px 3px #B9B9B9;
    border-radius: 5px;
    border: none;
    background-image: none;
}
body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -8px;
    margin-left: -10px;
}
body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_holder.tip_top #tiptip_arrow {
  border-color: transparent;
  bottom: -10px;
  left: 45%;
  transform: translateX(-45%);
  -webkit-transform: translateX(-45%);
  -ms-transform: translateX(-45%);
  -moz-transform: translateX(-45%);
}
body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_arrow, 
body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_arrow_inner {
    border-width: 8px;
}
body:not(.list, .edit) #tiptip_holder { 
    min-width: 420px;
    top: unset;
    bottom: 30px;
    left: 50%;
    font-weight: normal;
    transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    -webkit-transform: translateX(-45%);
}
body.checkout-start-page #tiptip_holder,
body.auth #tiptip_holder {  
    min-width: 322px;
    bottom: unset;
    left: 0;
    top: 0;
    transform: none;
}
@media(max-width: 1199px) {
    body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_holder {
        left: -220px;
        transform: none;
    }
    body:not(.list, .edit, .auth, .checkout-start-page) #tiptip_holder.tip_top #tiptip_arrow {
        left: 228px;
        transform: none;
    }
}
@media(max-width: 991px) {
     body:not(.list, .edit, .auth, .checkout-start-page)) #tiptip_holder {
        left: -90px;
    }
     body:not(.list, .edit, .auth, .checkout-start-page)) #tiptip_holder.tip_top #tiptip_arrow {
        left: 100px;
    }
}
@media(max-width: 480px) {
    body:not(.list, .edit, .auth, .checkout-start-page)) #tiptip_holder {
        max-width: calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: -ms-calc(100vw - 30px);
        max-width: -webkit-calc(100vw - 30px);
        min-width: unset;
        width: 420px;
    }
    body.auth #tiptip_holder {
        margin-left: 20px !important;
    }
    body.auth #tiptip_holder.tip_top #tiptip_arrow {
      display: none;
    }
}
/**/
a.skip-link {
    font-weight: bold;
    color: #3e7c9b !important;
}

.flexbox-text-aligned {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: 20px;
}

.margintop-20 {
    margin-top: 20px !important;
}

.marginright-20 {
    margin-right: 20px !important;
}

.marginright-40 {
    margin-right: 40px !important;
}

.graybox-section {
    padding: 30px 40px;
}

.canada-contacts {
    color: #8B8B8B;
    text-align: center;
    margin: 30px 0px 80px 0px;
    padding: 0px 30px;
}

.canada-contacts a {
    color: #8B8B8B;
}

.canada-contacts span {
    margin-left: 15px;
}

.login-section.graybox-section {
    padding: 30px;
}

.authentication-page .login-section.graybox-section,
.authentication-page.register-form-page .graybox-section {
    background: #fbfbfb;
    border: 1px solid #f3f3f3;
    /*margin-bottom:30px;*/
}

.checkout-start-page.mg-guest-checkout .graybox-section {
    background: transparent;
    border: none;
    margin-bottom: 0px;
}

.canada-contacts {
    color: #8B8B8B;
    text-align: center;
    margin: 30px 0px 80px 0px;
    padding: 0px 30px;
}

.canada-contacts a {
    color: #8B8B8B;
}

.canada-contacts span {
    margin-left: 15px;
}

.login-section.graybox-section {
    padding: 30px;
}

.graybox-section h1 {
    font-size: 28px;
    font-weight: 700;
    color: #404040;
    margin: 0 0 1px 0;
}

.graybox-section small {
    font-size: 12px;
    color: #8b8b8b;
}

@media(min-width: 768px) {
    .authentication-page {
        flex-direction: row;
    }

    .authentication-page .form {
        width: 55%;
    }

    .authentication-page .practitioner-details {
        width: 45%;
    }

    .authentication-page .practitioner-details {
        padding: 7% 5%;
    }

    .authentication-page .form {
        padding-right: 10px;
    }

    .authentication-page .form .required-message {
        margin-top: -10px;
    }

    .form-layout>div.field:nth-child(2n),
    .authentication-page .actions>div:nth-child(2n) {
        margin-left: 10px;
    }

    .meta-us .register-form.form-layout .field.full-width{
        margin-right: 0px;
    }

    .form-layout>div.field:nth-child(2n+1),
    .authentication-page .actions>div:nth-child(2n+1) {
        margin-right: 10px;
    }

    .form-layout.login-form>div.field:nth-child(2n+1),
    .form-layout.login-form>div.field:nth-child(2n) {
        margin: 0 0 20px 0;
    }

    .form-layout .clear {
        width: 100%;
    }

    .authentication-page .actions button.signin-btn {
        width: 80%;
    }

    .meta-us .authentication-page .actions.register-actions>div {
        width: 45%;
        align-self: center;
    }

    .authentication-page .actions.register-actions>div {
        width: 45%;
    }
}

.authentication-page .actions.register-actions .register {
    align-self: center;
    padding-bottom: 10px;
}

.meta-us .authentication-page .actions.register-actions .register {
    align-self: center;
    padding-top: 5px;
}

@media(max-width: 767px) {
    .authentication-page {
        flex-direction: column;
    }

    .authentication-page .practitioner-details {
        padding: 97px 20px 40px;
    }

    .authentication-page .form {
        padding-right: 0px;
    }

    .authentication-page .form .required-message {
        margin-bottom: 20px;
    }

    .form-layout,
    .authentication-page .actions {
        flex-direction: column;
    }

    .form-layout .field,
    .form-layout>div,
    .authentication-page .actions>div {
        width: 100%;
    }

    .authentication-page .actions>div {
        text-align: center;
    }

    .authentication-page .actions .register {
        order: 2;
        margin: 15px 0 25px;
    }

    .practitioner-details-card {
        max-width: 360px;
    }

    .practitioner-details h5 {
        font-size: 18.5px;
    }

    .practitioner-details .welcome-message {
        font-size: 14px;
    }

    .flexbox-text-aligned {
        flex-direction: column;
        align-items: flex-start;
    }

    .flexbox-text-aligned a {
        margin: 20px 0 0;
    }

    .guest-checkout-btn .button {
        width: 100%;
    }

    .login-section.graybox-section {
        padding: 30px;
    }

    .text-center.social-login .or-text {
        margin: 20px 0;
    }
}

@media (max-width:480px) {
    .practitioner-details-card {
        width: 100%;
    }

    .text-center.social-login {
        flex-direction: column;
        text-align: center;
    }

    .margintop-20.title-note {
        margin-right: 30%;
    }

    .hide-for-smallres {
        display: none;
    }
}

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

    .form-layout>div,
    .authentication-page .actions>div {
        width: 100% !important;
    }

    .form-layout>div.field:nth-child(2n),
    .authentication-page .actions>div:nth-child(2n),
    .form-layout>div.field:nth-child(2n+1),
    .authentication-page .actions>div:nth-child(2n+1) {
        margin: 0 0 20px;
    }

    .authentication-page .form .required-message {
        float: none;
        width: auto;
        margin-top: 0px;
        text-align: left;
    }

    .login-section.graybox-section {
        padding: 30px;
    }
}

.form-layout .optin-hippa .field.field-checkbox {
    width: 100%;
    margin-bottom: 10px;
}

@media(max-width: 1199px) {
    .optin-hippa br {
        display: none;
    }
}
.google-pay-container {
    margin-top: 20px;
}
.alternative-payments-action {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}
.google-pay-container {
    margin-top: 20px;
}
.cart-page .paypal-checkout {
    width: 100%;
}
.cart-page apple-pay-button {
    --apple-pay-button-width: 100%;
    margin-top: 20px;
}

apple-pay-button {
    --apple-pay-button-height: 42px;
    --apple-pay-button-border-radius: 5px;
    --apple-pay-button-padding: 5px 0px;
  --apple-pay-button-box-sizing: border-box;
}
.checkout-page apple-pay-button {
    --apple-pay-button-width: 240px;
    margin-left: 15px;
}
@media(min-width: 601px){
    .alternative-payments-action > *:not(.clear) {
        width: 240px;
        margin: 0px 0px 15px 15px;
    }
}
@media(max-width: 600px){
    .alternative-payments-action > *:not(.clear) {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }
}
/*.checkout-page .paypal-checkout,
.express-checkout-page .paypal-checkout {
  margin-top: 48px;
}*/
.cart-page .paypal-checkout {
    width: 100%;
}
.paypal-checkout iframe {
  z-index: 1 !important;
}

/*login in cart page*/
.cart-action-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.cart-action-line .login-link {
    color: #8b8b8b;
}

.cart-action-line .login-link a {
    color: #317495;
}

.subscription-note {
    font-size: 14px;
    line-height: 20px;
    color: #6D7073;
    border-top: 1px solid #E4E8EB;
    padding: 20px 0;
}

.checkout-subscription-note {
    margin: 50px 0;
    font-size: 14px;
    line-height: 20px;
    color: #373A3C;
}

@media (min-width: 1024px) {
    .cart-action-line .continue-shopping {
        width: 52%;
    }

    .cart-action-line .login-link,
    .cart-action-line .checkout-btn-box {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .cart-action-line {
        flex-direction: column;
        text-align: center;
    }

    .cart-action-line .login-link {
        order: 2;
        margin: 30px 0 15px;
        width: 100%;
        text-align: center;
    }

    .cart-action-line .checkout-btn-box {
        order: 1;
        width: 100%;
    }

    .cart-action-line .continue-shopping {
        order: 3;
        width: 100%;
    }

    .cart-page .checkout-btn {
        float: none;
    }
}

/*end login in cart page*/

/*learn more about practitioner on receipt page */
.learn-about-practitioner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.practitioner-image {
    margin-right: 10px;
}

.practitioner-details {
    margin-left: 10px;
    line-height: 26px;
}

.practitioner-details h4 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color: #404040;
}

.order-complete-page .practitioner-details {
    padding-right: 10px;
}

.practitioner-details .name {
    color: #506A88;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.practitioner-details .specialty {
    color: #98A1A5;
    font-size: 14px;
    font-weight: 700;
}

.practitioner-details .phone {
    color: #317495;
    font-size: 14px;
    font-weight: 400;
}

.practitioner-details .address {
    color: #858E93;
    font-size: 14px;
}

.practitioner-details .action-msg {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    margin: 5px 0 40px;
}

.practitioner-details .link-button {
    width: 206px;
    margin: 5px 1px;
}

.practitioner-details .link-button.auto-width {
    width: auto;
}

.link-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 15px 25px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.link-button.primary {
    color: #fff;
    background: #2C5E8B;
    border: 1px solid transparent;
}

.link-button.primary:hover {
    background: #004481;
}

.link-button.outlined,
.link-button.secondary {
    color: #2c5e8b;
    border: 1px solid #2c5e8b;
    font-weight: bold;
}

.link-button.outlined:hover,
.link-button.secondary:hover {
    background: #007ab8;
    color: #fff;
    border: 1px solid transparent;
}

.field.masked {
    position: relative;
}

.mobile-only .content.show-form .login-dropdown .field.masked>i {
    top: 14px;
}

.field.masked>i {
    position: absolute;
    right: 10px;
    top: 37px;
    cursor: pointer;
    padding: 5px;
    color: #98a1a5;
}

.checkout-payment-page .cc-number-field .js-mask-toggle {
    right: auto !important;
    left: 72% !important;
    color: #6D7073;
}

.how-to-find .fa {
    color: #7d7d7d;
    font-size: 1rem;
}

/* HIPPA AUTH POPUP*/
#hippa_auth_modal #simplemodal-data .store-box-content {
    padding: 25px;
}

.hippa-auth-modal.new-modal-container .message {
    border-bottom: 1px dotted #bfbfbf;
    border-top: 0px;
    padding: 0px 20px 20px 20px;
}

.hippa-code-popup.new-modal-container .message {
    padding: 0px 10px 20px 10px;
    font-size: 0.9rem;
}

.hippa-auth-modal .hippa-lang {
    height: 170px;
    overflow-y: auto;
    padding: 20px 0px;
    margin: 15px 0px;
    border-bottom: 1px dotted #787878;
    border-top: 1px dotted #787878;
}

.hippa-auth-modal .image {
    text-align: center;
    margin: 20px 0px 40px 0px;
}

.hippa-auth-modal .h4 {
    text-align: center;
    color: #323232;
    font-size: 1.2rem;
    font-weight: 600;
}

.hippa-code-modal.new-modal-container .message {
    border-bottom: 1px dotted #787878;
    padding-top: 0px;
    margin-top: 0px;
    font-size: 0.85rem;
    padding: 15px 0px;
    border-top: 1px dotted #787878;
    width: 480px;
    max-width: 100%;
}

.hippa-auth-modal .list-style {
    list-style: none;
    width: 350px;
    margin: 30px auto;
}

.hippa-auth-modal .h5 {
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.hippa-auth-modal.new-modal-container .button.blue {
    background: #506A88;
    border: none;
    color: white;
    text-transform: uppercase;
}

.hippa-auth-modal .button.blue:hover {
    background: #455970;
}

.hippa-auth-modal .button.gray {
    border-color: #C4C4C4;
    font-size: 0.9rem;
    color: #373A3C;
}

.hippa-auth-modal .button {
    font-weight: 600;
    padding: 13px;
}

.hippa-auth-modal.new-modal-container .actions {
    width: 100%;
    margin: 50px 0px 20px 0px;
}

.hippa-code-modal.new-modal-container .actions {
    width: 100%;
    margin: 40px 0px;
}

.hippa-code-modal.new-modal-container .actions .button {
    width: 100%;
}

#hippa_code_popup #simplemodal-data .store-box .store-box-content {
    padding: 30px;
}

.hippa-auth-modal.new-modal-container .actions .button {
    width: calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -ms-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
}

.hippa-code-popup.hippa-auth-modal.new-modal-container .actions .button {
    width: 100%;
}

.hippa-code-popup .promo-code {
    color: #4F6D88;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 9px 52px;
    display: block;
    border: 2px dashed #4F6D88;
    border-radius: 5px;
    margin: 20px auto 25px auto;
    width: 205px;
}

/* HIPPA AUTH POPUP*/
@media (max-width: 768px) {
    .learn-about-practitioner {
        flex-direction: column;
    }

    .practitioner-details h4,
    .practitioner-details .name {
        font-size: 24px;
    }

    .practitioner-details .action-msg {
        font-size: 14px;
        margin: 5px 0 20px;
    }

    .link-button {
        padding: 15px 7px;
    }

    .practitioner-details .link-button {
        width: 170px;
    }
}

@media(min-width: 769px) {

    .practitioner-image,
    .practitioner-details {
        flex-grow: 1;
        width: 50%;
    }
}

/*end learn more about practitioner on receipt page */

/* GUEST CHECKOUT */

.mg-guest-checkout .checkout-box {
    float: left;
}

.mg-guest-checkout.checkout-start-page>div {
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    background: #FAFBFC;
}

.mg-guest-checkout.checkout-start-page .sidebar_summary {
    margin-bottom: 0px;
    padding: 3% 6%;
}

.mg-guest-checkout .checkout-box {
    padding: 0;
    margin-right: 30px;
}

/* END GUEST CHECKOUT */


.font18 {
    font-size: 18px;
    line-height: 22px;
}

/*welcome-user*/

.successful-registerion-page .actions {
    display: flex;
}

.successful-registerion-page .main-text {
    padding-left: 15px;
}

.successful-registerion-page .main-text li {
    padding: 5px 0 10px 0;
    list-style: "-  ";
}

.successful-registerion-page .actions .shop-now {
    width: 210px;
    text-align: center;
    max-width: 100%;
    margin-right: 30px;
}

.successful-registerion-page .actions .connect-with-pract {
    flex-grow: 1;
    text-align: center;
}

.successful-registerion-page h1.welcome-page {
    font-size: 28px;
}

.successful-registerion-page .welcome-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #C5CDCF;
    margin-bottom: 30px;
}

.successful-registerion-page .welcome-user .image {
    width: 40%;
}

.successful-registerion-page .welcome-user .details {
    width: 60%;
    padding: 30px;
}

.successful-registerion-page .welcome-user h2 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -2;
}

.successful-registerion-page .welcome-user .main-text {
    margin: 30px 0;
    font-size: 18px;
}

.successful-registerion-page .welcome-user .main-text>div {
    margin-bottom: 10px;
}

@media (max-width:600px) {
    .successful-registerion-page .actions {
        flex-wrap: wrap;
        padding: 0px 20px;
    }

    .successful-registerion-page .actions .button {
        margin: 0px 0px 30px 0px;
        width: 100%;
        padding: 14px;
    }

    .successful-registerion-page .welcome-user .details {
        padding: 30px 20px;
    }
}

@media (max-width:768px) {
    .successful-registerion-page h1.welcome-page {
        font-size: 24px;
        text-align: center;
    }

    .successful-registerion-page .welcome-user {
        flex-direction: column;
    }

    .successful-registerion-page .welcome-user .image {
        text-align: center;
    }

    .successful-registerion-page .welcome-user .image,
    .successful-registerion-page .welcome-user .details {
        width: 100%;
    }

    .successful-registerion-page .welcome-user h2 {
        font-size: 20px;
    }

    .successful-registerion-page .welcome-user .main-text {
        font-size: 14px;
    }

    .mg-guest-checkout .checkout-box {
        padding: 0px;
    }
}

@media (min-width: 769px) {

    .successful-registerion-page .main-text,
    .successful-registerion-page .actions {
        padding-right: 80px;
    }
}

@media (min-width: 768px) and (max-width:1200px) {
    .mg-guest-checkout .checkout-box {
        padding: 0px;
        flex-grow: 1;
    }

    .mg-guest-checkout.checkout-page .sidebar_summary {
        flex-grow: 1;
    }
}

@media (min-width: 992px) {
    .mg-guest-checkout.checkout-page .sidebar_summary {
        width: 45%;
    }

    .mg-guest-checkout.checkout-page .checkout-box {
        width: 55%;
    }
}

@media (max-width:1200px) {
    .successful-registerion-page .welcome-user .button .invisible-xs {
        display: none;
    }

    .successful-registerion-page .button {
        margin-right: 20px;
        padding: 16px 20px;
    }

    .successful-registerion-page .main-text li br {
        display: none;
    }
}

.button.primary,
.receipt-register-box button {
    background: #2C5E8B;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 30px;
}

.button.primary:hover,
.receipt-register-box button:hover {
    background: #455970;
}

.button.outlined {
    background: #fff;
    border: 1px solid #004D99;
    color: #002A54;
    text-transform: uppercase;
    padding: 14px 30px;
    font-weight: 600;
}

.button.outlined:hover {
    background: #002A54;
    color: #fff;
    border: 1px solid transparent;
}

/*end welcome user*/

.receipt-register-box {
    margin: 20px 0px;
    border: none;
}

.set-password-page h1 {
    font-size: 28px !important;
    font-weight: 400;
    margin-bottom: 22px !important;
    color: #000000;
}

.set-password-page .practitioner-details .text-404040 {
    color: #404040;
}

.empty-cart-box {
    padding: 75px 0 171px;
    text-align: center;
    border-top: 1px dashed #C5CDCF;
    border-bottom: 1px dashed #C5CDCF;
    margin: 15px 0 80px;
}

.empty-cart-box .link-button {
    width: 210px;
}

.empty-cart-box p {
    color: #1C1E1F;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -2%;
    margin-bottom: 25px
}

.empty-cart-box .link-button.outlined {
    padding: 14px 80px !important;
    font-weight: 600;
}

.boxed-content {
    border: 1px solid #C5CDCF;
    padding: 0px 40px;
    margin-bottom: 30px;
}

.boxed-content .learn-about-practitioner {
    margin: 0px;
}

.hidden-menu {
    display: none;
}

/*.checkout-page .sidebar-summary-title,*/
.checkout-page .summary-title {
    border: 1px solid #E4E8EB;
    border-radius: 5px 5px 0 0;
    border-bottom: 0px;
    background-color: #FAFBFC !important;
    color: #1C1E1F;
    font-size: 18px;
    text-transform: capitalize;
    padding: 15px 20px;
}

.checkout-page .summary-title .items-in-cart {
    font-size: 14px;
}

.checkout-page .summary-title:before {
    display: none;
}

.checkout-page .sidebar_summary .edit-cart-link {
    background: transparent;
    color: #2C5E8B;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    right: 10px;
}

.checkout-page .sidebar-summary-inner {
    border: 1px solid #E4E8EB;
    border-radius: 0 0 5px 5px;
    border-top: 0px;
    padding: 0 15px 15px;
}

.checkout-page:not(.hide-address-fields) .email-information,
.checkout-page:not(.hide-address-fields) .find-your-address h3,
.checkout-page:not(.hide-address-fields) .find-your-address .h6,
.checkout-page.hide-address-fields .hide-address-fields,
.checkout-page:not(.hide-address-fields) .find-your-address .show-address-fields,
.hide-address-fields .shipping-methods,
.hide-address-fields .address-field {
    display: none;
}

.checkout-page:not(.hide-address-fields) .find-your-address .hide-address-fields {
    display: block;
}

.single-shipping-page .errors-container label.error {
    background: none;
    border: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.single-shipping-page .email-fieldset .field input {
    margin-bottom: 0px;
}

.fieldset.email-fieldset {
    margin-bottom: 15px;
}

.email-fieldset-container {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #98A1A5;
}

.email-fieldset-container .fieldset .field.field-focused {
    box-shadow: none;
}

.email-fieldset-container .address-error {
    border: 1px solid #C6211B !important;
}

.email-fieldset-container .address-error+.address-error {
    border-top: 0px !important;
}

.email-fieldset-container .errors-container {
    padding-bottom: 10px;
    display: none;
}

@media (min-width: 1200px) {
    .mg-guest-checkout .checkout-box {
        padding: 0px;
    }

    .contact-page.us .contact-page-content {
        padding-right: 50px;
        padding-left: 20px;
    }
}

@media (max-width: 1199px) {
    .contact-page .contact-page-content {
        padding-left: 10px;
    }
}

.contact-page.us .contact-page-content p {
    font-size: 1.1rem;
}

.contact-page h1 {
    margin-bottom: 20px;
}

/*a fix for order summary block */
.checkout-page .sidebar-summary-inner .shopping-cart .item .info,
.completed-order-summary .order-summary .shopping-cart .item .info {
    flex-basis: 40%;
    flex-grow: 1;
}

.cart-page .cart-items .item .info {
    flex-grow: 1;
}

.cart-page .cart-items .item .qty-price {
    display: block;
    float: right;
}

@media (max-width: 479px) {

    .checkout-page .sidebar-summary-inner .shopping-cart .item .info,
    .completed-order-summary .order-summary .shopping-cart .item .info {
        flex-basis: 40%;
    }

    .checkout-page .sidebar-summary-inner .shopping-cart .item .qty-price,
    .completed-order-summary .order-summary .shopping-cart .item .qty-price {
        flex-basis: auto;
    }

    .cart-page .cart-items .item .qty-price {
        float: none;
    }

    .cart-page .cart-items .item {
        padding: 20px 0;
    }

    .cart-page .cart-items .item img {
        max-height: 70px;
    }
}

/*end of a fix for order summary block */

/* new index page pencil banner */
.pencil-banner {
    background: #F9F8F6;
    color: #2C5E8B;
    font-size: 14px;
    line-height: 18px;
    padding: 11px;
    text-align: center;
    position: relative;
}

.pencil-banner a {
    font-weight: 700;
}

.pencil-banner .close {
    position: absolute;
    right: 20px;
    top: 5px;
}

@media(max-width: 768px) {
    .pencil-banner {
        font-size: 12px;
        line-height: 18px;
    }

    .pencil-banner .close {
        top: 8px;
        right: 15px;
    }
}

/* end of new index page pencil banner*/

/* subscription orders page */
.subscription-orders {
    margin-top: 30px;
    padding-bottom: 30px;
}

.subscription-orders .head-block {
    background: #2c5e8b;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    display: flex;
    padding: 20px 55px;
}

.subscription-orders .head-block h1 {
    font-size: 32px;
    line-height: 43px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 38px;
}

.subscription-orders .head-block .box {
    width: 50%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.subscription-orders .head-block .box.text {
    padding-right: 100px;
}

.subscription-orders .head-block .box.right {
    text-align: right;
}

.subscription-orders .reasons-block {
    background: #FAFBFC;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    margin-bottom: 8px;
}

.subscription-orders .reasons-block h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    color: #1C1E1F;
    letter-spacing: -1px;
}

.subscription-orders .reasons-block .reasons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.subscription-orders .reasons-block .reasons div {
    width: 28%;
    margin: 2% 4%;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}

.subscription-orders .reasons-block .reasons div img {
    margin-bottom: 16px;
}

.subscription-orders .reasons-block .button {
    font-weight: 600;
    padding: 13px 55px;
    margin: 30px 0 25px;
}

.subscription-orders .text-center {
    border-bottom: 1px dashed #E4E8EB;
    padding: 40px;
    font-size: 16px;
    line-height: 24px;
}

.subscription-orders .best-sellers h1,
.receipt-page .best-sellers h1 {
    letter-spacing: -0.02em;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    margin: 60px 0 54px;
}

.subscription-orders .best-sellers .thumb .data .price {
    display: none;
}

@media(min-width:1200px) {}

@media(min-width:990px) and (max-width: 1200px) {
    .subscription-orders .head-block .box.text {
        padding-right: 0px;
    }

    .autobill-thumbs .item .subscribed,
    .cart-wrapper .cart-item .subscribed {
        right: 10px;
    }
}

@media(min-width:768px) and (max-width:989px) {
    .subscription-orders .head-block {
        margin-top: 30px;
        padding: 20px;
    }

    .subscription-orders .head-block .box.text {
        padding-right: 0px;
    }
}

@media(max-width:767px) {
    .subscription-orders .head-block {
        padding: 20px;
    }

    .subscription-orders .head-block .box {}

    .subscription-orders .head-block .box.text {
        padding: 0px;
        width: 80%;
    }

    .subscription-orders .head-block .box.text h1 {
        margin-top: 0px;
    }

    .subscription-orders .head-block .box.right {
        width: 20%;
    }

    .subscription-orders .head-block .box.text h1 {
        margin-top: 0px;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .subscription-orders .head-block .box.text {
        font-size: 16px;
    }
}

@media(max-width:480px) {
    .subscription-orders .reasons-block .reasons {
        flex-direction: column;
    }

    .subscription-orders .reasons-block .reasons div {
        width: 100%;
        margin: 15px 0 15px;
    }
}

.simplemodal-wrap.loading:before {
    content: "";
    background: rgba(0, 0, 0, 0.2) url(../images/loading.svg) no-repeat center center;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
}

div.store-box-loading,
div.store-box-spinner {
    background: url(../images/loading.svg) no-repeat center center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: -wekbit-translate(-50%, -50%);
}

/* subscription orders end*/


/* AJAX Cart, Cart Page, My account subscriptions */
.cart-wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.cart-wrapper .cart-left-container {
    width: calc(70% - 20px);
    width: -webkit-calc(70% - 20px);
    width: -ms-calc(70% - 20px);
    width: -moz-calc(70% - 20px);
}
.cart-wrapper .cart-items {
    padding: 0px;
    border: 1px solid #E4E8EB;
    border-radius: 5px;
}

.cart-wrapper .summary-table {
    padding: 0 20px;
}

.cart-wrapper .summary-table .h5 {
    color: #1C1E1F;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
}

.cart-page .cart-wrapper .checkout-btn {
    float: none;
    width: 100%;
}

.autobill-page .autobill-item-thumb .autobill-details,
.cart-page .cart-heading {
    background: #f8f8f8;
    padding: 5px 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

.completed-order-summary .ordered-item {
    display: flex;
    padding: 10px 0px;
    position: relative;
}

.cart-wrapper .cart-heading+.cart-item {
    padding-top: 20px;
}

.autobill-thumbs .item,
.cart-wrapper .cart-item {
    display: flex;
    padding: 10px 20px;
    position: relative;
}

.autobill-thumbs .item:not(:last-child)>div {
    border-bottom: 1px dotted #ddd;
}

.autobill-thumbs .item .info .image img {
    margin-top: 10px;
    max-width: 120px;
}

.autobill-thumbs .item .info .image .next-refill {
    font-size: 12px;
    line-height: 18px;
}

.autobill-page .actions .filter-wrapper label {
    display: block;
    font-size: 1rem;
    padding-left: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #433D3D;
}

.autobill-thumbs .item>div {
    padding-bottom: 15px;
}

.cart-wrapper .cart-item:not(:last-child)>* {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}

.cart-wrapper .purchase-option {
    border: none;
    padding: 0px;
    font-weight: 600;
}

.nowrap {
    white-space: nowrap;
}

.autobill-thumbs .item .subscribed,
.cart-wrapper .cart-item .subscribed {
    color: #2D8010;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.autobill-thumbs .item .subscribed:before,
.autobill-thumbs .item .subscribed {
    position: relative;
    bottom: 0px !important;
    right: 0px;
    text-align: left;
    float: right;
}

.autobill-thumbs .item .cost .discounted-price {
    margin-bottom: 8px;
}

.cart-wrapper .cart-item .quantity>br {
    display: none;
}

.autobill-thumbs .item .info,
.cart-wrapper .cart-item .info {
    display: flex;
}

.autobill-thumbs .item .standard-shipping,
.cart-wrapper .cart-item .standard-shipping {
    position: relative;
    padding-left: 15px;
    font-weight: 300;
}

.autobill-thumbs .item.standard-shipping img,
.cart-wrapper .cart-item .standard-shipping img {
    display: none;
}

.autobill-thumbs .item .standard-shipping:before,
.cart-wrapper .cart-item .standard-shipping:before {
    content: "•";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    font-size: 1rem;
    left: 0;
    top: -2px;
}

.completed-order-summary .ordered-item .name {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    margin-bottom: 10px;
    width: 210px;
}

.autobill-thumbs .item .name,
.cart-wrapper .cart-item .name {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 26px;
    margin-bottom: 20px;
    color: #1C1E1F;
}

.completed-order-summary .ordered-item .image a,
.autobill-thumbs .item .image a,
.cart-wrapper .cart-item .image a {
    padding: 20px 0px 0px 30px;
    display: inline-block;
    color: #1c408c;
}

.completed-order-summary .ordered-item .image {
    width: 100px;
}

.autobill-thumbs .item .info .image {
    min-width: 210px;
    text-align: center;
}

.cart-wrapper .cart-item .info .image {
    min-width: 120px;
}

.autobill-thumbs .item .description {
    padding: 0px 10px 0px 10px;
    width: calc(100% - 210px);
    width: -moz-calc(100% - 210px);
    width: -ms-calc(100% - 210px);
    width: -webkit-calc(100% - 210px);
}

.cart-wrapper .cart-item .description {
    padding: 0px 30px 0px 20px;
}

.edit-subscription {
    background: #FAFBFC;
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    padding: 10px;
    border-radius: 5px;
    color: #1C1E1F;
    margin-top: 15px;
}

.checkout-page .cc-edit,
.checkout-page .cc-edit:hover,
.checkout-page .edit-step-link,
.edit-subscription .edit-button {
    color: #2C5E8B;
    background: url(../images/edit.png) no-repeat right center;
    padding: 0 25px 0 0;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
    float: right;
}

.edit-subscription .edit-button {
    float: none !important;
}

.checkout-page .edit-step-link:hover {
    text-decoration: underline;
}

.checkout-payment-page .payment-methods-wrap .card-info-box .cc-edit {
    padding: 0 25px 0 0;
    text-transform: capitalize;
}

.checkout-payment-page .payment-methods-wrap .card-info-box .cc-edit:hover {
    text-decoration: underline;
}

.edit-subscription .edit-button {
    text-decoration: underline;
    color: #2C5E8B;
}

.edit-subscription .legacy-subscription-tooltip {
    font-size: 1rem;
}

.edit-subscription .payment-info .cc-icon-visa {
    background-position: 0 bottom;
    width: 39px;
    height: 25px;
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}

.edit-subscription .details .payment-info .content {
    margin-top: 10px;
}

.edit-subscription .payment-info .cc-mask {
    font-size: 1.3rem;
    position: relative;
    top: 5px;
}

.edit-subscription .subscription-summary {
    display: flex;
    flex-wrap: wrap;
    color: #323232;
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 2px dotted #dfdfdf;
}

.edit-subscription .summary {
    width: 70%;
}

.edit-subscription .summary .name.h4 {
    color: #1C1E1F;
    font-size: 22px;
    line-height: 29px;
    font-weight: 700;
}

.edit-subscription .order-number {
    font-size: 1rem;
}

.edit-subscription .summary .count {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 5px 0px;
}

.edit-subscription .free-shipping {
    margin-left: -3px;
    font-size: 14px;
}

.edit-subscription .free-shipping span {
    font-size: 12px;
}

.edit-subscription .prices {
    width: 30%;
    text-align: right;
    margin-top: 15px;

}

.edit-subscription .price .original-price,
.edit-subscription .price .discounted-price,
.edit-subscription .price .regular-price {
    font-size: 22px !important;
    line-height: 29px;
}

.edit-subscription .next-shipping-date {
    margin: 30px 0px 40px 0px;
}

.edit-subscription .item {
    width: 100%;
    display: flex;
}

.edit-subscription .item .image,
.edit-subscription .item .image img {
    width: 180px;
}

.edit-subscription .item .info {
    padding-left: 20px;
    flex-grow: 4;
}

.edit-subscription .item .info .periods label {
    font-weight: 700;
    font-size: 14px;
}

.edit-subscription .recurrence_date #holduntil {
    border: none;
    background: transparent;
}

.edit-subscription .recurrence_date {
    width: 100px;
    position: relative;
}

.edit-subscription .next-shipping-date .date {
    background: none;
    border: none;
    padding: 0px;
    width: 95px;
    position: relative;
    bottom: 2px;
}

.edit-subscription .qty-discounts {
    display: flex;
    margin-top: 15px;
}

.edit-subscription .item .discounts ul {
    list-style: none;
    line-height: 27px;
    font-size: 0.8rem;
    font-weight: 300;
    margin-left: 0px;
}

.edit-subscription .item .discounts ul li {
    padding: 0px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.edit-subscription .item .discounts ul span {
    font-size: 1.6rem;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.edit-subscription .item .periods ul {
    display: flex;
    list-style: none;
    margin: 10px 0 0 0;
}

.edit-subscription .item .periods ul input {
    display: none;
}

.edit-subscription .item .periods ul li {
    margin-right: 15px;
}

.edit-subscription .item .periods ul label {
    background: transparent;
    border: 1px solid #007AB8;
    color: #007AB8;
    width: 130px;
    display: block;
    text-align: center;
    padding: 9px 0px 10px 0px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.edit-subscription .item .periods ul input:checked+label {
    border-color: transparent;
    border-width: 1px;
    background: #005580;
    color: #fff;
    position: relative;
    bottom: 1px;
}

.edit-subscription .item .qty-discounts .qty {
    margin-left: 20px;
}

.edit-subscription .item .qty-discounts .qty label {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    margin-bottom: 10px;
}

.edit-subscription .item .qty-discounts .qty .qty-select-wrap .qty-select {
    border: 1px solid #D0D3D6;
    border-radius: 2px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.edit-subscription .item .qty-discounts .qty .qty-select-wrap .qty-action span {
    padding-top: 0;
    font-size: 1.1rem;
}

.edit-subscription .item .qty-discounts .qty .qty-select-wrap .qty-select .qty-text-wrap {
    display: none;
}

.edit-subscription .qty-select-wrap .qty-action {
    height: 35px;
    line-height: 35px;
    width: 23px;
    cursor: pointer;
}

.edit-subscription .qty-select-wrap .qty-input {
    height: 35px;
    border: none;
    border-radius: 0px;
    border-left: 1px solid #D0D3D6;
    border-right: 1px solid #D0D3D6;
    text-align: center;
    font-weight: 700;
}


.edit-subscription .message {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    max-width: 600px;
}

.edit-subscription .details {
    display: flex;
    margin: 20px 0px 40px 0px;
}

.edit-subscription .details .payment-info,
.edit-subscription .details .shipping-info {
    flex-grow: 2;
}

.edit-subscription .details .content {
    margin-top: 15px;
    font-weight: 400;
}

.edit-subscription .details .payment-info .content {
    margin-top: 10px;
}

.edit-subscription .details .order-date {
    max-width: 140px;
}

.subscription-summary .order-details .h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #1C1E1F;
}

.subscription-summary .details .heading .h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.edit-subscription .details .shipping-info .content .address {
    margin: 15px 0px;
}

.express-checkout-page .actions,
.checkout-review-page .actions,
.checkout-payment-page .actions,
.single-shipping-page .actions,
.shipping-page .actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
}
.store-box-content .write-a-review-page .fieldset .field.field-textarea label{
    left: 0;
}

.store-box-content .write-a-review-page .fieldset .field textarea#review{
    float: right;
}

.store-box-content .write-a-review-page{
    position: relative;
}

.edit-subscription .actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


.express-checkout-page .actions button.checkout-btn,
.checkout-review-page .actions button.checkout-btn,
.checkout-payment-page .actions button.checkout-btn,
.single-shipping-page .actions button.checkout-btn,
.shipping-page .actions button.checkout-btn,
.edit-subscription .actions button.checkout-btn {
    margin-bottom: 0px;
}

.express-checkout-page .actions .back-button,
.checkout-review-page .actions .back-button,
.checkout-payment-page .actions .back-button,
.single-shipping-page .actions .back-button,
.shipping-page .actions .back-button,
.edit-subscription .actions .back-button {
    color: #2C5E8B;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 18px;
    background: url(../images/back-to-button.png) no-repeat left center;
    text-decoration: none;
}

.express-checkout-page .actions .back-button:hover,
.checkout-review-page .actions .back-button:hover,
.checkout-payment-page .actions .back-button:hover,
.single-shipping-page .actions .back-button:hover,
.edit-subscription .actions .back-button:hover {
    text-decoration: underline;
}

@media(max-width: 480px) {
    .shipping-page .actions {
        bottom: -120px !important;
    }
}

@media(max-width:599px) {

    .express-checkout-page .actions,
    .checkout-review-page .actions,
    .checkout-payment-page .actions,
    .single-shipping-page .actions,
    .shipping-page .actions,
    .edit-subscription .actions {
        flex-direction: column !important;
        padding-right: 0px;
        left: 0px;
        bottom: 40px;
    }

    .shipping-page.single-shipping-page .checkout-box {
        padding-bottom: 100px !important;
    }


    .actions button.checkout-btn {
        order: 1;
    }

    .actions .back-button {
        order: 2;
        margin-top: 20px;
    }


    .checkout-page {
        padding-bottom: 40px;
    }

    .checkout-payment-page .checkout-box {
        padding-bottom: 150px !important;
    }
}

@media(min-width:481px) and (max-width:599px) {
    .shipping-page .actions {
        bottom: 10px !important;
    }
}

@media(min-width:600px) and (max-width:990px) {

    .express-checkout-page .actions,
    .checkout-review-page .actions,
    .checkout-payment-page .actions,
    .single-shipping-page .actions,
    .edit-subscription .actions {
        padding-right: 0px !important;
        bottom: 40px;
    }

    .checkout-box {
        padding-bottom: 100px !important;
    }

    .express-checkout-page.checkout-page .checkout-box {
        padding-bottom: 0px !important;
    }
}

.edit-subscription .actions .button {
    background: #2D8010;
    padding: 14px 15px !important;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    width: 180px;
    text-align: center;
}

.edit-subscription .actions .button:hover {
    background: #1F590B;
}

.edit-subscription .actions .button:active {
    background: #164008;
}

.edit-subscription .free-shipping,
.autobill-thumbs .item .free-shipping,
.cart-wrapper .cart-item .free-shipping {
    position: relative;
    padding-left: 28px;
    font-weight: 300;
}

.edit-subscription .free-shipping:before,
.autobill-thumbs .item .free-shipping:before,
.cart-wrapper .cart-item .free-shipping:before {
    content: "";
    display: block;
    background: url("../images/free_shipping_dark.svg") no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.completed-order-summary .ordered-item .subscribed:before,
.autobill-thumbs .item .subscribed:before,
.ajax-cart .purchase-option.subscription .subscribed:before,
.cart-wrapper .cart-item .subscribed:before {
    content: "";
    display: block;
    background: url("../images/subscribed.svg") no-repeat;
    width: 28px;
    height: 27px;
    position: absolute;
    left: 2px;
    top: -1px;
    text-align: left;
}

.edit-subscription .actions .button:disabled {
    background: #b3b7ba;
}

.ajax-cart .purchase-option.subscription .subscribed:before {
    width: 0px;
    height: 0px;
    background: transparent;
}

.completed-order-summary .ordered-item .subscribed:before {
    left: unset;
    right: -3px;
    top: -2px;
}

.autobill-details .items,
.autobill-thumbs .item .info,
.cart-wrapper .cart-item .info,
.cart-heading .items {
    width: 55%;
}

.autobill-details .quantity,
.autobill-thumbs .item .quantity,
.cart-wrapper .cart-item .flavor-count,
.cart-heading .flavor-count {
    width: 15%;
    font-weight: 600;
    font-size: 14px;
    padding-top: 29px;
    color: #1C1E1F;
}

.cart-wrapper .cart-item .quantity,
.autobill-details .flavor-count,
.autobill-thumbs .item .flavor-count,
.cart-heading .quantity {
    width: 15%;
    padding-top: 29px;
    font-weight: 600;
    color: #1C1E1F;
}

.cart-wrapper .cart-item .flavor-count,
.cart-wrapper .cart-item .quantity {
    padding-top: 0px;
}

.cart-wrapper .cart-item .quantity .units {
    font-weight: 700;
}

.cart-wrapper .purchase-option.subscription {
    font-weight: 600;
}

.autobill-details .cost,
.autobill-thumbs .item .cost {
    width: 15%;
    text-align: right;
}

.cart-wrapper .cart-item .cost,
.cart-heading .cost {
    width: 15%;
    text-align: right;
}

.autobill-thumbs .item .cost .aro-status {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #404040;
    font-size: 12px;
    font-weight: 300;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.autobill-thumbs .item .cost .aro-status .green-circle {
    background: #2D8010;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-right: 15px;
}

.autobill-thumbs .item .cost .aro-status .red-circle {
    background: #cc0000;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-right: 15px;
}

.autobill-thumbs .item .cost .aro-status .red-circle.skipped {
    background: #ebb94e;
}

.cart-wrapper .cart-item .cost .badge,
.cart-wrapper .subscription-discount .badge,
.autobill-thumbs .item .cost .badge,
.subscription-summary .prices .badge {
    border: 1px solid #2C5E8B;
    border-radius: 5px;
    color: #2C5E8B;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    padding: 2px 5px;
    width: 72px;
}

.autobill-thumbs .item .cost .badge {
    margin: 8px 0px;
}

.subscription-summary .prices .badge {
    margin: 8px 0;
}

.edit-subscription .prices .original-price,
.autobill-thumbs .item .cost .original-price {
    color: #bfbfbf;
    text-decoration: line-through;
    margin-bottom: 5px;
}

.cart-wrapper .cart-item .cost .original-price {
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.edit-subscription .prices .original-price {
    color: #393D40;
    font-size: 14px !important;
    line-height: 21px;
    font-weight: 600;
}

.edit-subscription .prices .regular-price,
.autobill-thumbs .item .cost .regular-price,
.cart-wrapper .cart-item .cost .regular-price,
.autobill-thumbs .item .cost .unit-price {
    color: #1C1E1F;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 7px;
}

.edit-subscription .prices .regular-price {
    margin-left: 10px;
}

.edit-subscription .prices .discounted-price,
.autobill-thumbs .item .cost .discounted-price,
.cart-wrapper .cart-item .cost .discounted-price {
    color: #2D8010;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}

.edit-subscription .prices .discounted-price {
    font-size: 18px;
    margin-left: 10px;
}

.edit-subscription .prices .practitioner-discount {
    color: #1C1E1F;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.edit-subscription .prices .practitioner-discount span {
    color: #393D40;
    font-size: 14px;
    line-height: 20px;
}

.cart-wrapper .cart-item .cost .discounted-price {
    margin-bottom: 27px;
}

.cart-wrapper .cart-summary {
    width: 30%;
}

.cart-wrapper .cart-summary table td {
    padding: 3px 0;
}

.cart-wrapper .cart-summary table td:nth-of-type(2n) {
    text-align: right;
}

.cart-wrapper .cart-summary table td.tax {
    font-weight: 700;
}

.cart-wrapper .cart-summary table tr.estimated-total td {
    padding: 12px 0 !important;
}

.checkout-start-page.cart-wrapper {
    align-items: stretch;
}

.checkout-start-page.cart-wrapper .cart-summary {
    width: 100%;
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    background: #fff;
    padding: 5px 0;
}

.cart-page .cart-wrapper .cart-totals,
.cart-page .cart-wrapper .actions-and-promos {
    float: none;
    width: 100%;
    padding: 0px;
}

.cart-page .cart-wrapper .actions-and-promos {
    padding-right: 0;
}

.cart-page .aro-info-box .purchase-option-period {
    margin-top: 10px;
    padding: 0;
}

.cart-page .cart-totals table td {
    padding: 3px 0;
}

.cart-page .cart-totals table td.tax {
    font-weight: bold;
    padding: 5px 0 10px;
}

.cart-page .cart-totals table td.tax .tax-estimate {
    font-weight: normal;
}

.cart-wrapper .estimated-total {
    font-size: 16px;
    border-top: 1px solid #E4E8EB;
}

.cart-page .cart-totals table td.subscription-message {
    text-align: left !important;
}

.cart-wrapper .subscription-discount {
    color: #2D8010;
    font-weight: 700;
    white-space: nowrap;
}

.cart-page .cart-wrapper .promo-box {
    max-width: 100%;
}

.cart-page .promo-box .input-group {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.cart-page .promo-box .input-group .input-group-input {
    flex-grow: 4;
    margin-right: 25px;
}

.cart-page .cart-wrapper .cart-totals {
    margin-bottom: 25px;
}

.cart-page .promo-box .input-group .input-group-button button {
    border: 1px solid #D0D3D6;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    line-height: 18px;
    color: #84878A;
    min-width: 100px;
    padding: 14px 15px;
    text-transform: uppercase;
}

.cart-page .promo-box .input-group .input-group-button button:hover {
    border-color: #007AB8;
    color: #007AB8;
}

.cart-page .promo-box .input-group .input-group-input input {
    border-radius: 0px;
    padding: 12px 10px;
}

.cart-page .cart-wrapper .promo-box {
    margin-bottom: 40px;
}

.cart-page .cart-actions .button:first-child {
    margin-right: 10px;
}

.cart-wrapper .subscription-discount .badge {
    bottom: 0px;
    min-width: 72px;
    font-weight: bold;
    margin-left: 20px;
}

.cart-wrapper .estimated-total {
    font-weight: bold;
}

.cart-page .cart-wrapper .estimated-total td {
    padding: 12px 0;
}

._continue-shopping {
    padding: 60px 0px;
    border-top: 1px dotted #cecece;
    margin-top: 70px;
    text-align: center;
}

._continue-shopping h2 {
    color: #404040;
    font-size: 1.7rem;
    font-weight: 400;
    margin-bottom: 30px;
}

._continue-shopping .button.large.gray {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #007AB8;
    border: 1px solid #007AB8;
    border-radius: 4px;
    padding: 15px 40px;
    background: transparent;
    font-weight: 600;
}

._continue-shopping .button.large.gray:hover {
    background: #007AB8;
    color: #fff;
}

._continue-shopping .button.large.gray:active {
    background: #005580;
    color: #fff;
}

/* Datepicker */
.ui-datepicker {
    border-radius: 0px;
    padding: 5px;
    width: 300px;
    background: white;
    border-color: #b8bec2;
    box-shadow: 1px 0px 17px #cfcfcf;
    font-family: 'Lato';
    color: #000;
}

.ui-datepicker select {
    background: url(../images/select_arrow.png) calc(100% - 10px) center no-repeat;
    padding: 13px 20px 13px 7px;
    font-size: 0.85rem;
    background-size: 14px 9px;
    cursor: pointer;
    font-weight: 300;
}

.ui-datepicker div.ui-datepicker-header {
    color: #333;
    padding: 11px 0px 15px;
    border-bottom: 1px dotted #d0d0d0;
    margin-bottom: 8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0px auto;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 80px;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    width: 130px;
    margin-right: 10px;
}

.ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    color: #333;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 100%;
    background: none !important;
    border: none !important;
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background: url("../images/calendar_arrow.png");
}

.ui-datepicker .ui-datepicker-next span {
    transform: translate(0px, -50%) rotate(180deg);
    transform: -moz-translate(0px, -50%) -moz-rotate(180deg);
    transform: -ms-translate(0px, -50%) -ms-rotate(180deg);
    transform: -webkit-translate(0px, -50%) -webkit-rotate(180deg);
    margin-top: 0px;
}

.ui-datepicker th {
    font-weight: 300;
    font-size: 0.75rem;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
    position: relative;
    color: #5cb3f3;
}

.ui-datepicker .ui-state-default.ui-state-highlight:before {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 50%;
    border: 1px solid;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    font-weight: 300;
    text-align: center;
}

.ui-datepicker .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    color: #333;
}

.ui-datepicker td {
    height: 35px;
    vertical-align: middle;
}

/* end datepicker */


/* AJAX CART */
body:not(.checkout, .ba-page-checkout, .one_page, .item) .ajax-cart .purchase-option.one-time-purchase>span,
.ajax-cart .purchase-option.subscription .subscribed>span,
.ajax-cart .purchase-option.subscription>span {
    display: none;
}

.ajax-cart-content .cart-items-wrap {
    margin-left: 15px;
}

.ajax-cart .cart-items .item-info .item-link {
    text-decoration: none;
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0px;
}

.ajax-cart .purchase-option.subscription .subscribed div {
    display: block !important;
}

.ajax-cart .purchase-option.subscription .subscribed {
    color: #398c1c;
    position: relative;
    font-weight: 600;
}

.ajax-cart .purchase-option-period {
    border: none;
}

#shopping-cart-container {
    background: #f8f8fa;
    padding: 15px 15px 15px 25px;
}

.ajax-cart .purchase-option.one-time-purchase {
    border: none;
    padding: 0px;
    color: #1C1E1F !important;
    font-size: 14px;
    font-weight: 600;
}

.ajax-cart .flavor-size {
    font-weight: 300;
    line-height: 30px;
}

.ajax-cart .flavor-size,
.ajax-cart .count {
    display: flex;
}

.ajax-cart .count>span,
.ajax-cart .flavor-size>span {
    min-width: 120px;
    align-self: center;
    color: #1C1E1F;
    font-size: 14px;
    font-weight: 400;
}

.ajax-cart .cart-items-line {
    position: relative;
    margin: 10px 0px;
    width: 100%;
}

.ajax-cart .cart-items-line td {
    padding: 0px;
}

.ajax-cart .item-price .price {
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-size: 0.9rem;
    font-weight: bold;
}

.ajax-cart .checkout-btn {
    width: 100%;
}

.ajax-cart .cart-items td,
.ajax-cart .subtotal-line {
    border: none;
}

.ajax-cart .close {
    background: url("../images/cart_close.png");
    width: 12px;
    height: 12px;
    top: 32px;
    right: 25px;
}

.ajax-cart .close:before {
    display: none;
}

.ajax-cart .flavor-size>span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
}

.ajax-cart-content .cart-footer {
    border: none;
}

/* receipt page*/
.receipt-page .page-title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #398C1C;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 25px;
    margin-bottom: 30px;
    letter-spacing: -0.02em;
}

.receipt-page.order-complete-page .ordered-items {
    margin-bottom: 60px;
}

.completed-order-summary .ordered-items-header {
    display: flex;
    font-size: 1.7rem;
}

.completed-order-summary .ordered-items-header>div {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #1C1E1F;
    letter-spacing: -0.02em;
}

.completed-order-summary .ordered-items-header div:first-child {
    width: 55%;
    padding-right: 70px;
}

.completed-order-summary .ordered-items-pool {
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    background: #FAFBFC;
    padding: 10px 20px;
    margin-top: 25px;
}

.completed-order-summary .ordered-item {
    padding-top: 40px;
    background: #FAFBFC;
    border-bottom: 1px dashed #E4E8EB;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #393D40;
}

.completed-order-summary .ordered-item:last-of-type {
    border: none;
}

.completed-order-summary .ordered-item {
    display: flex;
    padding: 10px 0px;
    position: relative;
}

.completed-order-summary .ordered-item .image {
    width: 106px;
}

.completed-order-summary .item-info {
    width: calc(50% - 120px);
    width: -moz-calc(50% - 120px);
    width: -ms-calc(50% - 120px);
    width: -webkit-calc(50% - 120px);
    padding-right: 70px;
}

.completed-order-summary .item-info .subscription-prices {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.completed-order-summary .item-info .subscription-prices .price {
    font-weight: 700;
}

.completed-order-summary .ordered-item .name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 26px;
    margin-bottom: 8px;
    width: 210px;
    color: #1C1E1F;
}

.completed-order-summary .ordered-item .quantity {
    color: #2D8010;
    font-weight: 700;
}

.completed-order-summary .ordered-item .subscribed {
    color: #2D8010;
    padding-right: 30px;
    position: relative;
}

.completed-order-summary .ordered-item .flavor-size {
    margin-bottom: 8px;
}

.mobile {
    display: none;
}

.completed-order-summary .shipping-info {
    flex-grow: 2;
}

.receipt-page.order-complete-page .shipto-address {
    line-height: 25px;
    margin-bottom: 15px;
}

.receipt-page.order-complete-page .shipto-method>div {
    font-weight: 700;
}

.receipt-page.order-complete-page .shipto-method>div span {
    font-weight: 400;
}

.order-complete-page .order-info {
    margin-bottom: 15px;
}

.order-complete-page .order-info .print {
    float: none;
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 26px;
    color: #2C5E8B;
    text-decoration: underline;
}
.account-page.order-complete-page .order-info .print{
    float: right;
    color: #000;
    cursor: pointer;
    font-size: 1.5rem;
    margin: 5px 10px;
    text-decoration: none;
}
.account-page .shipping-packages-summary .note .edit-shipping{display:none;}
.account-page .shipping-packages-summary h1.page-title{
    margin: 0px;
    font-size: 1rem;
    text-transform: uppercase;
}

.order-complete-page .order-info .print:hover {
    text-decoration: none;
}

.order-complete-page .order-info .print img {
    margin-left: 8px;
}

.completed-order-summary .order-number .h5 {
    color: #1C1E1F;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px;
}

.completed-order-summary .order-number .link {
    margin-left: 10px;
    color: #2C5E8B;
    font-weight: 600;
    text-decoration: none;
}

.completed-order-summary .saved-card {
    position: relative;
}

.completed-order-summary .saved-card span.cc-icon-visa,
.checkout-page .review-billing-payment .wallet-info div span.cc-icon-v,
.checkout-page .cc-number-field .cc-icons.V,
.cc-icons.visa {
    background: transparent url(../images/visa_icon.svg) center center no-repeat;
}

.checkout-page .cc-number-field .cc-icons.MC,
.cc-icons.master_card {
    background: transparent url(../images/mastercard_icon.svg) center center no-repeat;
}

.checkout-page .cc-number-field .cc-icons.AE,
.cc-icons.american_express {
    background: transparent url(../images/amex_icon.svg) center center no-repeat;
}

.checkout-page .cc-number-field .cc-icons.D,
.cc-icons.discover {
    background: transparent url(../images/discover_icon.svg) center center no-repeat;
}

.dropdown-option {
    font-size: 14px !important;
}

.dropdown-option .cc-icons {
    background-size: contain !important;
    width: 45px !important;
    height: 30px !important;
    margin-right: 5px;
    vertical-align: middle;
}

.select2-results__option {
    color: #000000;
}

.selection .select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
    height: 46px !important;
    border: 1px solid #E4E8EB !important;
    border-radius: 5px !important;
    background: #FAFBFC url(../images/select-down.png) no-repeat calc(100% - 5px) center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #FAFBFC url(../images/select-down.png) no-repeat calc(100% - 5px) center;
}

.completed-order-summary .saved-card span[class^="cc-icon"] {
    top: unset;
    bottom: 3px;
    right: unset;
}

.completed-order-summary .saved-card span[class^="cc-icon"],
.checkout-page .review-billing-payment .wallet-info div span[class^="cc-icon"],
.checkout-page .cc-number-field .cc-icons {
    position: absolute;
    bottom: 0px;
    background: #FBFAF8 url(../images/visa_icon.svg) center center no-repeat;
    width: 59px;
    height: 30px;
    border: 1px solid #98A1A5;
    border-radius: 2px;
}

.general-fieldset .field.cc-number-field .cc-icons {
    top: 68%;
    right: 10px;
}

.general-fieldset .field.cc-number-field input[type="password"],
.general-fieldset .field.cc-number-field input[type="text"] {
    width: 85% !important;
}

.completed-order-summary .saved-card .cc-icon {
    position: relative;
    bottom: 2px;
    margin-left: 5px;
}

.receipt-page .learn-about-practitioner {
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    padding: 30px 0;
    margin-top: 0px;
}

.receipt-page .best-sellers {
    margin: 80px 0;
}

.receipt-page .best-sellers .price {
    display: none;
}

/* end receipt page */

@media(max-width:768px) {
    .ajax-cart-content .cart-items-wrap {
        margin: 0px;
    }

    .ajax-cart .count>span,
    .ajax-cart .flavor-size>span {
        min-width: 80px;
    }

    .ajax-cart .cart-items-line {
        margin: 10px 0px;
    }

    .ajax-cart .shopping-cart-title {
        padding: 10px 0;
    }

    ._continue-shopping .button.large.gray {
        width: 100%;
    }

    .account-menu h4 {
        margin-bottom: 0px !important;
    }
}

@media(min-width:768px) and (max-width: 1200px) {
    .account-menu {
        padding: 10px 10px 10px 15px;
    }
}

/* CART PAGE RESPONSIVE */
@media(max-width: 1199px) {

    .autobill-thumbs .item,
    .cart-wrapper .cart-item {
        padding: 10px;
    }

    .autobill-thumbs .item .info .image {
        min-width: auto;
    }

    .autobill-thumbs .item .description {
        width: calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: -ms-calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
    }

    .autobill-thumbs .item .info .image img,
    .cart-wrapper .cart-item .info .image {
        min-width: 50px;
    }

    .cart-wrapper .cart-item .info .image {
        max-width: 50px;
    }

    .cart-page h1 {
        font-size: 1.6rem;
    }

    .autobill-thumbs .item .name,
    .cart-wrapper .cart-item .name {
        font-size: 0.85rem;
        line-height: 20px;
    }

    .autobill-thumbs .item .standard-shipping,
    .cart-wrapper .cart-item .standard-shipping {
        font-size: 0.8rem;
    }

    .cart-pate h1 {
        font-size: 1.4rem;
    }

    .cart-wrapper .subscription-discount {
        white-space: normal;
    }

    .cart-wrapper .subscription-discount .badge {
        margin-left: 10px;
    }
}

@media(max-width: 991px) {
    .cart-wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .cart-wrapper .cart-summary,
    .cart-wrapper .cart-left-container,
    .cart-wrapper .cart-items {
        width: 100%;
        margin-top: 20px;
    }

    .auto-reorder-message {
        display: none;
    }

    .autobill-thumbs .item .cost .subscribed span {
        display: none;
    }

    .edit-subscription .summary {
        width: 60%;
    }

    .edit-subscription .prices {
        width: 40%;
        margin-top: 10px;
    }

    .edit-subscription .next-shipping-date {
        width: 100%;
    }

    .edit-subscription .next-shipping-date .edit-button,
    .edit-subscription .details .edit-button {
        bottom: 0;
        float: right;
    }

    .edit-subscription .item {
        display: block;
    }

    .edit-subscription .image {
        text-align: center;
        margin-bottom: 20px;
    }

    .edit-subscription .item .info {
        padding: 0px 20px;
    }

    .edit-subscription .item .periods ul {
        display: block;
    }

    .edit-subscription .item .periods ul li {
        margin-right: 0px;
    }

    .edit-subscription .item .periods ul label {
        width: 100%;
        margin-bottom: 15px;
    }

    .edit-subscription .qty-discounts {
        flex-wrap: wrap-reverse;
    }

    .edit-subscription .qty-discounts>div {
        width: 100%;
    }

    .edit-subscription .item .discounts ul {
        list-style: outside;
        line-height: 20px;
        font-size: 0.75rem;
    }

    .edit-subscription .item .discounts ul li {
        margin-bottom: 10px;
    }

    .edit-subscription .item .discounts ul span {
        display: none;
    }

    .edit-subscription .details .payment-info {
        padding: 10px 0px 20px 0px;
        margin: 20px 0px 20px 0px;
        border-bottom: 2px dotted #dfdfdf;
        border-top: 2px dotted #dfdfdf;
    }

    .edit-subscription .details {
        display: block;
    }

    .mg-guest-checkout.checkout-start-page>div {
        width: 100%;
        display: block;
    }

    .mg-guest-checkout.checkout-start-page .sidebar_summary {
        padding: 0 12px;
        background: transparent;
        border: 0px;
        position: static;
        margin-top: 20px;
    }

    .mg-guest-checkout .checkout-box {
        margin-right: 0px;
    }

    .checkout-start-page.cart-wrapper {
        margin: 0 -12px;
    }

    .mg-guest-checkout.checkout-start-page>div:first-of-type {
        border: 0px !important;
    }

    .mobile {
        display: block;
    }

    .completed-order-summary .shipping-info.mobile {
        font-size: #1C1E1F;
        border-bottom: 1px solid #D7D7D7;
        padding-bottom: 45px;
        margin-bottom: 50px;
    }

    .completed-order-summary .shipping-info.mobile .shipping-title {
        color: #1C1E1F;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .receipt-page.order-complete-page .ordered-items {
        margin-bottom: 30px;
    }

    .receipt-page .best-sellers {
        margin: 40px 0;
    }

    .receipt-page .best-sellers h1 {
        margin: 40px 20px;
        text-align: left;
        font-size: 24px;
    }

    .completed-order-summary .ordered-items-header div:last-child,
    .completed-order-summary .ordered-item .shipping-info,
    .order-complete-page .order-info,
    .express-checkout-page .sidebar_summary .checkout-btn,
    .checkout-review-page .sidebar_summary .checkout-btn,
    .completed-order-summary .ordered-item .subscription-prices .quantity .desktop {
        display: none;
    }

    .completed-order-summary .item-info {
        padding-right: 0px;
        width: 100%;
    }

    .completed-order-summary .ordered-item .quantity {
        width: 100%;
    }

    .completed-order-summary .ordered-item .name {
        width: 100%;
    }

    .completed-order-summary .ordered-item .name {
        font-size: 14px;
        line-height: 20px;
    }

    .completed-order-summary .ordered-item .subscription-prices .quantity .mobile {
        display: flex;
        flex-direction: row;
    }

    .completed-order-summary .ordered-item .subscription-prices .quantity .mobile>span:first-of-type {
        width: 30%;
        font-weight: 400;
        color: #1C1E1F;
    }

    .checkout-page.express-checkout-page {
        padding-bottom: 0px;
    }
}

@media(min-width: 601px) and (max-width: 991px) {
    .auto-reorder-message {
        width: calc(70% - 20px);
        width: -moz-calc(70% - 20px);
        width: -ms-calc(70% - 20px);
        width: -webkit-calc(70% - 20px);
    }
}

@media(min-width: 601px) {
    .auto-reorder-message {
        padding: 30px;
        font-weight: 300;
        width: 100%;
        display: none;
    }

    .autobill-thumbs .item .quantity .subscribed {
        display: none;
    }
}

@media(max-width: 600px) {
    .legacy-subscription-tooltip {
        left: 25px;
    }

    .autobill-page .autobill-item-thumb .autobill-details {
        background: none !important;
        border-left: 1px solid white;
        border-right: 1px solid white;
        padding-left: 10px;

    }

    .autobill-page .actions .discover-more {
        font-size: 0.9rem !important;
        position: relative;
        bottom: -35px;
        z-index: 1;
    }

    #shopping-cart-container {
        padding: 15px;
    }

    body .autobill-page .actions select {
        width: 100%;
    }

    .autobill-page .filter-wrapper {
        width: calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -ms-calc(50% - 10px);
    }

    .autobill-thumbs .item .info .image img {
        margin-top: 15px;
        max-width: 80px;
    }

    .autobill-page .actions form {
        display: flex;
        justify-content: space-between;
    }

    .autobill-page .autobill-item-thumb {
        padding: 10px;
    }

    .autobill-page .autobill-details,
    .cart-items .cart-heading {
        background: white;
        width: calc(100% + 2px);
        width: -moz-calc(100% + 2px);
        width: -ms-calc(100% + 2px);
        width: -webkit-calc(100% + 2px);
        margin-left: -1px;
        padding: 5px 10px;
    }

    .autobill-thumbs .item .name,
    .cart-wrapper .cart-item .name {
        margin-bottom: 0px;
    }

    .autobill-page .autobill-details>span:not(.items),
    .cart-items .cart-heading>span:not(.items) {
        display: none;
    }

    .cart-page .cart-actions {
        margin-top: 10px;
        display: flex;
    }

    .cart-page .cart-actions .button {
        width: 50%;
        padding: 12px;
    }

    .auto-reorder-message {
        padding: 20px 20px 50px 20px;
        font-weight: 300;
    }

    .auto-reorder-message b {
        font-weight: normal;
    }

    .autobill-page .item,
    .cart-wrapper .cart-item {
        flex-wrap: wrap;
    }

    .autobill-page .item .info,
    .cart-wrapper .cart-item .info {
        width: 100% !important;
    }

    .autobill-page .item .info,
    .cart-wrapper .cart-item .info {
        padding-top: 10px;
    }

    .autobill-page .item .name,
    .autobill-page .item>div:not(.info, .cost_per_serving, .image),
    .cart-wrapper .cart-item .name,
    .cart-wrapper .cart-item>div:not(.info, .cost) {
        width: 100% !important;
        max-width: calc(100% - 110px);
        max-width: -moz-calc(100% - 110px);
        max-width: -ms-calc(100% - 110px);
        max-width: -webkit-calc(100% - 110px);
        border: none;
        font-weight: normal;
        line-height: 23px;
    }

    .autobill-page .item .name {
        max-width: calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: -ms-calc(100% - 60px);
        max-width: -webkit-calc(100% - 60px);
    }

    .autobill-page .item .quantity,
    .cart-wrapper .cart-item .quantity {
        max-width: calc(100% - 200px);
        max-width: -moz-calc(100% - 200px);
        max-width: -ms-calc(100% - 200px);
        max-width: -webkit-calc(100% - 200px);
    }

    .autobill-thumbs .item .quantity .subscribed {
        bottom: 8px;
        left: 120px;
        white-space: nowrap;
    }

    .autobill-page .item .cost .original-price,
    .autobill-page .item .badge,
    .autobill-page .item div:not(.quantity) .subscribed,
    .autobill-page .item .quantity br,
    .autobill-page .item .free-shipping,
    .cart-wrapper .cart-item .cost .original-price,
    .cart-wrapper .purchase-option.subscription>span,
    .cart-wrapper .cart-item .quantity br,
    .cart-wrapper .cart-item .subscribed span,
    .cart-wrapper .cart-item .badge,
    .cart-wrapper .cart-item .free-shipping,
    .cart-wrapper .one-time-purchase.purchase-option>span,
    .cart-wrapper .cart-item .standard-shipping {
        display: none !important;
    }

    .autobill-page .item .name,
    .cart-wrapper .cart-item .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

    .legacy-subscription-placeholder {
        margin-top: 18px;
        margin-left: -25px;
    }

    .autobill-thumbs .item .name {
        margin-top: 5px;
    }

    .autobill-thumbs .item>div:not(.cost, .info) {
        padding-top: 40px;
    }

    .autobill-page .item .flavor-count,
    .cart-wrapper .cart-items .flavor-count {
        position: absolute;
        top: 40px;
        left: 6px;
    }

    .autobill-thumbs .item .info .image {
        width: 80px;
    }

    .autobill-page .item .quantity,
    .cart-wrapper .cart-items .quantity {
        position: absolute;
        left: 110px;
        top: 87px;
    }

    .cart-wrapper .cart-items .quantity,
    .cart-wrapper .cart-items .flavor-count,
    .autobill-page .item .quantity,
    .autobill-page .item .flavor-count {
        left: 60px;
    }

    .autobill-page .item .image a,
    .cart-wrapper .cart-item .image a {
        padding: 35px 0px 20px 15px;
    }

    .cart-page .cart-items div.qty-select-wrap {
        margin-top: 15px;
        position: absolute;
        left: 60px;
    }

    .autobill-page .item .description {
        width: calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: -ms-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        padding: 0px 0px 0px 10px;
    }

    .autobill-thumbs .item .next-refill {
        white-space: nowrap;
    }

    .autobill-thumbs .item {
        padding: 0px 10px;
    }

    .cart-page .cart-wrapper .cart-heading+.cart-item,
    .cart-wrapper .cart-item {
        padding: 0px;
    }

    .autobill-page .item .cost {
        border: none !important;
        position: absolute;
        top: 15px;
        right: 10px;
        width: 100px;
    }

    .autobill-page .autobill-item-thumb .aro-status {
        margin: 0px 0px 35px 0px;
    }

    .cart-wrapper .cart-item .description {
        padding: 0px 10px 0px 10px;
        flex-grow: 1;
    }

    .cart-wrapper .cart-item .cost {
        border: none;
        position: absolute;
        top: 51px;
        right: 10px;
        width: 100px;
    }

    .autobill-page .item label {
        min-width: 60px;
    }

    .autobill-page .item label,
    .cart-item label {
        display: inline-block !important;
        margin-right: 10px;
    }

    .autobill-page .item .subscribed div,
    .cart-wrapper .cart-item .subscribed div {
        display: inline-block !important;
        font-weight: normal;
    }

    .cart-wrapper .quantity .units {
        color: black;
    }

    .cart-wrapper .cart-item .subscribed div {
        font-weight: bold;
    }

    .cart-wrapper .purchase-option.subscription {
        display: inline-block;
        position: relative;
    }

    .cart-wrapper .cart-item .subscribed {
        position: static;
    }

    .cart-wrapper .purchase-option.one-time-purchase {
        display: block;
        width: calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: -ms-calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
    }

    .autobill-page .item .cost .discounted-price {
        font-size: 0.85rem;
        font-weight: 400;
    }

    .cart-wrapper .cart-item .cost .discounted-price {
        color: #464f5e;
        font-size: 0.85rem;
        font-weight: bold;
    }

    .cart-page h1,
    .empty-cart-page h1 {
        font-size: 1.4rem;
        padding: 5px 10px;
        padding: 0px 10px 15px 10px;
        margin-bottom: 15px;
    }

    .visible-small {
        display: block !important;
    }

    .flavor-description {
        display: flex;
        flex-direction: row;
    }

    .flavor-description div {
        width: 40%;
    }

    .aro-stuff {
        display: flex;
        flex-direction: row;
    }

    .aro-stuff .units {
        width: 110px;
    }

    .aro-stuff div {
        width: 110px;
    }

    .aro-stuff div.period {
        font-weight: 700;
        color: #2D8010;
    }

    .autobill-thumbs .item .subscribed:before,
    .ajax-cart .purchase-option.subscription .subscribed:before,
    .cart-wrapper .cart-item .subscribed:before {
        display: none;
    }

    .autobill-thumbs .item .subscribed,
    .cart-wrapper .cart-item .subscribed {
        padding-left: 0px;
    }

    .cart-wrapper .one-time-purchase.purchase-option {
        padding-bottom: 70px;
    }

    .cart-wrapper .one-time-purchase.purchase-option>span {
        display: block !important;
    }

    .cart-wrapper .cart-item .cost>div {
        margin-bottom: 0px !important;
    }

    .visible-to-600 {
        display: none;
    }

    .autobill-page .actions .discover-more {
        margin-top: -30px;
        bottom: 0px;
    }

    .autobill-thumbs .item .cost .unit-price,
    .autobill-thumbs .item .cost .badge {
        display: none;
    }

    .autobill-thumbs .item .quantity>span {
        display: block;
    }
}

@media(min-width:601px) {
    .visible-small {
        display: none;
    }

    .visible-to-600 {
        display: block !important;
    }
}

@media(min-width: 601px) and (max-width:1200px) {

    .autobill-thumbs .item .subscribed,
    .cart-wrapper .cart-item .subscribed {
        right: 10px;
    }

    .autobill-thumbs .item .cost .subscribed {
        right: 0px;
    }

    .completed-order-summary .ordered-item .image a,
    .autobill-thumbs .item .image a,
    .cart-wrapper .cart-item .image a {
        padding: 20px 0 0 0;
    }
}

@media(min-width:991px) {
    .edit-subscription>div {
        padding-left: 27px;
        padding-right: 27px;
    }
}


body .status-box:before,
.autobill-page .status-box:before {
    content: "\f058";
    color: #509d67;
}

body .status-box:before,
.autobill-page .error:before,
.autobill-page .status-box:before {
    display: block;
    font: normal normal normal 16px/1 FontAwesome;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 18px;
    top: 15px;
}

body .status-box,
.autobill-page .status-box {
    background-color: #d9f2e5;
}

.autobill-page .error {
    background-color: #f2dede;
}

body .status-box,
.autobill-page .error:not(label),
.autobill-page .status-box {
    border: 0px;
    color: #333;
    padding: 13px 20px 13px 40px;
    margin: 5px 0 15px;
    font-size: 0.8rem;
    position: relative;
    border-radius: 5px;
    display: block;
    max-width: 100%;
    min-width: 300px;
}

body .autobill-page .status-box {
    display: inline-block;
}

body .cart-page .status-box,
body .ajax-cart .status-box {
    background: url(../images/success-message.png);
    color: #333;
    border: none;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 25px;
    font-weight: 700;
    margin-left: 10px;
    min-width: unset;
}

body .ajax-cart .status-box {
    margin: 0px;
}

body .cart-page .status-box:before,
body .ajax-cart .status-box:before {
    display: none;
}

.cart-page .cart-totals {
    border: 1px solid #E4E8EB;
    border-radius: 5px;
}

.cart-page .cart-totals table td.subscription-message {
    white-space: normal !important;
    text-align: left;
    padding: 0px;
}

/* END AJAX Cart, Cart Page, My account subscriptions */
/* Pox: checkout classes */
.checkout-page .checkout-btn {

}

.checkout-page .js-complete-order-btn.checkout-btn,
.checkout-page .bottom-btn .complete-order-btn.checkout-btn {
    margin-bottom: 25px;
    width: 100%;
}


.sidebar-summary-inner .ajax-cart .flavor-size>span,
.sidebar-summary-inner .ajax-cart .count>span {
    min-width: 100px;
}

.sidebar-summary-inner .ajax-cart .cart-items td.border-bottom {
    border-bottom: 1px dotted #D0D3D6;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.checkout-page .sidebar-summary-inner .total-info td {
    font-weight: 700;
}

.checkout-page .sidebar-summary-inner .total-info td.subtotal {
    font-weight: 700;
    text-transform: uppercase;
}

.checkout-page .sidebar-summary-inner .total-info .subscription-discount td {
    color: #2D8010;
    font-weight: 700;
    text-align: left !important;
    padding-left: 0px !important;
    padding-bottom: 10px;
}

.checkout-page .sidebar-summary-inner .total-info tr:last-child {
    border: none;
    padding: 0px !important;
    white-space: wrap;
    font-weight: normal !important;
}

.checkout-page .sidebar-summary-inner .total-info td.subscription-message {
    white-space: normal !important;
    text-align: left;
    padding: 0px;
}

.checkout-page .sidebar-summary-inner .total-info td.subscription-message .subscription-note {
    border: none;
    padding: 5px 5px 10px 5px;
    font-weight: normal !important;
    line-height: 22px;
}

.checkout-page .sidebar-summary-inner .total-info .estimated-total {
    border-top: 1px dotted #D0D3D6;
    border-bottom: 1px dotted #D0D3D6;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 15px 0;
}

.checkout-box .checkout-steps {
    border: 1px solid #E4E8EB;
    border-radius: 5px 5px 0 0;
    list-style-type: none;
    margin: 0px;
    background: #FAFBFC;
    padding: 30px 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.checkout-box .checkout-steps:before {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    height: 1px;
    background: url(../images/dot.png) center left repeat-x;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
}

.checkout-box .checkout-steps .step {
    background: #FAFBFC;
    position: relative;
}

.checkout-box .checkout-steps .step a:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    border: 1px solid #809eb9;
    border-radius: 2px;
    color: #809eb9;
    margin-right: 5px;
}

.checkout-box .checkout-steps .step a {
    white-space: nowrap;
    text-decoration: none;
    color: #6D7073;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    background: #FAFBFC;
    padding: 0 10px;

}

.checkout-box .checkout-steps .step.current a,
.checkout-box .checkout-steps .step.passed a {
    color: #2C5E8B;
}

.checkout-box .checkout-steps .step.current a:before,
.checkout-box .checkout-steps .step.passed a:before {
    background: #2C5E8B;
    color: #fff;
    border-color: transparent;
}

.checkout-box .checkout-steps .step:nth-child(1) a:before {
    content: "1";
}

.checkout-box .checkout-steps .step:nth-child(2) a:before {
    content: "2";
}

.checkout-box .checkout-steps .step:nth-child(3) a:before {
    content: "3";
}

.shopping-cart.ajax-cart {
    padding-right: 0px !important;
    height: auto !important;
}

@media(max-width:480px) {

    .checkout-box .checkout-steps .step a {
        font-size: 12px;
        line-height: 18px;
    }

    .checkout-box {
        padding-bottom: 150px !important;
    }

    .shipping-page.single-shipping-page .checkout-box {
        padding-bottom: 100px !important;
    }

    .checkout-box button.checkout-btn {
        width: 100% !important;
    }

    .checkout-page.single-shipping-page .checkout-box .checkout-btn {
        bottom: -142px !important;
        right: -15px !important;
        left: -15px;
        max-width: auto;
    }

    .checkout-page.hide-address-fields .checkout-box .checkout-btn {
        bottom: -122px !important;
        right: -15px !important;
        left: -15px;
        max-width: auto;
    }

    .checkout-payment-page.checkout-page .checkout-box button.checkout-btn {
        right: 0px !important;
        bottom: 15px !important;
    }

    .single-shipping-page.checkout-page .checkout-box form {
        position: relative;
    }

    .sidebar-summary-inner .ajax-cart .flavor-size>span,
    .sidebar-summary-inner .ajax-cart .count>span {
        min-width: 80px;
    }
}

@media(min-width:481px) and (max-width:767px) {
    .general-fieldset .field.cc-number-field .cc-icons {
        right: 20px;
    }
}

@media(max-width:768px) {
    .checkout-box .checkout-steps {
        padding: 15px;
    }

    .checkout-box .checkout-steps .step a {
        width: 85px;
        white-space: normal;
        display: block;
        text-align: center;

    }

    .checkout-box .checkout-steps .step a:before {
        display: block;
        margin: 0 auto 5px;
    }
}

.checkout-box .step-content {
    border: 1px solid #E4E8EB;
    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    margin: 0 0 20px 0;
}

.step-content .page-title,
.find-your-address h3 {
    color: #1C1E1F;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    float: none;
}

.find-your-address h3 {
    font-size: 18px;
    line-height: 24px;
}

/* end checkout classes */

@media(min-width:991px) and (max-width:1200px) {
    .checkout-box .checkout-steps {
        padding: 30px 10px;
    }
}

@media(min-width: 992px) {
    .checkout-box {
        float: left;
        padding: 0px 50px 0px 0px;
        width: calc(100% - 400px);
        width: -moz-calc(100% - 400px);
        width: -ms-calc(100% - 400px);
        width: -webkit-calc(100% - 400px);
    }

    .checkout-page .sidebar_summary {
        float: right;
        width: 400px;
    }
}

.js-hidden {
    display: none !important;
}

/*checkout forms general-fieldset*/
.general-fieldset .field {
    margin-top: 15px;
    padding-right: 20px;
    border: none;
}

.general-fieldset .field label {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #373A3C;
    padding: 0 0 5px;
    background-color: transparent;
    width: 100%;
    float: none;
}

.general-fieldset .field label.error {
    font-size: 12px;
    border: 0px solid #cc0000;
    background: #fcefee;
    border: 0 0 5px 5px;
    padding: 5px 10px;
    color: #cc0000;
}

.general-fieldset .field input[type="password"],
.general-fieldset .field input[type="text"],
.general-fieldset .field input[type="phone"],
.general-fieldset .field input,
.general-fieldset .field select {
    border: 1px solid #C5CDCF;
    border-radius: 2px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    float: none;
}

.email-information small {
    color: #6D7073;
}

/* shipping step address autocomplete */
.one_page .pac-logo::after,
.one_page .pac-icon {
    display: none;
}

.one_page .pac-item {
    margin: 5px 10px;
    padding: 5px 10px;
    height: 41px;
    border-top: 0px;
    border-bottom: 1px solid #E6EBED;
}

.one_page .pac-item * {
    color: #393D40;
    font-weight: normal;
    font-size: 14px;
}

.one_page .pac-item:last-child {
    border: none;
}

.one_page .pac-item:hover * {
    font-weight: bold;
}

.one_page .pac-item:hover {
    background: #ecf6fa;
    border-radius: 5px;
    border-bottom: none;
}

.one_page .pac-container {
    box-shadow: none;
    border: 1px solid #C5CDCF;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px;
}

/* END shipping step address autocomplete */
.general-fieldset .field select {
    background: url(../images/select-down.png) 96% center no-repeat;
}

.general-fieldset .fieldset,
.step-content .fieldset {
    border: none;
}

.payment-methods .fieldset {
    border: 1px solid #ddd;
}

.general-fieldset .field.field-checkbox,
.general-fieldset .field.field-radio {
    display: flex;
    margin-top: 15px;
}

.general-fieldset .field.field-checkbox input,
.general-fieldset .field.field-radio input {
    width: auto;
    margin-right: 5px;
}

.checkout-box {
    position: relative;
    padding-bottom: 50px;
}

/*.shipping-page.single-shipping-page .checkout-box,*/
.express-checkout-page .checkout-box {
    padding-bottom: 100px;
}

.shipping-page.single-shipping-page .checkout-box {
    padding-bottom: 70px;
}

.checkout-box button.checkout-btn,
button.checkout-btn {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    padding: 12px 80px;
}

.step-content .complete-order-btn.checkout-btn.desktop-bot-btn {
    position: absolute;
    bottom: 20px;
    right: 50px;
}

.express-checkout-page .checkout-box button.checkout-btn,
/*.shipping-page.single-shipping-page .checkout-box button.checkout-btn*/
    {
    position: absolute;
    right: 50px;
    bottom: 20px;
}

.shipping-page .checkout-btn {
    margin-top: 0px;
}

.checkout-review-page.checkout-page button.checkout-btn.desktop-bot-btn {
    position: absolute;
    right: 50px;
    bottom: -20px;
}


@media(min-width:481px) {}

.checkout-page .step-content.shipping-address,
.checkout-page .step-content.payment-summary {
    border: 1px solid #E4E8EB;
    border-top: none;
    border-bottom: none;
    padding: 25px;
    margin: 0px !important;
}

.step-content.payment-summary {
    margin-bottom: 0px;
    padding: 0px 25px 25px !important;
}

.checkout-page .step-content.shipping-address {
    padding: 25px 25px 0;
}

.checkout-payment-page .payment-type-tab .payment-type-tab-content {
    border: none;
    background-color: transparent;
    display: block;
}

.checkout-payment-page .new-cc select[name*="cc_exp_"] {
    width: 45%;
}

.checkout-payment-page .payment-type-tab .checkout-btn-wrap {
    border: none;
}

.checkout-payment-page .payment-methods-wrap .new-cc,
.checkout-payment-page .payment-type-tab.credit-card .checkout-btn-wrap {
    display: block;
}

.how-to-find-content {
    clear: both;
}

.checkout-payment-page .payment-type-tab .payment-type-tab-title {
    display: none;
}

.checkout-page .review-billing-payment .wallet-info,
.checkout-page .shipto-address .address-box {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 20px 0px;
    font-size: 0.9rem;
    font-weight: bold;
}

.checkout-page .shipto-address select option {
    padding: 12px;
}

.checkout-page .review-billing-payment .wallet-info {
    align-items: center;
}

.checkout-page .review-billing-payment .wallet-info div {
    margin-right: 20px;
}

.checkout-page .shipto-address .address-box div {
    width: 33.33%;
    padding: 10px 10px 10px 0px;
}

.checkout-page .review-billing-payment .wallet-info div span,
.checkout-page .shipto-address .address-box div span {
    font-weight: 400;
    margin-right: 5px;
}

.checkout-page .shipto-address div.last-name,
.checkout-page .shipto-address div.phone,
.checkout-page .shipto-address div.address2 {
    width: 66.66%;
}

.checkout-page .shipto-address div.password {
    display: none;
}

.shipto-address .field.field-checkbox {
    margin-top: 0px;
    align-items: center;
}

.shipto-address .field.field-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    left: 0px !important;
}

.shipto-address .field.field-checkbox label {
    padding: 13px 10px 10px 10px;
}

.payment-summary .review-billing-address {
    padding-top: 20px;
}

.payment-summary .review-billing-payment {
    padding-top: 10px;
}

.payment-summary .review-billing-payment .page-title {
    margin-bottom: 40px;
}

.checkout-page .review-billing-payment .wallet-info div span[class^="cc-icon"] {
    position: static !important;
}

.completed-order-summary .saved-card span.cc-icon-american-express,
.checkout-page .review-billing-payment .wallet-info div span[class="cc-icon-ae"] {
    background: #FBFAF8 url(../images/amex_icon.svg) center center no-repeat;
}

.completed-order-summary .saved-card span.cc-icon-master-card,
.checkout-page .review-billing-payment .wallet-info div span[class="cc-icon-mc"] {
    background: #FBFAF8 url(../images/mastercard_icon.svg) center center no-repeat;
}

.completed-order-summary .saved-card span.cc-icon-discover,
.completed-order-summary .saved-card span.cc-icon-diners-club,
.checkout-page .review-billing-payment .wallet-info div span[class="cc-icon-dc"],
.checkout-page .review-billing-payment .wallet-info div span[class="cc-icon-d"] {
    background: #FBFAF8 url(../images/discover_icon.svg) center center no-repeat;
}

.payment-type .payment-title {
    color: #1C1E1F;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.review-billing-address .section-title {
    color: #1C1E1F;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.complete-order-btn.checkout-btn,
.js-complete-order-btn.checkout-btn {
    background: #398C1C;
    color: #fff;
}

.complete-order-btn.checkout-btn:hover,
.js-complete-order-btn.checkout-btn:hover {
    background: #1F590B;
}

.complete-order-btn.checkout-btn:active,
.js-complete-order-btn.checkout-btn:active {
    background: #164008;
}

.checkout-box h1.checkout-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #373A3C;
}

.new-cc-info.js-new-cc-info .field.field-blank {
    padding: 0px !important;
}

.payment-address-box {
    padding-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1C1E1F;
}

.payment-address-box h6 {
    font-size: 16px;
    line-height: 24px;
    color: #1C1E1F;
    margin-bottom: 10px;
}

@media(min-width:991px) and (max-width: 1200px) {
    .new-cc-info.js-new-cc-info .col-s-6 {
        width: 80%;
    }

    .new-cc-info.js-new-cc-info .col-s-7 {
        width: 93%;
    }
}

@media(min-width:480px) and (max-width:768px) {
    .checkout-payment-page .cc-number-field .js-mask-toggle {
        left: 77% !important;
    }
}

@media(max-width:479px) {

    .general-fieldset .field.cc-number-field input[type="password"],
    .general-fieldset .field.cc-number-field input[type="text"] {
        width: 78% !important;
    }

    .checkout-payment-page .cc-number-field .js-mask-toggle {
        left: 68% !important;
    }

}

/* end checkout forms general-fieldset forms*/

.weight600 {
    font-weight: 600;
}

.weight400 {
    font-weight: 400;
}

/* CHECKOUT NEW DESIGN */
.checkout-page .page-title small {
    float: right;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: 5px;
    color: #6D7073;
}

.single-shipping-page .shipping-methods {
    padding-right: 20px;
}

.shipping-methods .fieldset {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 20px 0px;
    max-width: 100%;
    border: none;
}

.shipping-methods .fieldset .shipping-option {
    width: 33.33%;
    border: none;
}

.shipto-method .estimated-delivery,
.shipping-methods .fieldset .shipping-option .estimated-delivery {
    color: #2D8010;
    font-size: 0.75rem;
}

.fieldset.fieldset-fit .shipping-option label {
    border: thin solid #E4E8EB;
    font-size: 0.85rem;
    min-height: 80px;
    padding: 10px 12px;
}

.fieldset.fieldset-fit .shipping-option input {
    display: none;
}

.fieldset.fieldset-fit .shipping-option input:checked+label {
    background: #FAFBFC;
    border: thin solid #2D8010;
}

.sidebar_summary .shipto-methods {
    background: #FAFBFC;
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    padding: 16px 15px;
    margin-top: 15px;
    position: relative;
    cursor: pointer;
}

.sidebar_summary .shipto-selected-method:before {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/shipping-method-summary.png);
    width: 12px;
    height: 8px;
    right: 25px;
    top: 22px;
}

.sidebar_summary .shipto-selected-method.expanded:before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.shipto-methods.shipto-dropdown {
    display: none;
    background: none;
    margin-top: 5px;
    padding: 0px;
}

.shipto-methods.shipto-dropdown.expanded {
    display: block;
}

.shipto-methods.shipto-dropdown .shipto-method {
    padding: 16px 20px;
}

.shipto-methods.shipto-dropdown .shipto-method:hover {
    background: #f6f7f8;
    border-radius: 5px;
}

.shipto-methods.shipto-dropdown .field input {
    display: none;
}

.sidebar_summary .shipto-methods .shipto-method {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    cursor: pointer;
}

.sidebar_summary .shipto-methods .shipto-method>div {
    padding: 0 5px;
}

@media (max-width: 991px) {

    .express-checkout-page,
    .checkout-review-page,
    .checkout-payment-page,
    .single-shipping-page {
        display: flex;
        flex-wrap: wrap;
    }

    .express-checkout-page.checkout-page .sidebar_summary,
    .checkout-payment-page.checkout-page .sidebar_summary,
    .single-shipping-page.checkout-page .sidebar_summary {
        order: 1;
    }

    .checkout-page .sidebar-summary-inner,
    .edit-subscription .details {
        display: block !important;
    }

    .checkout-page .summary-title::after {
        display: none;
    }

    .checkout-page .sidebar_summary,
    .checkout-page .checkout-box {
        width: 100%;
    }

    .desktop-only {
        display: none;
    }

    .account-menu h4 {
        background: transparent !important;
        padding: 0px !important;
    }

    .account-links-wrap {
        border: none !important;
    }

    .account-menu .account-links {
        padding: 0px !important;
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .account-menu h4 .account-menu-toggle:before {
        content: '\e235';
    }

    .account-menu h4 .account-menu-toggle.opened:before {
        content: "\e014";
    }

    #checkout-end {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .checkout-review-page .checkout-box button.checkout-btn.top-btn,
    .express-checkout-page .checkout-box button.checkout-btn.top-btn,
    .express-checkout-page .checkout-box button.checkout-btn.bottom-btn ,
    .checkout-review-page .checkout-box button.checkout-btn.bottom-btn {
        position: static;
        display: block;
        width: 100% !important;
    }

    .express-checkout-page .checkout-box button.checkout-btn ,
    .checkout-review-page .checkout-box button.checkout-btn {
        display: none;
    }


    .express-checkout-page.checkout-page .bottom-btn ,
    .checkout-review-page.checkout-page .bottom-btn {
        order: 3 !important;
    }

    .express-checkout-page.checkout-page .checkout-box,
    .checkout-review-page.checkout-page .checkout-box {
        order: 1 !important;
        padding-bottom: 0px !important;
    }

    .express-checkout-page.checkout-page .sidebar_summary ,
    .checkout-review-page.checkout-page .sidebar_summary {
        order: 2 !important;
    }
}

@media (max-width: 600px) {
    .checkout-page .page-title {
        font-size: 20px;
        line-height: 27px
    }

    .shipping-methods .fieldset {
        border-bottom: 1px solid #ddd;
    }

    .shipping-methods .fieldset .shipping-option {
        width: 100%;
        margin-top: 0px;
    }

    .general-fieldset .field {
        padding-right: 0px;
    }

    .checkout-box .step-content {
        padding: 15px;
    }

    #express-checkout-summary-box .checkout-page .step-content {
        padding: 0 15px !important;
    }

    .checkout-page .page-title small {
        font-size: 0.75rem;
        top: 0px;
        width: 120px;
        text-align: right;
        line-height: 16px;
    }

    .fieldset.fieldset-fit .shipping-option:nth-of-type(2) label {
        margin: -1px 0px;
    }

    .fieldset.fieldset-fit .shipping-option:nth-of-type(2) input:checked+label {
        margin: 0px;
    }

    .sidebar-summary-inner .ajax-cart .count>span {
        min-width: 80px;
    }

    .general-fieldset .field.cc-number-field .cc-icons {
        right: 0px;
    }

    .general-fieldset .field.cc-number-field input[type="text"] {
        width: 80% !important;
    }

    .ajax-cart .cart-items .item-info {
        padding-right: 0px;
    }

    .checkout-page .cc-edit,
    .checkout-page .cc-edit:hover,
    .checkout-page .edit-step-link,
    .edit-subscription .edit-button {
        margin-left: 10px;
    }

    #express-checkout-summary-box .payment-summary-box .cvv_required_form {
        width: 100% !important;
    }

    .step-content .express_checkout {
        margin-top: 0px !important;
    }

    #express-checkout-summary-box .shipping-summary-box .step-content,
    #express-checkout-summary-box .step-content {
        padding: 0px;
    }

    .express-checkout-page .checkout-box {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .express-checkout-page.checkout-page .sidebar_summary {
        margin-bottom: 20px;
    }
}

/* END CHECKOUT NEW DESIGN */

/*express checkout*/
.express-checkout-page .step-content {
    border: 1px solid #E4E8EB;
    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    margin: 0 0 20px 0;
}

.express-checkout-page .step-content:first-of-type {
    margin-bottom: 20px;
    padding-top: 0px;
}

.express-checkout-page .step-content:last-of-type {
    padding-bottom: 20px !important;
}

#express-checkout-summary-box .step-title {
    background-color: transparent;
    padding: 0px;
    margin: 0 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #1C1E1F;
    text-transform: capitalize;
    display: none;
}

#express-checkout-summary-box .shipping-summary-box .step-content,
#express-checkout-summary-box .step-content {
    border: none;
    padding: 0px !important;
}

#express-checkout-summary-box .step-title:before {
    display: none;
}

#express-checkout-summary-box .shipping-summary-box .shipto-address,
.shipping-package-summary.single-shipping-package-summary .shipto-address {
    width: 100%;
    float: none;
    padding-right: 0px;
}

#express-checkout-summary-box .shipping-summary-box .shipto-address select,
#express-checkout-summary-box .payment-summary-box .payment-methods select {
    border: none;
    border: 1px solid #E4E8EB;
    border-radius: 5px;
    background: #FAFBFC url(../images/select-down.png) 98% center no-repeat;
    padding: 12px;
}

#express-checkout-summary-box .payment-summary-box .payment-methods .field {
    padding-right: 0px;
}

#express-checkout-summary-box .payment-summary-box .cvv_required_form {
    margin-bottom: 20px;
    width: 50%;
}

#express-checkout-summary-box .shipping-summary-box .shipto-address .fieldset {
    border: none !important;
}

#express-checkout-summary-box .payment-type {
    margin-top: 24px;
}

#express-checkout-summary-box .payment-type .payment-title {
    font-size: 16px;
}

.step-content .express_checkout {
    margin-top: 35px;
    border-bottom: 1px solid #D7D7D7;
}

#express-checkout-summary-box .shipping-summary-box {
    margin-bottom: 0px;
}

.how-to-find-content {
    margin-bottom: 20px;
}

/*end express checkout*/

.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block label {
    padding: 10px 10px 10px 0;
}

.find-your-address .h6 {
    color: #393D40;
    font-size: 14px;
}

.hide-address-fields .find-your-address .search-box {
    background: #FAFBFC;
    border-radius: 5px;
    padding: 28px 16px;
    margin: 16px 0 24px;
    position: relative;
}

.hide-address-fields .find-your-address label {
    display: none;
}

.hide-address-fields .find-your-address input {
    padding: 12px 12px 12px 40px !important;
}

.hide-address-fields .col-s-6.find-your-address {
    width: 100% !important;
}

.find-your-address .search-box-icon {
    display: none;
}

.hide-address-fields .find-your-address .search-box-icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 42px;
    left: 30px;
    color: #373A3C;
}

#vimeo_video_popup .modalCloseImg {
    background: url(/mas_assets/theme/metagenics/images/modal_close.png) center center no-repeat;
    width: 23px;
    height: 22px;
    top: 15px;
    z-index: 11;
}

a.show-address-fields,
a.hide-address-fields {
    color: #2C5E8B;
    font-weight: 600;
    font-size: 14px;
}

.hide-billing-address .review-billing-address {
    display: none;
}

.hide-billing-address .checkout-page .review-billing-payment .page-title {
    border-top: 0px;
    padding-top: 0px;
}

.cart-page .cart-totals table td:last-of-type,
.cart-wrapper .cart-summary table td:nth-of-type(2n) {
    white-space: nowrap;
}

.cold-shipping td:first-of-type {
    color: #007AB8;
}

.cold-ship-popup {
    padding: 50px 40px 30px;
}

.cold-ship-popup input[type="button"],
.cold-ship-popup input[type="submit"] {
    width: 190px;
    margin: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    padding: 14px 20px;
}

.cold-shipping-title {
    font-size: 28px;
    line-height: 38px;
    color: #373A3C;
    font-weight: 700;
}

.cold-shipping-title img {
    margin-right: 15px;
}

.cold-shipping-content {
    border-top: 1px dotted #CACACA;
    border-bottom: 1px dotted #CACACA;
    padding: 30px 15px 0;
    margin: 15px 20px 40px;
    color: #323232;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.cold-shipping-price {
    font-size: 22px;
    line-height: 33px;
    color: #000;
    font-weight: 700;
    padding: 25px;
}

@media(max-width: 600px) {
    .cold-ship-popup {
        padding: 20px 10px 10px;
    }

    .cold-ship-popup input[type="button"],
    .cold-ship-popup input[type="submit"] {
        margin: 5px 2px;
    }
}

/* video modal overrides for pdp */
#simplemodal-container-video {
    height: auto !important;
}

#simplemodal-container-video .modalCloseImg {
    background: none;
    width: auto;
    color: #4e4e4e;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

#simplemodal-container-video #simplemodal-data .store-box {
    min-width: inherit !important;
}

#simplemodal-container-video #simplemodal-data .store-box iframe {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 15px
}

#simplemodal-container-video a.modalCloseImg.simplemodal-close:after {
    content: 'Close\00a0\00a0\00a0\00a0\03a7';
}

@media (max-width: 479px) {
    #simplemodal-container-video {
        max-height: 250px !important;
    }

    #simplemodal-container-video #simplemodal-data .store-box iframe {
        max-height: 195px !important;
    }
}
/* end video modal overrides for pdp */

.product-images .product-gallery .js-pdp-video img {
    height: 70px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .product-images .product-gallery .js-pdp-video img {
        height: 60px;
    }
}